/*
*
*	General stuff
*
*/

	html, body {
		height: 100%;
	}

	body {
		margin: 0;
		padding: 0;
		border: 0;
		background-color: #FFFFFF;
	}
	
	p {
		margin: 10px 0;
	}
	
	.fullError {
		height: 100vh;
		width: 100vw;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(163,170,175,0.5);
		z-index: 999999999;
	}
	
	.fullError .border-box {
		padding: 10px;
		background-color: rgba(236,240,241,0.5);
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 400px;
		margin: 0 auto;
		border-radius: 10px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3);
	}
	
	.fullError .error-container {
		background-color: #E6E7E7;
	}
	
	.fullError .header {
		height: 24px;
		border-bottom: 1px solid #D5D9D9;
		line-height: 24px;
		font-size: 2em;
		text-align: left;
		text-transform: uppercase;
		padding: 8px 10px;
	}
	
	.fullError .content {
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D5D9D9;
		vertical-align: middle;
		padding: 0 20px;
	}
	
	.fullError .content p {
		margin: 20px 0;
	}
	
	.fullError .footer {
		height: 24px;
		padding: 8px 0;
		text-align: center;
		border-top: 1px solid #FFFFFF;
		
	}
	
	td, table, p, input, select, textarea, .fullError {
		font-size: 12px;
		font-family: arial, helvetica, sans-serif;
		line-height: 120%;
	}

	.magic-wrapper {
		min-height: 100%;
		height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
		height: 100%;
		margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
		width: 960px;
	}

	.tbl_main_container {
		background-color: #FFFFFF;
		width: 960px;
		margin: auto;
		/*position: absolute;
		top: 0;
		bottom: 0;*/
		height: 100vh;
		/*min-height: 100vh;*/
	}
	
	p.strong {
		font-weight: bold;
	}
	
	.clear-both:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.clear-both {
		clear: both;
		display: block;
	}

	a {
		text-decoration: none;
		color: #FFFFFF;
		text-decoration: none;
	}

    a:visited {
        color: #FFFFFF;
    }

    a:hover {
        color: #FFFFFF;
    }

    a.linkSelected {
        text-decoration: none;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
    }

    a:visited.linkSelected {
        color: #FFFFFF;
    }

    a:hover.linkSelected {
        color: #FFFFFF;
    }
	
	a span.link div.icon,
	a:visited span.link div.icon{
		margin-right: 5px;
		display: inline-block;
		border-radius: 10px;
		top: 1px;
		background-color: #2980B9;
		color: #FFFFFF;
		height: 20px;
		width: 20px;
		position: relative;
		line-height: 20px;
		text-align: center;
		box-shadow: 0px 2px 1px 0px #34495E;
		font-size: 10px;
	}
	
	a span.link,
	a:visited span.link {
		color: #2980B9;
		text-decoration: underline;
	}
	
	a:hover span.link {
		color: #3498DB;
	}
	
	a:hover span.link div.icon {
		background-color: #3498DB;
	}
	
	a:active span.link div.icon,
	a:visited:active span.link div.icon {
		background-color: #E67E22;
	}
	
	a:active span.link,
	a:visited:active span.link {
		color: #E67E22;
	}
	
/*
*
*	General stuff end
*
*/

/*
*
*	Region declaration
*
*/

    .tbl_main_container .top_content {
        width: 760px;
        height: 80px;
        background-color: #EEEEEE;
    }

    .tbl_main_container .right_content {
        width: 160px;
		padding: 30px 0 0 10px
    }

    .tbl_main_container .left_content {
        width: 170px;
        padding: 30px 0 0 0;
    }
	
	.tbl_main_container .left_content_bottom {
		width: 170px;
        padding: 0 0 0 0;
	}

    .tbl_main_container .page_content {
        width: 600px;
		padding: 30px 10px 15px 10px;
        overflow: hidden;
    }
	
	.tbl_main_container .page_content.wide {
        width: 780px;
		padding: 30px 0 15px 10px;
        overflow: hidden;
    }

    .tbl_main_container .footer_content {
        width: 930px;
        padding: 0 15px;
		height: 38px;
		border: 1px solid #bdc3c7;
		border-radius: 2px;
		background-color: #ecf0f1;
		line-height: 38px;
		color: #7F8C8D;
		font-size: 12px;
    }
	
/*
*
*	End region declaration
*
*/
	
/*
**
** Language menu selector START
**
*/
	
	.langMenuElement {
		height: 80px;
		width: 82px;
		float: right;
	}
	
	.langMenuElement .icon32White {
		font: 32px/1 gb_font;
		color: #fff;
	}
	
	.langMenuElement .headerIcon {
		height: 32px;
		width: 32px;
		margin: 15px auto 0;
	}
	
	
	.langMenuElement .headerText {
		font-size: 10px;
		margin-bottom: 13px;
		margin-top: 5px;
		text-align: center;
		overflow: hidden;
		text-transform: uppercase;
		color: #FFFFFF;
	}
	
	.langMenuElement .headerSeperatorLightBlue {
		background-color: #2e8ecd;
	}
	
	.langMenuElement .headerSeperatorDarkBlue {
		background-color: #2473a6;
	}
	
	.langMenuElement .headerSeperatorLightBlue, 
	.langMenuElement .headerSeperatorDarkBlue, 
	.langMenuElement .headerSeperatorLightOrange, 
	.langMenuElement .headerSeperatorDarkOrange {
		height: 100%;
		width: 1px;
		float: left;
	}
	
	.langMenuElement .headerItem {
		border-bottom-right-radius: 2px;
		position: relative;
		float: right;
	    height: 100%;
		width: 80px;
		float: right;
	}
	
	.langMenuElement .headerItem.headerInactive {
		background-color: #2980b9;
	}
		
	.langMenuElement:hover .headerSeperatorDarkBlue {
		background-color: #2e8ecd;
	}

	.langMenuElement .headerSeperatorLightOrange {
		background-color: #f58625 !important;
	}

	.langMenuElement .slideDownLanguage {
		transition: all 1s ease;
		height: 390px;
		overflow: auto;
		overflow-y: hidden;
	}
	
	.langMenuElement .slideUpLanguage {
		transition: all 1s ease;
		height: 0;
		overflow: hidden;
	}
	
	#headerLanguageChoiceContainer {
		opacity: .9;
		position: absolute;
		right: -10px;
		border-radius: 5px;
		z-index: 100;
		margin-top: 7px;
	}
	
	#headerLanguageTriangle {
		height: 0;
		overflow: hidden;
		padding-bottom: 10px;
		padding-left: 0;
	}
	
	#headerLanguageTriangle:after {
		border-bottom: 11px solid #34495e;
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		content: "";
		position: absolute;
		right: 29px;
	}
	
	#headerLanguageChoice {
		background-color: #34495e;
		border-radius: 5px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
		margin: 0 10px;
		padding: 5px 0;
		white-space: nowrap;
	}
	
	.langMenuElement .langItem {
		height: 40px;
		width: 147px;
	}
	
	.langMenuElement .langItem .langText {
		color: #fff;
		display: inline-block;
		font-size: 12px;
		margin: 12px 12px 12px 0;
		margin-right: 13px;
		text-transform: uppercase;
	}
	
	.langMenuElement .langItem .langIcon {
		display: inline-block;
		height: 24px;
		margin: 8px 10px;
		width: 37px;
		float: left;
	}

	.langMenuElement .langItem #dk {
		background-position: 0 0;
	}
	
	.langMenuElement .langItem #de {
		background-position: 0 -24px;
	}
	
	.langMenuElement .langItem #ee {
		background-position: 0 -48px;
	}
	
	.langMenuElement .langItem #gb {
		background-position: 0 -72px;
	}
	
	.langMenuElement .langItem #us {
		background-position: 0 -96px;
	}
	
	.langMenuElement .langItem #no {
		background-position: 0 -120px;
	}
	
	.langMenuElement .langItem #se {
		background-position: 0 -144px;
	}
	
	.langMenuElement .langItem #fi {
		background-position: 0 -168px;
	}
	
	.langMenuElement .langItem #is {
		background-position: 0 -192px;
	}
	
	.langMenuElement .langItem .langIcon.icon {
		background-image: url("/images/2016design/language_flags_37x24.png?v=1");
	}
	
	.langMenuElement .langItem.active {
		background-color: #e67e22;
	}
	
	.langMenuElement:hover #headerLanguage,
	.langMenuElement .langItem:hover {
		cursor: pointer;
		background-color: #3498db;
	}
	
	.langMenuElement .headerItem.headerActive {
		background-color: #E67E22 !important;
	}
	
/*
**
** Language menu selector END
**
*/

/*
*
*	Start header stuff
*
*/

	.header_container {
		background-color: #2980B9;
		height: 80px;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		position: relative;
	}

    .header_container .header {
        display: inline-block;
        float: left;
        margin: 33px 0 0 7px;
        line-height: 14px;
    }

	.header_container .header.logo {
		margin: 20px 0 0 15px;
	}

	.header_container .header.logo img {
		border: none;
	}
	
/*
*
*	END header stuff
*
*/

/*
*
*	Start Right region stuff
*
*/

	.right_content .right_container {
		padding: 0;
		width: 160px;
		position: relative;
	}
	
	.right_content_bottom .menu_tip_top {
		width: 5px;
		height: 14px;
		background: url("/images/2016design/menu/wilson-tip-top.png") no-repeat left bottom transparent;
		position: absolute;
		top: -14px;
		right: 0;
	}
	
	.right_content_bottom .menu_tip_bottom {
		width: 5px;
		height: 14px;
		background: url("/images/2016design/menu/wilson-tip-bottom.png") no-repeat left bottom transparent;
		position: absolute;
		bottom: -14px;
		right: 0;
	}
	
	
	.right_content .banner {
		margin: 15px 0;
	}

	.right_content_bottom .wilson_logo,
	.left_content_bottom .wilson_logo {
		background-color: #ECF0F1;
		border: 1px solid #BDC3C7;
		border-radius: 5px 0 0 5px;
		width: 90px;
		height: 75px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		right: -10px;
		position: relative;
		margin-bottom: 30px;
		padding: 9px 20px 9px 20px;
	}
	
	.left_content_bottom .wilson_logo {
		border-radius: 0 5px 5px 0;
		left: -5px;
	}
	
/*
*
*	End Right region stuff
*
*/

/*
*	Left region start
*/

	.leftMenu {
		width: 160px;
		background-color: #ECF0F1;
		font: 12px arial, helvetica, sans-serif;
		color: #34495E;
		margin-bottom: 15px;
		position: relative;
		border: 1px solid #BDC3C7;
		border-radius: 0 5px 5px 0;
		left: -5px;
		box-shadow: 2px 2px 5px RGBA(0,0,0,0.30);
	}
	
	.leftMenu .menu_tip_top,
	.left_content_bottom .menu_tip_top {
		width: 5px;
		height: 14px;
		background: url("/images/2016design/menu/menu-tip-top.png") no-repeat left bottom transparent;
		position: absolute;
		top: -14px;
		left: 0;
	}
	
	.leftMenu .menu_tip_bottom,
	.left_content_bottom .menu_tip_bottom {
		width: 5px;
		height: 14px;
		background: url("/images/2016design/menu/menu-tip-bottom.png") no-repeat left bottom transparent;
		position: absolute;
		bottom: -14px;
		left: 0;
	}
	
	.leftMenu .menuItem {
        line-height: 19px;
        padding: 10px 0 12px 0;
        background-position: 2px 100%;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D4D9DC;
        text-indent: 7px;
		cursor: pointer;
    }
	
	.leftMenu .menuItem.first-item {
		border-top: none;
	}
	
	.leftMenu .menuItem.last-item {
		border-bottom: none;
	}
	
	.leftMenu .menuItem:hover {
		color:  #2980B9;
	}
	
	.leftMenu .menuItem .spirit {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: -5px 0 0 9px;
		border-radius: 15px;
        float: left;
		background-color: #2980B9;
		box-shadow: -2px 0 0 #34495E;
        overflow: hidden;
        cursor: pointer;
		line-height: 30px;
		font-size: 16px;
		color: #FFFFFF;
    }
	
	.leftMenu .menuItem:hover .spirit {
		background-color: #3498db;
		box-shadow: -2px 0 0 #2980b9;
	}
	
	.leftMenu .menuItem.selected {
		color:  #b85600;
	}
	
	.leftMenu .menuItem.selected .spirit {
		background-color: #e67e22;
		box-shadow: -2px 0 0 #b85600;
	}
	
	.left_content_bottom .support_helper {
		width: 40px;
		height: 39px;
		background-color: #2980B9;
		border-radius: 0 5px 5px 0;
		left: -5px;
		vertical-align: bottom;
		position: relative;
		margin-top: 30px;
		margin-bottom: 30px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		color: #FFFFFF;
		font-size: 24px;
		text-align: center;
		line-height: 39px;
	}
	
