/*
	GENERAL SETTINGS
*/

body, html { height: 100%; }
body { background: #eeedeb; margin: 0; padding: 0; text-align: center; }

body, select, input, textarea, button, select { font: 12px arial, verdana, sans-serif; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; letter-spacing: normal; }
p { margin: 0 0 10px; line-height: normal; }
p img		{ margin: 0 15px 15px 0; float: left; }
p img.right	{ margin: 0 0 15px 15px; float: right; }

a { text-decoration: none; color: #00b0dc; }
a:focus,
a:hover	{ text-decoration: underline; color: #fd8f38; }
a img { border: 0; }

hr				{ margin: 10px 0; padding: 0; height: 1px; border: 0; background: #00afde; overflow: hidden; clear: both; }
hr.extra-top	{ margin-top: 20px; }

h1 { font-size: 18px; color: #fd8f38; margin: 0 0 20px; }
h2, legend	{ line-height: normal; padding: 20px 0 10px; margin: 0; font-size: 18px; color: #fd8f38; font-weight: 900; }
legend		{ padding-top: 0; }
h1 + h2 { margin-top: 0; }
.frontpage h2 { color: #fd8f38; }
h3,
.header { margin-bottom: 3px; font-size: 14px; font-weight: 900; display: block; padding-top: 10px; }

.red	{ color: #e2001a; }
.orange { color: #fd8f38; }
.blue	{ color: #00b0dc; }
.brown	{ color: #74513e; }
.green	{ color: #8dc63f; }

table		{ table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%; }
table td	{ padding: 0; }

/* Declaration */
.declaration		{ background: #e4e4e4; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 8px; }
.declaration input	{ position: absolute; z-index: 10; top: 8px; left: 8px; }
.declaration label	{ display: block; font-weight: 900; padding-left: 22px; }
.declaration label.checkbox	{ position: absolute; top: 10px; left: 10px; padding: 0; }

/* General Classes */
.hidden	{ z-index: 0; position: absolute; top: -1px; left: -1px; height: 1px; width: 1px; display: block; opacity: 0; overflow: hidden; }
.more	{ float: right; }
	p .more		{ float: none; }
	li.more		{ float: none; text-align: right; }
	dl .more	{ float: none; font-weight: 900; display: inline-block; margin-top: 5px; }
.date	{ color: #74513e; }
.share	{ background: url("images/bone-orange.png") no-repeat 0px 0px; padding: 0 0 0 17px; font-size: 10px; color: #74513e; line-height: 17px; }
.info	{ font-size: 10px; padding-top: 5px; }
	textarea + .info	{ text-align: right; font-style: italic; margin-top: -10px; position: relative; }

.wrap	{ position: relative; }

/* Columns 
.column		{ width: 450px; min-height: 680px; vertical-align: top; position: relative; margin-right: 20px; }
.frontpage .column { min-height: 985px; }
.last-col	{ margin-right: 0; }
.col1		{}
.col2		{}*/

	/* Sub Columns 
	.column .column			{ float: left; width: 215px; padding: 0; min-height: 0; }
	.column .column .column	{ width: 97px; }

/* Grid */
.grid-col-group	{}
.grid-col	{ float: left; display: inline; margin: 0 10px; padding: 0; position: relative; }
	
	/* Grid width */
	.grid-w-1-12	{ width:  58px; }
	.grid-w-2-12	{ width: 137px; }
	.grid-w-3-12	{ width: 215px; }
	.grid-w-4-12	{ width: 293px; }
	.grid-w-5-12	{ width: 372px; }
	.grid-w-6-12	{ width: 450px; }
	.grid-w-7-12	{ width: 528px; }
	.grid-w-8-12	{ width: 607px; }
	.grid-w-9-12	{ width: 685px; }
	.grid-w-10-12	{ width: 763px; }
	.grid-w-11-12	{ width: 842px; }
	.grid-w-12-12	{ width: 920px; }
	
	/* Special columns */
	.right-col	{}

/* Neutral lists */
.nav,
.breadcrumb ul,
dl,
.tools,
.link-list,
.dropdown-list ul,
.comments
{ margin: 0; padding: 0; list-style: none; }


/* Navigaion */
.nav		{ display: block; overflow: hidden; }
.nav li		{ display: inline; float: left; }
.nav li a	{ float: left; display: inline; }
	
	/* Main Navigation */
	.mainNav				{ position: absolute; bottom: 0; left: 0; }
	.mainNav li 			{ height: 32px; margin: 0 20px 0 0; }
	.mainNav li a			{ line-height: 32px; height: 29px; color: #fff; font-weight: 900; font-size: 14px; }
	.mainNav li a:hover,
	.mainNav li a:focus,
	.mainNav li a.selected	{ border-bottom: 3px solid #fff; text-decoration: none; }
	
	/* Actions (small menu in head section) */
	.actions	{ overflow: visible; }
	.actions li	{  }
	.actions a	{ color: #fd8f38; font-weight: 900; padding: 2px 7px; }
	.actions a span	{ font-weight: 100; }
	
		/* Login 
		.actions .login		{ position: relative; }
		.actions .login a	{}
		.actions .login	.form-group	{ position: absolute; top: 18px; right: -52px; border: 3px solid #eeecea; background: #fff; padding: 5px; white-space: nowrap; }
		.actions .login	.form-group .form-col	{ float: none; display: inline-block; vertical-align: top; }
		.actions .login	.form-group a	{ color: #00b0dc; float: none; background: none; padding: 0; }
		.actions .login	.form-group .text-field	{ width: 136px; }
		.actions .login	.form-group .form-extra-line	{ font-size: 10px; }
		.actions .login	.form-group .button	{}
		
		.actions .active a	{ background-color: #eeecea; }
		.actions .active .form-group	{ display: block; }
	*/	


	/* breadcrumb */
	.breadcrumb			{ margin-bottom: 10px; }
	.breadcrumb ul		{ display: inline-block; }
	.breadcrumb ul li	{ display: inline; font-size: 10px; }
	.breadcrumb ul a	{ font-weight: 900; }
	
	/* Sub Navigation */
	.subnav		{}
	.subnav li	{ float: none; display: block; }
	.subnav a	{ padding: 5px 0; }

/* UL and OL */
ul, ol	{ margin: 0 0 10px 14px; padding: 0; }

/* Definition list */
dl	{}
dt	{ font-weight: 900; color: #74513e; margin-bottom: 3px; }
dd	{ margin: 0 0 15px; padding: 0; }
	
	dd input	{ display: block; }
	dd input + .button,
	dd .file-field + .button	{ margin-top: 10px; }

/* Tools list */
.tools		{}
.tools li	{}

/* Link list */
.link-list		{}
.link-list .add,
.link-list .more	{ margin-top: 10px; }

/* Change profile dropdown */
.change-profile	{ position: absolute; right: 0; top: 0; }
.change-profile select,
.change-profile .dropdown	{ margin: 0; }

/* Notification area (Blue bones area) */
.notification			{ padding: 20px 20px 30px; margin: 0 0 40px; background: url("images/bg-notification.gif") 0px 0px; position: relative; }
.notification a			{ color: #fff; }
.notification .close	{ position: absolute; bottom: 0; right: 0; margin: 10px; font-weight: 900; }

/* Tabs */
.tabs		{ margin: 0 0 20px; padding: 0; list-style: none; }
.tabs li	{ display: block; /*inline; float: left; width: 50%;*/ }
/*.tabs li:first-child a	{ margin-right: 1px; }*/
.tabs li a	{ display: block; color: #fff; background: #00b0db; text-align: center; height: 30px; line-height: 30px; font-weight: 900; }
.tabs .active a	{ background: #fd8f38; }

/* Post message */
.post				{ padding-right: 22px; position: relative; margin-bottom: 20px; }
.post .form-row		{ overflow: visible; }
.post .text-field	{ padding: 7px 10px; font-size: 12px; width: 100%; font-weight: 900; }
.post p				{ font-weight: 900; color: #74513e; }

.post .add			{ float: left; width: 50%; }

.post .share		{ background: none; padding: 0; position: relative; right: -22px; font-size: 12px; float: right; }
.post .share p		{ display: inline-block; }
.post .share .button	{ margin-right: 0; }

.post .add,
.post .share		{ line-height: 22px; display: inline; margin-top: 5px; }

/* Box */
.info-box,
.info-box a,
.info-box h2,
.info-box h3		{ color: #fff; }

.info-box			{ margin-bottom: 30px; }
.info-box h2		{ padding: 6px 15px; margin: 0; font-size: 14px; }
.info-box h3		{ margin: 10px 0 5px; padding: 0; line-height: normal; }
.info-box h3:first-child	{ margin-top: 0; }
.info-box a			{ font-weight: 900; }

.info-box .head		{ background: #00b0dc; }
.info-box .body,
.info-box .foot		{ background: #4cc8e6; padding: 15px; }
.info-box .foot		{ margin-top: 1px; }
	
	/* Available/Not Available box */
	.available .body,
	.not-available .body	{ height: 64px; background: center top no-repeat; }
	
	.available			{}
	.available .head	{ background-color: #00B0DC; }
	.available .body	{ background-image: url("images/available.jpg"); background-color: #8dc63f; }/*#a6e94a*/
	
	.not-available			{}
	.not-available .head	{ background-color: #e2001a; }
	.not-available .body	{ background-image: url("images/not-available.jpg"); background-color: #e2001a; } /*#ff536b*/
	
	.available-center .body		{ background-image: url("images/available-center.jpg"); }
	.not-available-center .body	{ background-image: url("images/not-available-center.jpg"); }
	
	/* Orange box */
	.info-box-orange		{}
	.info-box-orange .head	{ background-color: #ff913a; }
	.info-box-orange .body,
	.info-box-orange .foot	{ background-color: #ffb275; }

/*
	FORM COMPONENTS
*/
form					{ margin: 0; padding: 0; display: inline; }

fieldset				{ border: 0; margin: 0; padding: 0; display: block; }

.form-group				{ clear: both; }
.form-row				{ padding: 0 0 10px 0; overflow: hidden; clear: both; }
	.button-row			{ text-align: right; }
	.button-row	.button	{ margin-left: 10px; margin-right: 0; }
.form-col				{ float: left; }
.form-col-fill			{ float: none; display: block; overflow: hidden; }
.form-text-wrap			{}
.form-radio-wrap		{ clear: both; text-align: right; display: block; }
.form-row .form-radio-wrap	{ text-align: left; }
	.form-radio-wrap label	{ display: inline-block; color: #000; font-weight: 100; }
	.form-radio-wrap input,
	.form-radio-wrap .checkbox,
	.form-radio-wrap .radio	{ margin-right: 5px; }
	.form-radio-wrap label + input,
	.form-radio-wrap label + .checkbox,
	.form-radio-wrap label + .radio	{ margin-right: 0; margin-left: 5px; }
	
.form-extra-line		{ clear: both; text-align: right; margin-right: 10px; }
.form-extra-line .form-radio-wrap	{ display: inline; text-align: right; }

.form-row,
.form-col,
.form-extra-line,
.form-text-wrap,
.form-radio-wrap
{ line-height: 23px; }

/*.form-row h3			{ margin-top: 10px; }
.form-row-placeholder	{ height: 54px; }
.button-row				{ margin-bottom: 30px; }*/

	/*.form-field-wrap		{ padding: 0 6px 4px 0; overflow: hidden; }
	.no-label-wrap			{}
	.select-wrap			{ padding-right: 0; }
	.zip-wrap				{ margin-right: 10px; width: 55px; float: left; }
	.city-wrap				{ overflow: hidden; }
	.check-radio-wrap		{}
	.check-radio-wrap label	{ display: inline; }
	.float-wrap				{ float: left; width: 144px; }*/

input::-webkit-input-placeholder	{ color: #777; }
.placeholder						{ color: #777; }

input[type='number']:-webkit-autofill	{ display: none; }

input,
select,
.dropdown,
.checkbox,
.radio,
.button				{ display: inline; vertical-align: top; margin-right: 10px; }

.dropdown,
.dropdown .display,
.dropdown .arrow,
.checkbox,
.radio,
.button				{ cursor: pointer; }

label				{ display: block; clear: both; color: #74513e; font-weight: 900; }
label b				{ font-weight: 100; }
select				{ font-size: 14px; }
textarea			{ width: 99%; height: 140px; margin-bottom: 10px; }

.text-field			{ padding: 2px; }
.file-field			{}
.file-field .button-wrap	{ float: left; overflow: hidden; position: relative; margin-right: 10px; }
.file-field .button-wrap .button	{ margin: 0; }
.file-field .button-wrap input	{ position: absolute; top: 0; right: 0; height: 100%; width: 100% !important; margin: 0; cursor: pointer; }
.file-field .file-name	{ overflow: hidden; min-width: 130px; line-height: 21px; height: 21px; }

.text-field,
textarea,
select,
.dropdown,
.dropdown-list,
.checkbox,
.radio,
.image-preview	{ border: 1px solid #00b0dc; background: #fff; }
.dropdown-list	{ border-top: 0; }

.text-field:focus,
textarea:focus,
select:focus,
.dropdown-list,
.dropdown-focus,
.checkbox-focus,
.radio-focus	{ border-color: #fd8f38; }

	/* Checkbox/Radio Buttons */
	table.check-radio { table-layout: fixed; width: 100%; border-collapse: collapse; }
	table.check-radio td { /*width: 33.3%;*/ }
	table.check-radio td label { display: inline-block; }

	/* Buttons */
	.button			{ border: 0; background: #00b0dc; color: #fff; font-weight: 900; text-transform: uppercase; padding: 2px 5px; }
	.button:focus	{ background: #fd8f38; }
	
	/*.button					{ background: url("images/button-corners.png") 50% 50% no-repeat #ff8626; width: 195px; height: 39px; line-height: 38px; border: 0; font-size: 18px; font-weight: 900; color: #fff; text-align: center; }
	.button[disabled],
	.button[disabled]:hover,
	.button[disabled]:focus	{ background-color: #e4e4e4; color: #949494; }

	.button:hover,
	.button:focus			{ background-color: #5c4234; }

	.button.next			{ float: right; }
	.button.prev			{ float: left; }*/
	
	/* Custom Dropdown */
	.dropdown					{ position: relative; display: inline-block; }
	.dropdown .focus-link		{ display: block; }
	.dropdown .focus-link:focus	{ outline: none; }
	.dropdown .display-wrap		{ overflow: hidden; position: relative; z-index: 1; }
	.dropdown .display			{ margin-right: 21px; padding: 0 5px; white-space: nowrap; overflow: hidden; color: #000; font-size: 11px; line-height: 20px; }
	.dropdown .arrow			{ display: block; width: 21px; height: 21px; position: absolute; right: 0; top: 0; background: #00b0dc; overflow: hidden; font: 10px monospace; line-height: 20px; color: #fff; text-align: center; }
	.dropdown .arrow:hover		{ text-decoration: none; }
	
	.dropdown-list				{ margin: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; position: absolute; top: -1000px; left: -1000px; z-index: 999999; text-align: left; }
	.dropdown .dropdown-list	{ position: relative; top: auto; left: auto; border: 0; }
	.dropdown-list ul			{ position: relative; }
	.dropdown-list ul li		{ display: block; border: 0; }
	.dropdown-list ul a			{ padding: 2px 5px; display: block; color: #000 }
	
	.dropdown-list ul a:hover,
	.dropdown-list ul a:focus,
	.dropdown-list ul .item-focus a,
	.dropdown-list ul .sel a	{ background: #00b0dc; color: #fff; text-decoration: none;  }
	
	/* Checkbox and Radio */
	.checkbox,
	.radio			{ display: inline-block; vertical-align: text-bottom; padding: 0; width: 12px; height: 12px; position: relative; overflow: hidden; }
	
	.checkbox input:focus,
	.radio input:focus	{ outline: none; }
	
	.checkbox input,
	.radio input	{ margin: 0; opacity: 0; top: 0; left: 0; position: absolute; }
	
	.checkbox b,
	.radio b		{ position: absolute; overflow: hidden; text-align: center; display: none; }
	
	.checkbox-on b,
	.radio-on b		{ display: block; }
	
	.checkbox		{}
	.checkbox b		{ font-size: 17px; top: 1px; left: 1px; width: 10px; height: 10px; line-height: 11px; font-weight: 100; }
	
	.radio			{ position: relative; width: 12px; height: 12px;
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
		        border-radius: 7px;
	}
	
	.radio b		{ background: #000; width: 6px; height: 6px; top: 3px; left: 3px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}
	
	/*.radio span		{ font-size: 30px; color: #00b0dc; position: absolute; display: block; top: -2px; left: -2px; font-family: Verdana, Monospace; }
	.radio b		{ position: absolute; top: 2px; left: 4px; font-size: 16px; color: #000; display: none; }
	.radio-on b		{ display: block; }
	.radio-focus span	{ color: #fd8f38; }*/
	
	/* Preview image area */
	.image-preview		{ margin: 0 10px 0 0; padding: 5px; }
	.image-preview .img	{ display: block; color: #000; background: #d2d3d5; width: 107px; height: 93px; line-height: 93px; text-align: center; }
/*
	STATIC COMPONENTS (?? ANOTHER NAME ??) - components width ID
*/
#page			{ min-width: 960px; max-width: 1200px; background: #fff url("images/top.png") 50% 0px no-repeat; margin: 0 auto; overflow: hidden; }
#pageContent	{ width: 920px; padding: 0 20px; position: relative; margin: 0 auto; text-align: left; background-position: 50% 115px; background-repeat: no-repeat; }
#header			{ position: relative; height: 115px; }
	#header .logo		{ position: absolute; top: 20px; left: 0; }
	#header .login		{ position: absolute; top: 20px; right: 0; }
	#header .login .form-extra-line		{ position: relative; right: -43px; }
	#header .login .seperator,
	#header .login .rememberme label	{ color: #fff; }
#content		{ margin: 20px -10px 0; position: relative; }
#footer			{ overflow: hidden; }
	#footer hr	{ margin-top: 50px; }

/*
	COMPONENTS
*/
/* Footer info */
address	{ font-style: normal; text-align: right; padding-bottom: 35px; }

/* Circles */
.circle				{ text-align: center; position: relative; cursor: pointer; }
.circle .wrap		{ vertical-align: middle; line-height: normal; display: inline-block; font-size: 12px; position: relative; z-index: 1; }
.circle .bg			{ position: absolute; z-index: 0; top: -1px; left: -1px; width: 100%; height: 100%; -moz-border-radius: 50%; border: 1px solid; opacity: 0.91; }

.circle:hover,
.circle:focus,
.circle:active		{ text-decoration: none; }

.circle:hover .bg,
.circle:focus .bg,
.circle:active .bg	{ opacity: 1; }

	/* Blue Circle */
	.cir-blue			{ width: 180px; height: 180px; color: #fff; right: 10px; top: 10px; position: absolute; z-index: 999; line-height: 180px; }
	.cir-blue .bg		{ -webkit-border-radius: 90px; border-radius: 90px; background: #00b0dc; border-color: #00b0dc; }
	
	.cir-blue strong,
	.cir-blue b			{ color: #6d4b4a; display: block; }
	.cir-blue strong	{ font-size: 24px; padding: 0 10px; line-height: 24px; margin-bottom: 5px; }
	.cir-blue b			{ font-size: 16px; margin-top: 5px; }
	
	.cir-blue:hover strong,
	.cir-blue:hover b,
	.cir-blue:focus strong,
	.cir-blue:focus b,
	.cir-blue:active strong,
	.cir-blue:active b	{ color: #000; }
	
	.right-col .cir-blue		{ left: 10px; right: auto; }
	
	.cir-blue:hover,
	.cir-blue:focus,
	.cir-blue:active	{ color: #fff; }
	
	/* Orange Circle */
	.cir-orange			{ width: 140px; height: 140px; margin: 0 0 10px 10px; font-weight: 900; display: inline; float: right; line-height: 140px; background: url("images/circle-orange.png") 0px 0px no-repeat; }
	.cir-orange .wrap	{ padding: 0 10px; width: 120px; }
	.cir-orange,
	.cir-orange a		{ color: #6d4b4a; }
	.right-col .cir-orange	{ float: left; margin: 0 10px 10px 0; }
		
		/* hover states */
		.cir-orange:hover a,
		a:hover .cir-orange,
		a:focus .cir-orange,
		a:active .cir-orange,
		.cir-orange a:hover,
		.cir-orange a:focus,
		.cir-orange a:active	{ color: #000; }
	
	/* Orange Circle 
	.circle-orange		{ color: #6d4b4a; width: 120px; height: 140px; padding: 0 10px; margin: 0 10px 10px 0; font-weight: 900; display: inline; float: left; background: url("images/circle-orange.png") 0px 0px no-repeat; text-align: center; }
	.circle-orange span	{ display: inline-block; vertical-align: middle; }
	.circle-orange:hover,
	.circle-orange:focus,
	.circle-orange:active { color: #000; }
	.col1 .circle-orange { float: right; margin: 0 0 10px 10px; }*/
	
	/* Orange Circle old
	.cir-orange			{ color: #6d4b4a; width: 140px; height: 140px; margin: 0 10px 10px 0; font-weight: 900; display: inline; float: left; line-height: 140px; }
	.cir-orange .bg		{ background: #ff913a; -webkit-border-radius: 70px; border-radius: 70px; border-color: #ff913a; }
	.cir-orange .wrap	{ padding: 0 10px; width: 120px; }
	.cir-orange:hover	{ color: #000; }
	.col1 .cir-orange	{ float: right; margin: 0 0 10px 10px; } */

	/* Arrow */
	.circle .arrow	{ background: url("images/arrow-right-brown.png") 0px 0px no-repeat; width: 13px; height: 11px; display: inline-block; margin-right: 5px; }
	.circle:hover .arrow,
	.circle:focus .arrow,
	.circle:active .arrow { background-position: 0px 100%; }

/* Thumbnail listing */
.thumbnails									{ margin-right: -10px; }
.thumbnails .thumb							{ width: 95px; margin: 0 10px 10px 0; color: #00afde; font-weight: 900; cursor: pointer; }
.thumbnails .thumb img						{ width: 95px; height: 53px; display: none; float: left; margin-bottom: 3px; }
.thumbnails .thumb img.inactive-img			{ display: inline; }

.thumbnails .thumb:hover img,
.thumbnails .thumb:focus img,
.thumbnails .thumb.active img				{ display: inline; }

.thumbnails .thumb:hover img.inactive-img,
.thumbnails .thumb:focus img.inactive-img,
.thumbnails .thumb.active img.inactive-img	{ display: none; }

/* Wallpapers */
.wallpaper				{ margin: 20px 0; overflow: hidden; }
.wallpaper img			{ width: 420px; height: 315px; margin-bottom: 10px; }
.wallpaper p			{ color: #00b0dc; }
.wallpaper .nav			{ border-right: 2px solid; float: left; white-space: nowrap; }
.wallpaper .nav	li		{ border-left: 2px solid; }
.wallpaper .nav	li a	{ padding: 0 5px; font-weight: 900; color: #000; }
.wallpaper .nav	li a:hover,
.wallpaper .nav	li a:active,
.wallpaper .nav	li a:focus { color: #00b0dc; }

.wallpaper .nav,
.wallpaper .nav	li		{ border-color: #00b0dc; }

/* Slideshow images */
.slideshow				{ overflow: hidden; /*width: 600px;*/ float: right; display: inline; margin-right: -10px; position: relative; /*position: absolute; top: 0; left: -10px; height: 680px;*/ }
.slideshow img			{ display: none; }
.slideshow img.active	{ display: block; }
.right-col .slideshow	{ float: left; margin-left: -10px; margin-right: auto; }
/*.col1 .slideshow		{ left: auto; right: -10px; }
.col1 .slideshow img	{ left: auto; right: 0; }*/
/*.frontpage .slideshow	{ height: 985px; }*/

/* Error section */
.errors {}

	/* Error list */
	.error,
	.error a	{ color: #f00; font-weight: 900; }

	.error a:hover,
	.error a:focus	{ color: #a00; }

	.error a:active { color: #500; }
	
	/* Error Row */
	.valid-error {}
	.valid-error label { color: #f00; font-weight: 900; }
	.valid-error .error-field { border: 1px solid #f00; }

/* Descriptions */
.form-valid-desc	{ color: #999; font-weight: 900; }
.chosen-image		{ color: #999; }

/* Profile information */
	/* Profile pane */
	.profile		{}
	.profile .tools	{ margin: 5px 0 30px; }
	
	/* Profile box */
	.profile-box		{ position: relative; }
	.profile-box img	{ /*width: 155px; height: 190px;*/ float: left; display: inline; margin-right: 15px; }
	.profile-box dl		{ overflow: hidden; }
	.profile-box .more	{ position: absolute; bottom: 0; right: 0; }
		
		/* Profile listing */
		.profiles	{ margin-right: -15px; }
		.profiles .profile-box			{ padding: 10px; border: 1px solid #dadada; background: #eeecea; float: left; width: 313px; margin: 0 15px 15px 0; }
		.profiles .profile-box .more	{ bottom: 8px; right: 10px; }
	
	/* Message */
	.message				{ clear: both; }
	.message .content		{ overflow: hidden; }
	.message .profile-img	{ margin-right: 10px; float: left; display: inline; width: 50px; height: 50px; }
	.message .info			{ font-style: italic; }
	.message .info + img	{ margin-top: 10px; }
	.message .comments		{ margin-top: 10px; }
	.message .share			{ float: right; margin-top: 10px; }
	
	.messages .message		{ margin-bottom: 20px; }
	
		/* Content Wrapper */
		.content	{}
		.content p	{ margin: 0; }
		
		/* Comments */
		.comments		{}
		.comments li	{ display: block; padding: 10px; background: #eeecea; margin-bottom: 1px; }
		.comments .form-row	{ padding-bottom: 5px; }
	
/*
	CONTENT WRAPPERS
*/

/* Inline-Block Element containers */
.thumbnails
{ word-spacing: -4px; /* Opera */ letter-spacing: -4px; /* All other */ }

/* Inline-Block elements */
.thumbnails .thumb
{ display: inline-block; word-spacing: normal; letter-spacing: normal; }

/* Float wrapping */
#content:after,
.content:after,
.form-row:after,
.profile-box:after,
.profiles:after,
.messages:after,
.message:after,
.subnav li:after,
.tabs:after,
.post:after,
.info-box .body:after,
.info-box .foot:after,
.grid-col-group:after,
.file-field:after,
.comments li:after,
.wrap:after
{ content: " "; display: block; clear: both; height: 0; overflow: hidden; line-height: 0; font-size: 0; }





.subteaser
{
	font-size: 14px;
	color: #00b0dc !important;
}


/*
	FANCYBOX
*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div {	position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('images/fancybox/fancybox_loading.png'); }

#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; background: #fff; z-index: 1101; display: none; }
	#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
		#fancybox-close,
		#fancybox-left-ico,
		#fancybox-right-ico	{ position: absolute; background: url("images/fancybox/fancybox_nav.png") no-repeat; height: 22px; }
		
		#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
		#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
		#fancybox-close { top: -27px; right: 0; width: 57px; background-position: top right; cursor: pointer; z-index: 1103; display: none; }
		#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }
		#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
		#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
		#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
		#fancybox-title { position: absolute; bottom: 0; left: 0; z-index: 1102; }

		.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
		.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
		.fancybox-title-over { color: #FFF; text-align: left; }
		
		#img-count	{ display: block; padding-bottom: 5px; font-size: 14px; }

		#fancybox-title-over {}
		#fancybox-title-wrap { display: block; color: #000; }
		#fancybox-title-wrap span { display: inline-block; vertical-align: top; }
		#fancybox-title-left {}
		#fancybox-title-main { font-weight: bold; }
		#fancybox-title-right {}

		#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; cursor: pointer; outline: none; z-index: 1102; display: none; }
		#fancybox-left { left: -93px; width: 93px; }
		#fancybox-right { right: -86px; width: 86px; }

		#fancybox-left-ico, #fancybox-right-ico { top: 50%; margin: -11px 0 0; height: 22px; }
		#fancybox-left-ico { width: 81px; left: 0; }
		#fancybox-right-ico { width: 70px; background-position: -80px 0px; right: 0; }
		
		/*#fancybox-left:hover, #fancybox-right:hover {}
		#fancybox-left:hover span { left: 20px; }
		#fancybox-right:hover span { left: auto; right: 20px; }*/
		
		.fancy-bg	{ display: none; }
		
		/*.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

		#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); }
		#fancy-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; }
		#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; }
		#fancy-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px; }
		#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; }
		#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; }
		#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); }
		#fancy-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; }*/
		
		.popup-html	{ text-align: left; width: 570px; height: 370px; padding: 15px; overflow-x: hidden; }
		.popup-html-wrap {  }
		.popup-html h2:first-child	{ margin-top: 0; padding-top: 0; }
		
		
		
		
		
/* New Frontpage */
.newFrontpage								{ position: relative; }
.newFrontpage .introTextRoundSpot			{ position: relative; height: 430px; }
.newFrontpage .introText					{ width: 275px; position: absolute; top: 90px; left: 0; font-family: TRYGBook; }
.newFrontpage .introText h1					{ color: #5e5e5e; font-size: 26px; font-weight: normal; }
.newFrontpage .introText a					{ color: #00b0dc; font-size: 16px; font-weight: normal; }
.newFrontpage .roundSpot 					{ display: none; position: absolute; top: 90px; right: 70px; font-family: TRYGBook; }
.newFrontpage .roundSpot *					{ font-weight: normal; }
.newFrontpage .roundSpot .arrow				{ background: none; }
.newFrontpage .roundSpot .circle .arrow		{ display: inline; }
.newFrontpage .roundSpot .circle .wrap		{ padding: 0 5px; }
.newFrontpage .fpVideoNewsText				{ overflow: hidden; padding: 5px 5px 50px; }
.newFrontpage .fpVideo,
.newFrontpage .newsText						{ position: relative; border: #fff solid 5px; box-shadow: #aaa 0 0 5px; -moz-box-shadow: #aaa 0 0 5px; -webkit-box-shadow: #aaa 0 0 5px; background: url(images/fpSpotBg.png) 0 0 repeat; }
.newFrontpage .fpVideo						{ width: 450px; height: 255px; float: left; }
.newFrontpage .newsText						{ width: 410px; height: 225px; float: right; padding: 15px; }
.newFrontpage .imageGallery					{ padding: 0 10px; }
.newFrontpage .imageGallery h1				{ font: bold 18px/24px arial; color: #5e5e5e; margin: 0; }
.newFrontpage .imageGallery .allLink		{ float: right; }

.newFrontpage .newsText						{ font: normal 11px/18px arial; color: #5e5e5e; }
.newFrontpage .newsText h1					{ position: relative; font: bold 18px/24px arial; color: #5e5e5e; margin: 0 0 10px; }
.newFrontpage .newsText p					{ position: relative; font: normal 12px/18px arial; margin: 5px 0 10px; }
.newFrontpage .newsText a					{ position: relative; font: normal 12px/18px arial; color: #00b0dc; }
.newFrontpage .newsText .decoDog			{ position: absolute; bottom: -20px; right: 0; height: 153px; width: 229px; background: url(images/spotHund.png) 0 0 no-repeat; }
.newFrontpage .newsText .newsDate			{ display: block; font: 11px/18px arial; }
.newFrontpage .newsText .newsLink			{ display: block; font: 11px/18px arial; padding-top: 10px; }

.newFrontpage .active 						{ display: block; }

.submenu									{ margin: 0px 10px 35px; padding: 0; overflow: hidden; }
.submenu li									{ margin: 0; padding: 0; list-style: none; float: left; padding: 5px 15px 5px 10px; }
.submenu li.level-1							{ background: #9bdae9 url(images/submenu1.png) 100% 50% no-repeat; }
.submenu li.level-2							{ background: #5bcce9 url(images/submenu2.png) 100% 50% no-repeat; }
.submenu li.level-3							{ background: #19b8df; }
.submenu li a								{ color: #fff; }
.submenu li span							{ background: #fff; color: #00B0DC; padding: 0 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }