@charset 'utf-8';

/* CSS Stylesheet Document */

html, body {
	height: 100%;
	width: 100%;
	min-width: 980px;
	margin: 0;
	padding: 0;
}

/*-------------------------- PAGE --------------------------*/

body {
	background: #2b2f31 none repeat 0 0 scroll;
	color: #000000;
	font: 9pt/12px Arial, Helvetica, sans-serif;
}

	.wrapper {
		width: 100%;
		min-width: 980px;
		height: 100%;
		margin: 0;
		overflow: visible;
		display: block;
	}

/*-------------------------- SORTABLE --------------------------*/

.ui-sortable {
	width: 245px;
	height: auto;
	min-height: 50px;
	float: left;
	clear: both;
}

	.handle {
		cursor: move;	
	}

	.placeholder {
		width: 243px;
		height: auto;
		min-height: 36px;
		margin: 0 0 20px;
		float: left;
		clear: both;
		border: 1px solid #CCCCCC;
		background-color: #E9E9E9;
	}
	
		.placeholder:hover {
			border: 1px solid #999999;
			background-color: #CCCCCC;
		}

/*-------------------------- TABLES --------------------------*/

.viewTable, .displayTable {
	width: 100%;
	height: auto;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f3f6f7 none repeat 0 0 scroll;	
}

	.viewTable thead, .displayTable thead {
		width: 100%;
		height: 37px;
		border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;	
		background: transparent url('/images/calendar_background.png') repeat-x 0 0 scroll;
	}
	
		.viewTable thead tr, .displayTable thead tr {
			border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
			-webkit-border-radius: 4px 4px 0 0;	
			width: 98%;
			padding: 0 1%;
		}
		
			.viewTable thead tr th, .displayTable thead tr th {
				padding: 0 5px;
				color: #FFFFFF;
				font-size: 12px;
				font-weight: bold;
				line-height: 37px;
			}
			
				.viewTable thead tr th.sorting {
					padding-left: 10px;
					background: transparent url('/images/arrow-both-icon.png') no-repeat 0 50% scroll;
					cursor: pointer;
				}
				
				.viewTable thead tr th.sorting_asc {
					padding-left: 10px;
					background: transparent url('/images/arrow-down-icon.png') no-repeat 0 50% scroll;
					cursor: pointer;
				}
				
				.viewTable thead tr th.sorting_desc {
					padding-left: 10px;
					background: transparent url('/images/arrow-up-icon.png') no-repeat 0 50% scroll;
					cursor: pointer;
				}
				
				.viewTable thead tr th:last-child {
					background: none;
					cursor: default;
				}
			
				.viewTable thead tr th:first-child, .displayTable thead tr th:first-child {
					border-radius: 4px 0 0 0;
					-moz-border-radius: 4px 0 0 0;
					-webkit-border-radius: 4px 0 0 0;	
				}
				
				.viewTable thead tr th:last-child, .displayTable thead tr th:last-child {
					border-radius: 0 4px 0 0;
					-moz-border-radius: 0 4px 0 0;
					-webkit-border-radius: 0 4px 0 0;	
					border: 0 none;
				}
				
	.viewTable tbody, .displayTable tbody {
		
	}
	
		.viewTable tbody tr, .displayTable tbody tr {
			height: 26px;
			width: 98%;
			padding: 0 1%;
		}
		
			.viewTable tbody tr td.background, .displayTable tbody tr td.background, .background tbody tr td:last-child {
				width: 68px !important;
			}
			
			.viewTable tbody tr td.backgroundLarge, .displayTable tbody tr td.backgroundLarge, .backgroundLarge tbody tr td:last-child {
				width: 102px !important;
			}
		
			.viewTable tbody tr:nth-child(even), .displayTable tbody tr:nth-child(even) {
				background: #ebf0f3 none repeat 0 0 scroll;	
			}
			
			.displayTable tbody tr td.header {
				background: #ebf0f3 none repeat 0 0 scroll;	
			}
			
			.viewTable tbody tr:hover, .displayTable tbody tr:hover {
				background: #dde2e5 none repeat 0 0 scroll;	
			}
		
			.viewTable tbody tr td, .displayTable tbody tr td {
				padding: 0 5px;
				font-size: 11px;
				line-height: 26px;
				
			}
			
				.viewTable tbody tr td, .displayTable tbody tr td {
					outline: 0 none;
				}
			
				.viewTable tbody tr td img, .displayTable tbody tr td img  {
					margin: 2px 0 -2px;
				}
				
				.viewTable tbody tr td img, .displayTable tbody tr td a img  {
					margin-right: 5px;
					outline: 0 none;
				}
						
				.viewTable tbody tr:last-child td, .displayTable tbody tr:last-child td {
					border: 0 none;	
				}
				
				.viewTable tbody tr td:last-child, .displayTable tbody tr td:last-child {
					border: 0 none;
				}
				
				.viewTable tbody tr:last-child td:last-child, .displayTable tbody tr:last-child td:last-child {
					border-bottom: 0 none;	
				}
				
		.icon tr td:first-child {
			text-indent: -999px; 
			position: relative;	
		}
				
.dataTables_length, .dataTables_info, .dataTables_filter, .dataTables_paginate {
	width: 49%;
	height: 26px;
	margin: 0 0 10px;
	line-height: 26px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

.dataTables_processing {
	height: 16px;
	line-height: 16px;
	display: block;
	float: left;
	width: 94%;
	margin: 0 0 10px;
	padding: 7px 25px 7px 32px;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	color: #ffffff;
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555bc0de', endColorstr='#55339bb9', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555bc0de', endColorstr='#55339bb9')";
	background-image: -ms-linear-gradient(#5bc0de, #339bb9); 
	background-image: url('/images/icon-info.png');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.dataTables_length, .dataTables_info {
	margin-right: 2%;	
}

.dataTables_info {
	width: 39%;	
	margin-top: 10px;
	margin-bottom: 0;
}

.dataTables_paginate {
	width: auto;
	max-width: 59%;	
	margin: 10px 0 0 0;
	float: right;
}

	.dataTables_length input, .dataTables_length select, .dataTables_info input, .dataTables_info select, .dataTables_filter input, .dataTables_filter select {
		width: 56%;	
		float: right;
	}
	
	.dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active {
		width: auto;
		height: 20px;
		margin: 0 5px 0 0;
		padding: 0 5px;
		line-height: 20px;
		color: #979491;
		float: left;
		border: 1px solid #c9c9c9;
		background: #efefef none repeat 0 0 scroll;
		cursor: pointer;
	}
	
	.dataTables_paginate span {
		float: left;
		text-align: right;
	}
	
	.dataTables_paginate span.paginate_active {
		border: 1px solid #58504f;
		background: #ffffff none repeat 0 0 scroll;
	}
	
		.dataTables_paginate span.paginate_button:hover {
			color: #ffffff;
			border: 1px solid #58504f;
			background: #506872 none repeat 0 0 scroll;
		}	
		
		.dataTables_paginate span.paginate_button_disabled, .dataTables_paginate span.paginate_button_disabled:hover {
			cursor: default;
			color: #979491;
			border: 1px solid #c9c9c9;
			background: #ffffff none repeat 0 0 scroll;	
		}

/*-------------------------- MAPS --------------------------*/

.map_hold {
	width: 69%; 
	margin: 0 2% 0 0;	
}

.map_side {
	width: 29%; 
}

	.map_side form input[type="text"], .map_side form select {
		width: 100%;	
	}
	
	.map_side .map_key {
		width: 100%; 
		font-size: 10px;
		line-height: 16px;
	}
	
/*-------------------------- LOGIN | REGISTER --------------------------*/

body.login, body.register {
	background: #2b2f32 url('/images/wrapper_login_background.png') repeat-x 50% 50% scroll;
}

	body.login .wrapper section, body.register .wrapper section {		
		width: 576px;
		height: 170px;
		margin: -80px 0 0 -288px;
		position: absolute;
		left: 50%;
		top: 50%;
	}
	
		body.login .wrapper section h1, body.register .wrapper section h1 {	
			width: 576px;
			height: 42px;
			margin: 0 0 10px;
			text-transform: uppercase;
			overflow: hidden;
			text-shadow: 1px 1px 0 #2a2d32;
		}
		
		body.login .wrapper section h2, body.register .wrapper section h2 {	
			width: 576px;
			margin: -5px 0 0;
			text-transform: uppercase;
			font-size: 18pt;
			color: #F7881F;
			text-shadow: 1px 1px 0 #2a2d32;
		}
		
		body.login .wrapper section h3, body.register .wrapper section h3 {	
			width: 576px;
			margin: 20px 0 10px;
			text-transform: uppercase;
			font-size: 13pt;
			color: #FFFFFF;
			font-weight: normal;
			text-shadow: 1px 1px 0 #111314;
		}
		
		body.login .wrapper section p, body.register .wrapper section p, body.login .wrapper section table, body.register .wrapper section table {
			color: #FFFFFF;	
		}
		
		body.login .wrapper section form, body.register .wrapper section form {
			width: 100%;
			height: auto;
			margin: 20px 0 20px;
			padding: 0;
			display: inline-block;	
		}
		
			body.login .wrapper section form label, body.register .wrapper section form label {
				width: 75px;
				height: 17px;
				display: block;
				padding: 5px 0 0;
				margin: 0;
				float: left;
				font-size: 9pt;
				font-weight: bold;   
				color: #FFFFFF;
			}
			
			body.register .wrapper section form label {
				width: 150px;
			}
			
			body.register .wrapper section #projectContainer {
				width: 100%;
				height: auto;
				margin: 0 0 10px;
				border-top: 1px solid #599CDF;	
				border-bottom: 1px solid #599CDF;
			}
			
			body.register .wrapper section label {
				display: block;
				padding: 5px 10px 0 0;
				margin: 0;
				float: left;
				font-size: 9pt;
				font-weight: bold;   
				color: #599CDF;
			}
			
			body.login .wrapper section form input, body.register .wrapper section form input {
				width: 169px;
				height: 21px;
				margin: 0 20px 0 0;
				padding: 0 8px;			
				float: left;	
				background: url('/images/input_login_background.png') no-repeat scroll 0 0 transparent;			
				border: medium none;
				outline: medium none;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;			
			}
			
				body.login .wrapper section form input:hover, body.login .wrapper section form input:focus, body.register .wrapper section form input:hover, body.register .wrapper section form input:focus {
					background: url('/images/input_login_background.png') no-repeat scroll 0 -21px transparent;		
				}
			
			body.login .wrapper section form input[type='submit'], body.register .wrapper section form input[type='submit'] {
				width: 150px;
				height: 21px;
				margin: 20px 36px 0 0 !important;
				padding: 0 0 3px;
				float: right;
				background: url('/images/submit_login_background.png') no-repeat scroll 0 0 transparent;
				line-height: 21px;
				text-align: center;
				cursor: pointer;
				font-size: 9pt;
				font-weight: bold;   
				color: #FFFFFF;
				text-shadow: 1px 1px 0 #575C60;
			}	
			
				body.login .wrapper section form input[type='submit']:hover, body.login .wrapper section form input[type='submit']:focus, body.register .wrapper section form input[type='submit']:hover, body.register .wrapper section form input[type='submit']:focus {
					background: url('/images/submit_login_background.png') no-repeat scroll 0 -21px transparent;
				}
				
				body.login .wrapper section form input[type='submit'].disabled, body.login .wrapper section form input[type='submit'].disabled, body.register .wrapper section form input[type='submit'].disabled, body.register .wrapper section form input[type='submit'].disabled {
					background: url('/images/submit_login_background.png') no-repeat scroll 0 -42px transparent !important;
					cursor: default !important;
				}
				
			body.register .wrapper section #addMetric {
				width: 75px;
				height: 21px;
				margin: 0 21px 0 0 !important;
				padding: 0 0 3px;
				float: right;
				background: url('/images/submit_register_background.png') no-repeat scroll 0 0 transparent;
				line-height: 21px;
				text-align: center;
				cursor: pointer;
				font-size: 9pt;
				font-weight: bold;   
				color: #FFFFFF;
				text-shadow: 1px 1px 0 #575C60;
				border: 0 none;
			}	
			
				body.register .wrapper section #addMetric:hover, body.register .wrapper section #addMetric:focus {
					background: url('/images/submit_register_background.png') no-repeat scroll 0 -21px transparent;
				}
				
				body.register .wrapper section a.removeMetric {
					width: 16px;
					height: 16px;
					display: block;
					text-indent: -9999px;
					background: url('/images/trash-icon.png') no-repeat scroll 0 0 transparent;	
				}
				
			body.login .wrapper section form a, body.register .wrapper section form a {
				margin: 25px 10px 0 0;
				display: block;
				float: left;
				font-size: 10pt;
			}
			
			body.login .wrapper section form a:hover, body.register .wrapper section form a:hover {
				color: #ffffff;
			}
	
/*-------------------------- HEADER --------------------------*/	

body .wrapper header {
	width: 96%;
	height: 77px;
	padding: 0 2%;
	float: left;
	background: url('/images/header_background.png') repeat-x scroll 0 0 #42494c; 
	overflow: hidden;
}

	body .wrapper header div.left {
		width: auto;
		height: 77px;
		float: left;
		overflow: visible;
	}

		body .wrapper header div.left img.logo {
			width: 57px;
			height: 57px;
			margin: 10px;
			float: left;
		}
		
		body .wrapper header div.left h1 {
			height: 33px;
			margin: 10px 0 8px;
			float: left;
			font-size: 30pt;
			font-weight: normal;
			display: block;
			overflow: hidden;
			text-transform: uppercase;
		}
		
		body .wrapper header div.left h2 {
			float: left;
			margin: -6px 0 0;
			font-size: 18pt;
			font-weight: normal;
			text-transform: uppercase;
			position: relative;
			overflow: visible;
		}
		
			body .wrapper header div.left h2 sup {
				position: absolute;
				left: 265px;
				margin: 0 0 0 5px;
			}
	
	body .wrapper header div.right {
		width: auto;
		height: 33px;
		margin: 22px 0;
		float: right;
		overflow: hidden;
		font-size: 12px;
		color: #c1cad0;
		text-align: right;
	}
	
		body .wrapper header div.right img {
			margin: 0 5px 0 0;
		}
		
		body .wrapper header div.right span {
			width: 100%;
			float: left;
			display: block;	
			font-size: 11px;
			color: #8d9599;
		}
		
		body .wrapper header div.right a:hover {
			color: #8D9599;	
		}

/*-------------------------- NAVIGATION --------------------------*/	

body .wrapper nav {
	width: 96%;
	height: 40px;
	padding: 0 2%;
	float: left;
	background: url('/images/navigation_background.png') repeat-x scroll 0 0 #5c6467; 
}

	body .wrapper nav ul {
		min-width: 940px;
		list-style: none outside;	
		position: absolute;
		z-index: 1000;
	}
	
		body .wrapper nav ul li {
			height: 40px;	
			margin: 0 1px 0 0;		
			float: left;
			position: relative
		}
		
			body .wrapper nav ul li a {	
				padding: 0 13px;				
				line-height: 40px;
				color: #e0e0e0;	
				display: block;
				text-transform: uppercase;
				font-weight: bold;
			}
			
				body .wrapper nav ul li a b {
					color: #e0e0e0;	
					text-transform: none;	
				}
				
					body .wrapper nav ul li a span:hover, body .wrapper nav ul li.active a b {
						color: #ffffff;		
					}
			
				body .wrapper nav ul li a.subnavigation {
					padding: 0 30px 0 13px;
					background: url('/images/subnavigation-icon.png') no-repeat scroll 90% 50%;
				}	
		
			body .wrapper nav ul li.active, body .wrapper nav ul li:hover {
				background: none repeat scroll 0 0 #5c6467;				
			}
			
				body .wrapper nav ul li.active a, body .wrapper nav ul li:hover a {
					color: #ffffff;
				}
				
			body .wrapper nav ul li ul {
				width: 250px;
				min-width: 250px;
				margin: 0;
				padding: 0;				
				position: absolute;
				top: 40px;
				left: 0;	
				z-index: 3;
				display: none;
				border: 1px solid #ffffff;
				background: none repeat scroll 0 0 #363d3f;	
				border-top: 0 none;
			}
				
				body .wrapper nav ul li:hover ul {
					display: block;
				}
			
				body .wrapper nav ul li ul li {
					height: 30px;
					margin: 0;
    				padding: 0;
					float: none;    
    				position: relative;
					background: none repeat scroll 0 0 #363d3f;	
					overflow: hidden;
					z-index: 4;
				}
				
					body .wrapper nav ul li ul.largeMenu li {
						width: 249px !important;
						float: left !important;
						border-left: 1px dashed #42494c; 
					}
								
					body .wrapper nav ul li ul li a {
						line-height: 30px;
						color: #FF9933 !important;
						text-align: left;
						border-top: 1px solid #42494c;
						display: block;
						text-align: left;
					}
					
					body .wrapper nav ul li ul li:first-child a {
						border: 0 none;
					}
				
					body .wrapper nav ul li ul li:hover {
						background: none repeat scroll 0 0 #42494c;	
					}
					
						body .wrapper nav ul li ul li:hover a {
							color: #ffffff !important;
						}

/*-------------------------- TITLE --------------------------*/	

body .wrapper section.title {
	width: 96%;
	height: 37px;
	padding: 10px 2% 27px;
	float: left;	
	background: none repeat 0 0 scroll #f6f6f1;
	overflow: hidden;
	position: relative;
}

	body .wrapper section.title h1 {
		width: 100%;
		height: 37px;
		display: block;
		font-size: 24px;
		line-height: 37px;
		color: #373d40;
		font-weight: normal;
		text-shadow: 0 none;
		text-indent: 22px;
		border-bottom: 1px solid #5c6467;	
		overflow: hidden;
		position: relative;
	}

/*-------------------------- CONTENT --------------------------*/	
						
body .wrapper section.content {
	width: 96%;
	height: auto;
	margin: -2px 0 0 0;
	padding: 0 2%;
	float: left;
	border-top: 2px solid #f6f6f1;
	background: url('/images/body_background.png') repeat-x 0 0 scroll #e8e8dd;
}

	body .wrapper section.content aside {
		position: relative;
	}	
	
	body .wrapper section.content aside.center {
		width: 85%;
		height: auto;
		min-height: 600px;
		vertical-align: top;
		overflow: hidden;
		margin: 0 auto;
	}		
	
		body .wrapper section.content aside .box {
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0 0 20px;
			position: relative;
			float: left;
			display: block;
			background: none repeat 0 0 scroll #ffffff;
		}
		
			body .wrapper section.content aside .box .box_top {
				width: 100%;
				height: 36px;
				background: url('/images/box_background.png') repeat-x scroll 0 0 transparent;
				text-indent: 16px;
			}
			
				body .wrapper section.content aside .box .box_top .box_top_left {
					width: 6px;
					height: 36px;
					position: absolute;
					left: 0;
					top: 0;
					background: url('/images/box_left_background.png') no-repeat scroll 0 0 transparent;
				}
				
					body .wrapper section.content aside .box .box_top h2 {
						height: 36px;
						margin: 0;
						font-size: 12px;
						font-weight: bold;
						color: #d7d7d7;
						line-height: 36px;
						text-shadow: 1px 1px 0 #42494C;
						letter-spacing: 0;
						text-transform: uppercase;
						overflow: hidden;
					}
				
				body .wrapper section.content aside .box .box_top_close {
					width: 16px;
					height: 16px;
					position: absolute;
					display: none;
					right: 10px; 
					top: 10px;
					background: url('/images/close-icon.png') no-repeat scroll 0 0 transparent;
				}
				
					body .wrapper section.content aside .box .box_top:hover .box_top_close {
						display: block;	
					}
					
				body .wrapper section.content aside .box .box_top_minimise {
					width: 16px;
					height: 16px;
					position: absolute;
					display: none;
					right: 26px; 
					top: 10px;
					background: url('/images/minimise-icon.png') no-repeat scroll 0 0 transparent;
				}
				
					body .wrapper section.content aside .box .box_top:hover .box_top_minimise {
						display: block;
					}
				
				body .wrapper section.content aside .box .box_top_maximise {
					background: url('/images/maximise-icon.png') no-repeat scroll 0 0 transparent;
				}
				
				body .wrapper section.content aside .box .box_top .box_top_right {
					width: 6px;
					height: 36px;
					position: absolute;
					right: 0;
					top: 0;
					background: url('/images/box_right_background.png') no-repeat scroll 0 0 transparent;
				}
			
			body .wrapper section.content aside .box .box_bottom {
				margin: 10px;
				position: relative;
			}
			
				body .wrapper section.content aside .box .box_bottom .box_nav {
					width: 100%;
					height: auto;
					padding: 0;
					margin: 0 0 20px;
					position: relative;
					float: left;
					display: block;
					background: none repeat 0 0 scroll #ffffff;
				}
				
					body .wrapper section.content aside .box .box_bottom .box_nav_top  {
						width: 100%;
						height: 36px;
						background: url('/images/box_background.png') repeat-x scroll 0 0 transparent;
						text-indent: 16px;
					}
					
						body .wrapper section.content aside .box .box_bottom .box_nav_top .box_nav_top_left {
							width: 6px;
							height: 36px;
							position: absolute;
							left: 0;
							top: 0;
							background: url('/images/box_left_background.png') no-repeat scroll 0 0 transparent;
						}
						
						body .wrapper section.content aside .box .box_bottom .box_nav_top .box_nav_top_right {
							width: 6px;
							height: 36px;
							position: absolute;
							left: 0;
							top: 0;
							background: url('/images/box_right_background.png') no-repeat scroll 0 0 transparent;
						}
			
				body .wrapper section.content aside .box .box_bottom h2, body .wrapper section.content aside .box .box_bottom h3, body .wrapper section.content aside .box .box_bottom h4, body .wrapper section.content aside .box .box_bottom h5, body .wrapper section.content aside .box .box_bottom h6 {
					width: 100%;
					margin: 0 0 10px;
					float: left;
					text-shadow: 0 0 0 transparent;	
				}
				
				body .wrapper section.content aside .box .box_bottom h2 {
					font-size: 18px;
				}
				
				body .wrapper section.content aside .box .box_bottom h3 {
					font-size: 16px;
					color: #3a4043;
				}
				
				body .wrapper section.content aside .box .box_bottom h4 {
					font-size: 14px;
					color: #2b2f31;
				}
				
				body .wrapper section.content aside .box .box_bottom h5, body .wrapper section.content aside .box .box_bottom h6 {
					font-size: 12px;
					color: #599CDF;
				}
				
				body .wrapper section.content aside .box .box_bottom {
					margin: 20px;	
				}
				
				body .wrapper section.content aside .box .box_bottom p {
					float: left;
					color: #3a4043;
				}
				
					body .wrapper section.content aside .box .box_bottom p img {
						margin: 0 5px 0 0;	
					}
					
				body .wrapper section.content aside .box .box_bottom ul {
					list-style: none outside;
				}
				
					body .wrapper section.content aside .box .box_bottom ul li {
						margin: 0 0 10px;	
					}
							
				body .wrapper section.content aside .box .box_bottom .box_bottom_submenu {
					margin: 0 -20px 5px -20px;
					list-style: none outside;	
				}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_submenu li {
						float: left;
						width: 245px;
						height: 29px;						
						padding: 0 0 1px;
						background: url('/images/list_background.png') repeat-x scroll 0 bottom transparent;
						line-height: 29px;
						text-indent: 10px;
					}
			
						body .wrapper section.content aside .box .box_bottom .box_bottom_submenu li a {
							padding: 0 0 0 15px;
							font-weight: bold;
							color: #5c6467;
							background: url('/images/list-icon.png') no-repeat scroll 5px 50% transparent;
						}
						
							body .wrapper section.content aside .box .box_bottom .box_bottom_submenu li a:hover {
								color: #599CDF;	
							}
			
				body .wrapper section.content aside .box .box_bottom .box_bottom_weather {
					width: 100%;
					height: 32px;
					margin: 0;
					overflow: hidden;
				}
				
					body .wrapper section.content aside .box .box_bottom .box_bottom_weather img {
						margin: 0 2px 0 0;
						float: left;
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_weather b {
						margin: 0 3px 0 0;
						float: left;
						font-size: 26px;
						line-height: 32px;
						font-weight: bold;
						color: #599cdf;
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_weather span {
						margin: 4px 0;
						float: left;
						font-size: 9px;
						font-weight: bold;
						line-height: 12px;
						color: #666666;						
					}
					
						body .wrapper section.content aside .box .box_bottom .box_bottom_weather span sup {
							font-size: 7px;	
						}
				
				body .wrapper section.content aside .box .box_bottom .box_bottom_calendar {
					width: 100%;
					height: 255px;
					margin: 0 0 5px;
					overflow: hidden;
				}
				
					body .wrapper section.content aside .box .box_bottom span.title {
						margin: 0 2px 5px 0;
						float: left;
						font-size: 12px;
						line-height: 16px;
						font-weight: bold;
						color: #333333;
						text-indent: 21px;
					}
					
					body .wrapper section.content aside .box .box_bottom span.diaryCalendar {
						background: url('/images/calendar-small-icon.png') no-repeat scroll 0 0 transparent;
					}
					
					body .wrapper section.content aside .box .box_bottom span.latestMessages {
						background: url('/images/message-small-icon.png') no-repeat scroll 0 0 transparent;
					}
					
					body .wrapper section.content aside .box .box_bottom span.sendMessages {
						background: url('/images/message-small-add-icon.png') no-repeat scroll 0 0 transparent;
					}
					
					body .wrapper section.content aside .box .box_bottom #messageInbox {
						margin: 0;
						float: left;
						display: block;						
					}
					
						body .wrapper section.content aside .box .box_bottom #messageInbox ul {
							margin: 0 0 20px;
							padding: 1px 0 0;
							list-style: none outside;
							border-top: 1px solid #d7d9d9;	
							float: left;						
						}
						
							body .wrapper section.content aside .box .box_bottom #messageInbox ul li {
								width: 189px;
								height: 29px;								
								margin: 0;	
								padding: 0 8px;		
								float: left;	
								font-size: 10px;
								line-height: 29px;
								color: #1f2f35;
								display: block;
								float: left;					
							}
								
								body .wrapper section.content aside .box .box_bottom #messageInbox ul li b {
									text-decoration: underline;	
								}
							
								body .wrapper section.content aside .box .box_bottom  #messageInbox ul li:nth-child(odd) {
									background: none repeat scroll 0 0 #f3f6f7;
								}
								
								body .wrapper section.content aside .box .box_bottom  #messageInbox ul li:nth-child(even) {
									background: none repeat scroll 0 0 #ebf0f3;
								}
							
								body .wrapper section.content aside .box .box_bottom  #messageInbox ul li a {
									font-size: 10px;
									line-height: 29px;
									color: #1f2f35;
									text-decoration: none;
									display: block;
									float: left;
								}
								
								body .wrapper section.content aside .box .box_bottom  #messageInbox ul li a.deleteMessage {
									float: right;
								}
								
									body .wrapper section.content aside .box .box_bottom  #messageInbox ul li a:hover {
										text-decoration: none;
									}
							
								body .wrapper section.content aside .box .box_bottom  #messageInbox ul li a img {
									margin: 7px 0 6px 8px;										
								}
							
							body .wrapper section.content aside .box .box_bottom #messageForm {
								padding: 0;	
							}
							
							body .wrapper section.content aside .box .box_bottom #messageForm p {
								width: 202px;
								font-size: 11px;
								color: #333333;
							}
							
								body .wrapper section.content aside .box .box_bottom #messageForm p span {
									margin: 2px 0 0 4px;
									float: left;
									line-height: 13px;
								}							
							
							body .wrapper section.content aside .box .box_bottom #messageForm label, body .wrapper section.content aside .box .box_bottom #messageForm input[type="text"], body .wrapper section.content aside .box .box_bottom #messageForm textarea, body .wrapper section.content aside .box .box_bottom #messageForm select, body .wrapper section.content aside .box .box_bottom #messageForm input.autocomplete {
								width: 96% !important;
							}
							
							body .wrapper section.content aside .box .box_bottom #messageForm label {
								margin: 5px 0 0;	
							}
							
							body .wrapper section.content aside .box .box_bottom #messageForm select {
								width: 103%;	
							}
							
							body .wrapper section.content aside .box .box_bottom #messageForm input[type="checkbox"] {
								width: 12px;
								float: left;
							}
							
							body .wrapper section.content aside .box .box_bottom #messageForm input[type="submit"] {
								width: 95px;
								height: 21px;
								margin: 0;						
								padding: 0 0 3px;
								border: 0 none;
								color: #FFFFFF;
								cursor: pointer;
								float: right;
								font-size: 9pt;
								font-weight: bold;						
								line-height: 21px;						
								text-align: center;
								text-shadow: 1px 1px 0 #575C60;
								background: url('/images/submit_background.png') no-repeat scroll 0 0 transparent;
							}
							
								body .wrapper section.content aside .box .box_bottom #messageForm input[type="submit"]:hover {
									background: url('/images/submit_background.png') no-repeat scroll 0 -21px transparent;
								}
						
					body .wrapper section.content aside .box .box_bottom .box_bottom_calendar #calendar {
						margin: 0;
						float: left;
						display: block;						
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_calendar form {
						height: 21px;
						margin: 10px 0 0;
						padding: 0;
						display: block;	
						float: left;				
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_calendar form input[type='submit'], body .wrapper section.content aside .box .box_bottom .box_bottom_calendar form a.button {
						width: 95px;
						height: 21px;
						margin: 0;						
						padding: 0 0 3px;
						border: 0 none;
						color: #FFFFFF;
						cursor: pointer;
						float: left;
						font-size: 9pt;
						font-weight: bold;						
						line-height: 21px;						
						text-align: center;
						text-shadow: 1px 1px 0 #575C60;
						background: url('/images/submit_background.png') no-repeat scroll 0 0 transparent;
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_calendar form input[type='submit'] {
						margin: 0 5px 0 0;	
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_calendar form a.button {
						padding: 0;
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_calendar form input[type='submit']:hover, body .wrapper section.content aside .box .box_bottom .box_bottom_calendar form a.button:hover {
						background: url('/images/submit_background.png') no-repeat scroll 0 -21px transparent;
					}
				
				body .wrapper section.content aside .box .box_bottom .box_bottom_tile {
					width: 	64px;
					height: 61px;
					margin: 0 5px 5px 0;
					float: left;
					background: url('/images/box-icon.png') no-repeat scroll 0 0 transparent;
				}
				
					body .wrapper section.content aside .box .box_bottom .box_bottom_tile_right {
						margin: 0 0 5px;
					}
				
					body .wrapper section.content aside .box .box_bottom .box_bottom_tile:hover {
						background: url('/images/box-icon.png') no-repeat scroll -64px 0 transparent;
					}
					
					body .wrapper section.content aside .box .box_bottom .box_bottom_tile a img {
						padding: 16px;	
					}

/*-------------------------- FOOTER --------------------------*/	

body .wrapper footer {
	width: 96%;
	height: 113px;
	padding: 0 2%;
	float: left;
	background: url('/images/footer_background.png') repeat-x scroll 0 0 #5c6467; 
	overflow: hidden;
	line-height: 52px;
	font-size: 10px;
	color: #727272;
}

	body .wrapper footer ul {
		width: 100%;
		height: 60px;
		margin: 0 0 1px;
		display: block;
		list-style: none outside;	
		overflow: hidden;
	}
	
		body .wrapper footer ul li {
			width: auto;
			height: 60px;
			padding: 0 5px 0 0;		
			float: left;
			display: block;
			position: relative;
			line-height: 60px;
			font-size: 12px;
			color: #FF9933;	
		}
		
			body .wrapper footer ul li a {	
				padding: 0 5px 0 0;				
				line-height: 60px;
				color: #FF9933;	
				display: block;
				float: left;
			}
			
				body .wrapper footer ul li a:hover {
					color: #ffffff;	
				}
	
	body .wrapper footer img {
		width: 263px;
		height: 34px;
		margin: 9px 0;
		float: right;
	}
				
/*-------------------------- ALERT --------------------------*/

div.alertBox {
	width: 100%;
	height: auto;
	margin: 0;
    padding: 0;
	display: block;
    float: left;
}

	div.alertBox div.alertItem {
		position: relative;
		padding: 7px 42px 7px 32px;
		margin: 0 0 10px;
		color: #404040;
		background-color: #eedc94;
		background-repeat: repeat-x;
		background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
		background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
		background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
		background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
		background-image: -o-linear-gradient(top, #fceec1, #eedc94);
		background-image: linear-gradient(top, #fceec1, #eedc94);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55fceec1', endColorstr='#55eedc94', GradientType=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55fceec1', endColorstr='#55eedc94')";
		background-image: -ms-linear-gradient(#fceec1, #eedc94);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		border-color: #eedc94 #eedc94 #e4c652;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		border-width: 1px;
		border-style: solid;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	}
	
		div.alertBox div.alertError {
			color: #ffffff;
			background-color: #c43c35;
			background-repeat: repeat-x;	
			background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
			background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
			background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: linear-gradient(top, #ee5f5b, #c43c35);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55ee5f5b', endColorstr='#55c43c35', GradientType=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55ee5f5b', endColorstr='#55c43c35')";
			background-image: -ms-linear-gradient(#ee5f5b, #c43c35);
			background-image: url('/images/icon-error.png');
			background-repeat: no-repeat;
			background-position: 10px 50%;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-color: #c43c35 #c43c35 #882a25;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		}
		
		div.alertBox div.alertInfo {
			color: #ffffff;
			background-color: #339bb9;
			background-repeat: repeat-x;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
			background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
			background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
			background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
			background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
			background-image: linear-gradient(top, #5bc0de, #339bb9);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555bc0de', endColorstr='#55339bb9', GradientType=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555bc0de', endColorstr='#55339bb9')";
			background-image: -ms-linear-gradient(#5bc0de, #339bb9);
			background-image: url('/images/icon-info.png');
			background-repeat: no-repeat;
			background-position: 10px 50%;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-color: #339bb9 #339bb9 #22697d;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		}
		
		div.alertBox div.alertSuccess {
			color: #ffffff;
			background-color: #57a957;
			background-repeat: repeat-x;
			background-image: url('/images/icon-success.png');
			background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
			background-image: -moz-linear-gradient(top, #62c462, #57a957);
			background-image: -ms-linear-gradient(top, #62c462, #57a957);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
			background-image: -webkit-linear-gradient(top, #62c462, #57a957);
			background-image: -o-linear-gradient(top, #62c462, #57a957);
			background-image: linear-gradient(top, #62c462, #57a957);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5562c462', endColorstr='#5557a957', GradientType=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5562c462', endColorstr='#5557a957')";
			background-image: -ms-linear-gradient(#62c462, #57a957);
			background-image: url('/images/icon-confirm.png');
			background-repeat: no-repeat;
			background-position: 10px 50%;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-color: #57a957 #57a957 #3d773d;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		}
		
		div.alertBox div.alertWarning {
			color: #ffffff;
			background-color: #cd8433;
			background-repeat: repeat-x;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#cd8433), to(#d4975b));
			background-image: -moz-linear-gradient(top, #cd8433, #d4975b);
			background-image: -ms-linear-gradient(top, #cd8433, #d4975b);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd8433), color-stop(100%, #d4975b));
			background-image: -webkit-linear-gradient(top, #cd8433, #d4975b);
			background-image: -o-linear-gradient(top, #cd8433, #d4975b);
			background-image: linear-gradient(top, #cd8433, #d4975b);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55cd8433', endColorstr='#55d4975b', GradientType=0);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55cd8433', endColorstr='#55d4975b')";
			background-image: -ms-linear-gradient(#cd8433, #d4975b);
			background-image: url('/images/icon-warning.png');
			background-repeat: no-repeat;
			background-position: 10px 50%;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-color: #cd8433 #cd8433 #bd7526;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		}
		
			div.alertBox div a.close {
			  margin: -5px 0 0;
			  position: absolute;
			  right: 10px;
			  top: 50%;
			  color: #000000;
			  font-size: 20px;
			  font-weight: bold;
			  line-height: 13.5px;
			  text-shadow: 0 1px 0 #ffffff;
			  filter: alpha(opacity=20);
			  -khtml-opacity: 0.2;
			  -moz-opacity: 0.2;
			  opacity: 0.2;
			}
			
				div.alertBox div a.close:hover {
				  color: #000000;
				  text-decoration: none;
				  filter: alpha(opacity=40);
				  -khtml-opacity: 0.4;
				  -moz-opacity: 0.4;
				  opacity: 0.4;
				}

body.login div.alertBox, body.register div.alertBox {
	width: 576px;
	height: auto;
	display: inline-block;
    margin: 0 0 -10px;
    padding: 0;
}

body.login div.alertBox div.alertItem, body.register div.alertBox div.alertItem {
	position: relative;
	padding: 7px 25px 7px 32px;
	margin: 0 0 10px;
	color: #404040;
	background-color: #eedc94;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
	background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
	background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
	background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
	background-image: -o-linear-gradient(top, #fceec1, #eedc94);
	background-image: linear-gradient(top, #fceec1, #eedc94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55fceec1', endColorstr='#55eedc94', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55fceec1', endColorstr='#55eedc94')";
	background-image: -ms-linear-gradient(#fceec1, #eedc94); 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #eedc94 #eedc94 #e4c652;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

body.login div.alertBox div.alertError, body.register div.alertBox div.alertError {
	color: #ffffff;
	background-color: #c43c35;
	background-repeat: repeat-x;	
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55ee5f5b', endColorstr='#55c43c35', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55ee5f5b', endColorstr='#55c43c35')";
	background-image: -ms-linear-gradient(#ee5f5b, #c43c35); 
	background-image: url('/images/icon-error.png');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

body.login div.alertBox div.alertInfo, body.register div.alertBox div.alertInfo {
	color: #ffffff;
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555bc0de', endColorstr='#55339bb9', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555bc0de', endColorstr='#55339bb9')";
	background-image: -ms-linear-gradient(#5bc0de, #339bb9); 
	background-image: url('/images/icon-info.png');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

body.login div.alertBox div.alertSuccess, body.register div.alertBox div.alertSuccess {
	color: #ffffff;
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5562c462', endColorstr='#5557a957', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5562c462', endColorstr='#5557a957')";
	background-image: -ms-linear-gradient(#62c462, #57a957); 
	background-image: url('/images/icon-confirm.png');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

body.login div.alertBox div.alertWarning, body.register div.alertBox div.alertWarning {
	color: #ffffff;
	background-color: #cd8433;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#cd8433), to(#d4975b));
	background-image: -moz-linear-gradient(top, #cd8433, #d4975b);
	background-image: -ms-linear-gradient(top, #cd8433, #d4975b);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd8433), color-stop(100%, #d4975b));
	background-image: -webkit-linear-gradient(top, #cd8433, #d4975b);
	background-image: -o-linear-gradient(top, #cd8433, #d4975b);
	background-image: linear-gradient(top, #cd8433, #d4975b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55cd8433', endColorstr='#55d4975b', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55cd8433', endColorstr='#55d4975b')";
	background-image: -ms-linear-gradient(#cd8433, #d4975b); 
	background-image: url('/images/icon-warning.png');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #cd8433 #cd8433 #bd7526;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

body.login div.alertBox div a.close {
  float: right;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=20);
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}

	body.login div.alertBox div a.close:hover {
	  color: #000000;
	  text-decoration: none;
	  filter: alpha(opacity=40);
	  -khtml-opacity: 0.4;
	  -moz-opacity: 0.4;
	  opacity: 0.4;
	}

/*-------------------------- EASY TOOLTIP --------------------------*/

#easyTooltip {
    background: none repeat scroll 0 0 #3a4043;
    border: 1px solid #5c6467;
    color: #FFFFFF;
    font-size: 10px;
    padding: 3px 8px;
    z-index: 9999;
	display: none;
}
	
/*------------------------- MESSAGE ALERT -------------------------*/	

a.mg_alert {
	color: #D7D7D7;
	display: block;
	z-index: 999;
}

#mg_alert {
	width: 225px;
	height: 30px;
	padding: 10px;
	position: fixed;
	left: 2%;
	bottom: 2%;
	background: url('/images/messages-icon.png') no-repeat 200px 50% scroll #3a4043;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
	line-height: 15px;
	color: #D7D7D7;
    font-size: 12px;
    font-weight: bold;
	text-transform: capitalize;
	border: 1px solid #ffffff;
	z-index: 999;
}
	
	a.mg_alert:hover #mg_alert {
		color: #599CDF;	
	}
	
/*-------------------------- VALIDATION --------------------------*/

form span.validation {
	min-width: 30px;
	margin: 0 0 -18px;
	padding: 0 0 0 26px;
	float: left;
	overflow: visible;
	background-image: url('/images/icon-error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;	
	line-height: 18px;
	color: #c43c35;
}

form span.valid {
	background-image: url('/images/icon-confirm.png');
}

/*-------------------------- TOOLTIP --------------------------*/

#tooltip_holder {
	width: auto;
	height: auto;
	position: absolute; 
	z-index: 9999;	
}

#tooltip {	
	color: #ffffff;
	font-size: 10px;
	width: 280px;	
	cursor: default;
	margin: 5px 0 0 0;
	overflow: visible;
	-webkit-border-radius: 10px 10px 10px 0;
	-moz-border-radius: 10px 10px 10px 0;
	border-radius: 10px 10px 10px 0;
	-moz-box-shadow: 2px 2px 3px #bbbec3;
	-webkit-box-shadow: 2px 2px 3px #bbbec3;
	box-shadow: 2px 2px 3px #bbbec3;
	/* For IE 8 */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbec3')';
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbec3');
}

a.tipClose {
	  height: 29px;
	  width: 29px;
	  right: -7px;
	  top: -7px;
	  position: absolute;
	  cursor: pointer;
	  background: transparent url('/images/tip_close.png') no-repeat 0 0 scroll;
	  display: block;
}

a.tipClose:hover {
	  background: transparent url('/images/tip_close.png') no-repeat -29px 0 scroll;
}

#tooltip .tipHeader {
	height: 10px;
	background: transparent url('/images/tip_header.png') no-repeat 0 0 scroll;
}

#tooltip .tipBody {
	background: #3a4043 repeat 0 0 scroll;
	padding: 5px 5px 5px 15px;	
}

	#tooltip .tipBody a:hover {
		color: #ffffff;
	}

#tooltip .tipFooter {
	height: 10px;
	background: transparent url('/images/tip_footer.png') no-repeat top right scroll;
}