/*
* Left region end
*/

/*
*
*	Start Page region
*
*/

	form {
		margin: 0px;
		padding: 0px;
		height: 100%;
	}
	
	.formlist {
		border: 1px solid #BDC3C7;
		border-radius: 3px;
		border-collapse: separate;
		background-color: #ECF0F1;
		color: #34495E;
	}

	.formlist TD TABLE {
		border-collapse: collapse;
		border: none;
		padding: 0;
	}
	
	.formlist TH {
		font-weight: bold;
		font-size: 1.2em;
		height: 21px;
		/*border-bottom: 1px solid #D4D9DC;*/
		text-align: left;
		padding: 9px;
		text-transform: uppercase;
	}
	
	.formlist TR TD {
		padding: 9px;
		/*border-top: 1px solid #FFFFFF;*/
	}
	
	.formlist TR TD P:first-child {
		margin-top: 0;
	}
	
	.formlist TR TD P:last-child {
		margin-bottom: 0;
	}

	.formlist TD TABLE TD {
		border-collapse: collapse;
		border: none;
		padding: 0;
	}
	
	.formlist TR.breakLine TD {
		border-top: 1px solid #d4d9dc;
		border-bottom: 1px solid #ffffff;
		line-height: 0;
		height: 0;
		padding: 0;
		/*border-top: none;*/
	}
	
	.formlist TR.breakLine.green TD {
		border-bottom: 1px solid #2ABA67;
	}
	
	.formlist TR.success TD {
		background-color: #27AE60;
		height: 35px;
		padding: 5px;
		text-align: center;
		color: #FFFFFF;
		text-transform: uppercase;
		font-size: 1.2em;
		border-radius: 0 0 2px 2px;
	}
	
	.formlist TR.success TD span {
		display: inline-block; 
		text-align: left; 
	}
	
	.formlist TR.success TD div.icon {
		font-size: 35px;
		height: 35px;
		width: 35px;
		margin-right: 10px;
		display:inline-block; 
	}
	
	TABLE.innerTable TR TD {
		padding: 5px;
	}
	
	TABLE.innerTable TR:first-child TD {
		padding-top: 0;
	}
	
	TABLE.innerTable TR:last-child TD {
		padding-bottom: 0;
	}
	
	TABLE.innerTable TR TD:first-child {
		padding-left: 0;
	}
	
	TABLE.innerTable TR TD:last-child {
		padding-right: 0;
	}
	
	.formlist tr.arrowBar td div.bar {
		border-bottom: 1px solid #7F8C8D;
		position: relative;
		line-height: 20px;
		font-weight: bold;
		color: #7F8C8D;
		text-transform: uppercase;
	}
	
	.formlist tr.arrowBar td div.triangle {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #7f8c8d transparent transparent transparent;
		position: absolute;
		bottom: -6px;
		left: 5px;
	}
	
	div.blueFoldBar {
		line-height: 20px;
		color: #FFFFFF;
		background-color: #2980B9;
		border-radius: 3px 3px 0 0;
		padding: 0 5px;
		font-weight: bold;
		text-transform: uppercase;
		cursor: pointer;
	}
	
	div.blueFoldBar.folded {
		border-radius: 3px;
		margin-bottom: 9px;
	}
	
	div.blueFoldBar div.icon {
		border-radius: 7px;
		height: 14px;
		width: 14px;
		display: inline-block;
		float: right;
		background-color: #3498DB;
		margin-top: 3px;
		line-height: 14px;
		font-size: 8px;
		text-align: center;
	}
	
	.formlist TD table.scorecard {
		border-collapse: separate;
	}
	
	table.scorecard tr td {
		line-height: 19px;
		padding: 0 6px;
		color: #364B60;
		border-collapse: separate;
	}
	
	table.scorecard tr.subheader td {
		line-height: 20px;
		background-color: #34495E;
		color: #FFFFFF;
		border-right: 1px solid #243240;
		text-align: center;
	}
	
	table.scorecard tr.subheader td:first-child {
		border-left: 1px solid #243240;
	}
	
	table.scorecard tr td div.teeColor {
		/*width: 30px;*/
		height: 8px;
		border: 1px solid #BDC3C7;
		border-radius: 2px;
	}
	
	table.scorecard tr td.gray {
		background-color: #ECF0F1;
		border-right: 1px solid #BDC3C7;
		border-bottom: 1px solid #BDC3C7;
	}
	
	table.scorecard tr td.gray:first-child {
		border-left: 1px solid #BDC3C7;
	}
	
	table.scorecard tr td.white {
		background-color: #FFFFFF;
		border-bottom: 1px solid #ECF0F1;
	}
	
	table.scorecard tr td.total {
		background-color: #E5E5E5;
		border-bottom: 1px solid #D4D8D8;
	}
	
	table.scorecard tr td.total:last-child {
		border-right: 1px solid #BDC3C7;
	}
	
	table.scorecard tr.last td {
		border-bottom: 1px solid #BDC3C7;
	}
	
	table.scorecard tr.last td:first-child {
		border-radius: 0 0 0 3px;
	}
	
	table.scorecard tr.last td:last-child {
		border-radius: 0 0 3px 0;
	}
	
	table.scorecard tr td div.teeBox {
		width: 8px;
		height: 8px;
		border: 1px solid #BDC3C7;
		border-radius: 2px;
		display: inline-block;
		float: left;
		margin: 4px 4px 4px 0;
	}

/*
*
*	End Page region
*
*/

/*
*
*	Start Inputfields region
*
*/

	.inputField {
		border: 1px solid #BDC3C7;
		border-radius: 2px;
		background-color: #FFFFFF;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position:relative;
	}
	
	.inputField.text,
	.inputField.password {
		line-height: 18px;
		width: 100%;
		padding: 0 5px;
	}
	
	label.checkbox input {
		float: left;
	}
	
	label.checkbox {
		line-height: 20px;
		cursor: pointer;
	}

/*
*	End inputfield region
*/

/*
*	Start Buttons
*/

	button.button {
		height: 23px;
		line-height: 22px;
		border-radius: 2px;
		border: none;
		padding: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-shadow: 0px 2px 1px #3B7654;
		color: #FFFFFF;
		background-color: #27AE60;
		cursor: pointer;
	}
	
	button.button::-moz-focus-inner {
		padding: 0;
		border: 0
	}
	
	button.button .icon {
		display: inline-block;
		padding: 0 4px 0 4px;
		float: left;
		line-height: 22px;
		text-align: center;
		font-size: 16px;
		border-right: 1px solid #24A75D;
	}
	
	button.button .text {
		padding: 0 5px;
		float: none;
		overflow: hidden; 
		text-transform: uppercase;
		border-left: 1px solid #2AB463;
		white-space: nowrap;
	}
	
	button.button.green {
		box-shadow: 0px 2px 0 #3B7654;
		color: #FFFFFF;
		background-color: #27AE60;
	}
	
	button.button.green .icon {
		border-right: 1px solid #24A75D;
	}
	
	button.button.green .text {
		border-left: 1px solid #2AB463;
	}
	
	button.button.green:hover {
		box-shadow: 0px 2px 0 #27ae60;
		background-color: #2ECC71;
		color: #ffffff;
	}
	
	button.button.green:hover .icon {
		border-right: 1px solid #2bc06a;
	}
	
	button.button.green:hover .text {
		border-left: 1px solid #31db7a;
	}
	
	button.button.blue {
		box-shadow: 0px 2px 1px #34495e;
		color: #FFFFFF;
		background-color: #2980B9;
	}
	
	button.button.blue .icon {
		border-right: 1px solid #2575A9;
	}
	
	button.button.blue .text {
		border-left: 1px solid #2D8CCA;
	}
	
	button.button.blue:hover {
		box-shadow: 0px 2px 1px #2980b9;
		color: #FFFFFF;
		background-color: #3498db;
	}
	
	button.button.blue:hover .icon {
		border-right: 1px solid #2f8fcf;
	}
	
	button.button.blue:hover .text {
		border-left: 1px solid #38a3ea;
	}
	
	button.button.red {
		box-shadow: 0px 2px 1px #763f39;
		color: #FFFFFF;
		background-color: #c0392b;
	}
	
	button.button.red .icon {
		border-right: 1px solid #ae3427;
	}
	
	button.button.red .text {
		border-left: 1px solid #d53f30;
	}
	
	button.button.red:hover {
		box-shadow: 0px 2px 1px #c0392b;
		color: #FFFFFF;
		background-color: #e74c3c;
	}
	
	button.button.red:hover .icon {
		border-right: 1px solid #db4233;
	}
	
	button.button.red:hover .text {
		border-left: 1px solid #fa5240;
	}
	
	button.button .icon.hide {
		display: none;
	}
	
	button.button .icon.spinner div {
		line-height: 22px;
		text-align: center;
		font-size: 16px;
		animation:spin 2s linear infinite;
	}
	
	button:disabled.button,
	button:disabled.button:hover	{
		background-color: #BDC3C7;
		box-shadow: 0px 2px 1px #7F8C8D;
		color: #7F8C8D;
	}
	
	button:disabled.button .icon,
	button:disabled.button:hover .icon {
		border-right: 1px solid #C5CBCF;
	}
	
	button:disabled.button .text,
	button:disabled.button:hover .text{
		border-left: 1px solid #B5BABE;
	}

/*
*	End buttons
*/


/*
*
*	Start error rendering
*
*/

	tr.warning td,
	tr.error td,
	tr.ok td {
		border: 0;
		background-color: #E67E22;
		color: #FFFFFF;
		position: relative;
	}
	
	tr.error td {
		background-color: #c0392b;
	}
	
	tr.ok td {
		background-color: #27AE60;
	}
	
	tr.warning td div.spirit,
	tr.error td div.spirit,
	tr.ok td div.spirit	{
		font-size: 24px;
	}
	
	tr.warning td.messageBox,
	tr.error td.messageBox,
	tr.ok td.messageBox	{
		padding: 0 9px 0 19px;
	}
	
	tr.warning td div.closeIcon,
	tr.error td div.closeIcon,
	tr.ok td div.closeIcon {
		color: #FFFFFF;
		font-size: 10px;
		top: 5px;
		right: 5px;
		position: absolute;
		cursor: pointer;
	}
	
	.requiredError,
	.dateError,
	.compareError,
	.regExpError,
	.emailError {
		border: 1px solid #C0392B;
		color: #C0392B;
	}
	
	span.requiredCheckBoxError {
		color: #C0392B;
	}
	
	div.errorMessageBox,
	div.warningMessageBox {
		background-color: #C0392B;
		color: #FFFFFF;
		padding: 5px;
		border-radius: 2px;
		position: relative;
		margin-top: 10px;
	}
	
	div.warningMessageBox {
		background-color: #E67E22;
	}
	
	div.errorMessageBox .triangle,
	div.warningMessageBox .triangle {
		height: 0;
		border-bottom: 5px solid #C0392B;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		left: 11px;
		top: -5px;
	}
	
	div.warningMessageBox .triangle {
		border-bottom: 5px solid #E67E22;
	}
	
	div.errorMessageBox .closeIcon,
	div.warningMessageBox .closeIcon {
		color: #763F39;
		font-size: 10px;
		top: 7px;
		right: 7px;
		position: absolute;
		cursor: pointer;
	}
	
	div.clientErrorContainer {
		margin-bottom: 30px;
	}
	
	div.clientErrorContainer tr.warning td div.spirit, tr.error td div.spirit, tr.ok td div.spirit {
		font-size: 50px;
	}

/*
*
*	END error rendering
*
*/

/*
*
*	Animations
*
*/

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }