@import "elements.less";

/*GENERAL STYLES*/

*{margin:0; padding:0;}

html, body {height: 100%;}

#wrapper {
	/*min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -92px;*/
}

/*#footer, #push {height: 92px;}*/

#body-wrapper{height:100%;}

	/*LESS Variables & mixins*/

	.font(@size, @lineHeight){
		font-family: 'Oswald', sans-serif;  
		font-size:@size;
		line-height:@lineHeight;}

	.before_after{
		position: absolute;
		content: ".";
		text-indent: -999em;
	}

.equal_cols(@width, @gutter){
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		padding: 0 @gutter;
		float:left;
		width:@width;
	}

	.box_model(){
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}


	/* TYPOGRAPHY */

	h1, h2, h3, h4, h5{
		text-transform: uppercase;
		font-weight: normal;
		margin: 0;
	}

	h1{}

	h2{
		.font(30px, 40px);
		margin: 0 0 21px 0;
	}

	.view-item{
		h2.categOnly{
			display: none;
		}
	}

	h3{
		.font(24px, 24px);
		margin: 0 0 24px 0;
	}

	h4, dt.result-title{
		.font(18px, 24px);
		margin: 15px 0 18px 0;
	}

		h4.catItemTitle{
			margin: 0;
		}

	h5{
		.font(12px, 24px);
		text-transform: uppercase;
		margin: 0 0 9px 0;
	}

	h2.slideCaptionH2{
		.font(100px, 100px);
		letter-spacing: -6px;
		text-transform: uppercase;
		font-weight:400;
		margin: 0;
		span{
			display: block;
		}
	}

	p{
		margin: 0 0 18px 0;
	}

	/* BUTTONS */

	a.moduleItemReadMore,
	a.k2ReadMore,
	a.moduleCustomLink,
	#camera-slideshow a.moduleItemReadMore{
		display: inline-block;
		padding: 0 15px;
		height: 38px;
		.font(12px, 38px);
		text-transform: uppercase;
		text-decoration: none;
		.gradient(#fdfdfd, #f1f1f1, #FFF);
		box-shadow: 0px 2px 3px #cdcdcd;
		margin: 3px;
		border-top:1px solid #f0f0f0;
		border-bottom:1px solid #fff;
		font-weight: 300px;
		.rounded(5px);
			&:hover{
				.gradient(#fdfdfd, #fff, #f1f1f1);
			}
	}

	button.button, input.button{
		.transition();
		display: inline-block;
		border:none;
		padding: 9px 15px 8px;
		.font(12px, inherit);
		text-transform: uppercase;
		text-decoration: none;
		.gradient(#fdfdfd, #f1f1f1, #FFF);
		box-shadow: 0px 2px 3px #cdcdcd;
		margin:3px;
		border-top:1px solid #f0f0f0;
		border-bottom:1px solid #fff;
		font-weight: 300px;
		.rounded(5px);
			&:hover{
				.gradient(#fdfdfd, #fff, #f1f1f1);
			}
	}

	/*Lists*/
	ul.itemList, div.k2CategoriesListBlock ul, div.k2ArchivesBlock ul, ul.k2UserBlockActions, ul.userLinks{
		li{
			line-height: 20px;
			padding: 5px 0px 5px 30px;
			background: url(../images/li-icon.png) left 12px no-repeat;
			list-style: none;
			a{
				line-height: 20px;
				color:#575757;
				&:hover{
					color:#54bdb9;
				}
			}
		}
	}



	/*Columns*/
	.cols{
			>ul{
				margin: 0 -10px;
				overflow: hidden;
				>li{
					float: left;
					.box_model();
					padding: 0 10px;
				}
			}
			&.two{
				>ul{
					>li{
						width: 50%;
					}
				}
			}			
			&.four{
				>ul{
					>li{
						width: 240px;
					}
				}
			}
			&.three{
				>ul{
					>li{
						width: 320px;
					}
				}
			}
		}

		a{
			text-decoration: none;
		}


	/*Images*/

	.catItemImageBlock, .itemImageBlock, a.moduleItemImage, .userItemImageBlock, .genericItemImageBlock, .tagItemImageBlock{
			display:block;
			margin: 0 20px 20px 0;
			float: left;
			a{
				display: inline-block;
				vertical-align: top;
			}
		}


/*GENERAL STYLES*/

.rt-container{
	position: relative;
	&:before, &:after{
		.before_after();
		position:absolute;
		width: 940px;
		left: 10px;
		height: 1px;
		overflow: hidden;
	}
	&:before{
		top: 0;
	}
	&:after{
		bottom: 0;
	}
}

 #rt-main{
 	.rt-containerInner{
 		position: relative;
 		&:before{
			border-top:1px solid #e5e5e5;
			.before_after();
			position: absolute;
			top: 0;
			width: 940px;
			left: 10px;
		} 
	}
}


/*=== DRAWER POSITION ===*/

#rt-drawer{
	.rt-container{}
}

/*=== TOP POSITION ===*/

#rt-top{
	.rt-container{
		#rt-logo{
	    	position: relative;
		}
	}
}

/*=== HEADER POSITION ===*/

#rt-header{
	margin: 30px 0 0 0;
	.rt-container{
		padding: 60px 0 27px 0;
		div.mod_search{
			margin: 26px 0 0 0;
			#mod-search-searchword{
				border:1px solid #e7e7e7;
				height: 40px;
				background: #f4f4f4;
				font-style:italic;
				color:#9e9e9e;
				font-size: 12px;
				line-height: 20px !important;
				padding: 10px;
			}
		}
	}
}

/*=== MENU POSITION ===*/

#rt-menu{
	.rt-containerOuter{
		background: url(../images/nav-bg.jpg) left top repeat;
	}
	.rt-container{
		position: relative;
		&:before{
			.before_after();
			left: 10px;
			top: 0;
			height: 100%;
			background: url(../images/nav-divider.png) left top no-repeat;
			width: 1px;
		}
		&:after{
			.before_after();
			right: 10px;
			top: 0;
			height: 100%;
			background: url(../images/nav-divider.png) left top no-repeat;
			width: 1px;
		}
	}
}

		ul.sf-menu{
			position: relative;
			margin: 0 10px;
			>li{
				padding: 0;
				margin: 0 1px 0 0;
				background: url(../images/nav-divider.png) right top no-repeat;
				&.active, &.sfHover, &.current{
					>a, >span{
					}
				}
				&.lastItem{
					background: none;
					margin: 0;
				}
				a, span{
					&:hover{
					}
				}
			}
			>li{
				>a, >span{
					display: block;
					padding: 15px 0px;
					width: 155px;
					text-align:center; 
					.font(15px, 30px);
					font-weight:300px;
					text-transform: uppercase;
				}
				&.lastItem{
					>a, >span{
						width: 158px;
					}
				}
			}
			/*SubMenu Styles*/
			li:hover > ul, li.sfHover > ul{ top: 60px;}/*Define 1st SubMenu position*/
			ul{width: 155px;} /*Define menu width*/
			li li:hover ul, li li.sfHover ul{left: 155px; top:-2px;}/*Define SubMenu position*/
			li li li:hover ul, li li li.sfHover ul{left:155px; top:-2px;}/*Define 2nd+ SubMenu position*/

			ul{
				padding: 2px;
			}
			ul li{
				border-top:1px solid #454545;
				a, span{
					text-transform: uppercase;
					display: block;
					.font(12px, 30px);
					padding: 10px 0;
					text-align: center;
					&:Hover{
					}
				}
				&.active, &.sfHover{
					>a, >span{
					}
				}
				&.firstItem{
					border:none;
				}
			}
		}

select.select-menu{display: none;}


/*=== SHOWCASE POSITION ===*/

#rt-showcase{
	overflow: hidden;
	.rt-container{
		width: 100% !important;
		>div{
			margin: 0;
			width: 100% !important;
		}
	}
	.rt-containerOuter{
		border-bottom:1px solid #e5e5e5;
	}
}

.itemIntroText{
	h2.slideCaptionH2{
		display: none;
	}
}

/*=== FEATURE POSITION ===*/

#rt-feature{
	.rt-container{
		&:after{
			border-bottom:1px solid #e5e5e5;
		}

	}
}

div.k2ItemsBlock.feat{
	ul{
		li{
			div.colsInner{
				padding: 55px 20px 34px 0;
				border-right:1px solid #e5e5e5;
				text-align: center;
				.itemThumbnail{
					padding: 0 0 45px 0;
				}
				h3{

				}
			}
			&.lastItem{
				div.colsInner{
					border:none;
				}
			}
			a.moduleItemReadMore{
				margin: 14px 0 0 0;
			}
		}
	}
}

/*=== UTILITY POSITION ===*/

#rt-utility{
	.rt-container{}
}

/*=== MAINTOP POSITION ===*/

#rt-maintop{
	.rt-container{
		padding: 55px 0 0px 0;
	}
}

div.k2ItemsBlock.leading{
	ul{
		li{
			.moduleItemIntrotext{
				padding: 0 32px 0 0;
			}
		}
	}
}

div.products-a{
	div.module-title{
		h4{
			.font(30px, 40px);
			margin: 0 0 21px 0; 
		}
	}
}

/*===SIDEBARS===*/

#rt-sidebar-a{
	.box_model();
	>div{
		border-bottom:1px solid #e5e5e5;
		padding: 0 0 24px 0;
		margin:0 0 30px 0; 
		&.lastItem{
			border:none;
			margin: 0;
			padding: 0;
		}
	}
}

dl#accordion dt a{
		.font(12px, 24px);
		text-transform: uppercase;
		margin: 0;
	}

div.k2ItemsBlock.team{
	ul{
		li{
			overflow: hidden;
			margin: 0 0 20px 0;
			a.moduleItemImage{
				float: left;
				margin: 0 20px 0 0;
				display: block;
			}
			a.moduleItemTitle{
				font-weight: bold;
			}
			p{
				margin: 0;
			}
			.moduleItemIntrotext{
				overflow: hidden;
			}
		}
	}
}

div.k2ItemsBlock.recent{
	ul{
		li{
			.moduleItemAuthor{
				display: none;
			}
			a.date{
				font-weight: bold;
				color:#909090;
				&:hover{
					color:#6ac29e;
				}
			}
			div.moduleItemIntrotext{
				overflow: hidden;
				margin: 0 0 20px 0;
			}
		}
	}
}

div.k2TagCloudBlock{
	a{
		text-decoration: underline;
		color:#909090;
		margin: 0 5px 0 0;
		display: inline-block;
		vertical-align: top;
		&:hover{
			color:#6ac29e;
		}
	}
}

/*=== CONTENT ===*/

#wrapper.homepage.view-itemlist{
	#rt-main{
	 	.rt-container{
	 		padding: 38px 0 0 0;
	 	}
	}
}

 #rt-main{
 	.rt-containerInner{
 		overflow: hidden;
 		>div{
 			>div{
 				padding: 25px 0 30px 0;
 				border-right: 1px solid #e5e5e5;
 				ul{
 					li{
 						a.moduleItemReadMore{
 							margin: 12px 0 0 0;
 						}
 					}
 				}
 			}
 			&.rt-omega{
 				>div{
 					border:none;
 				}
 			}
 		}
 	}
 	&.mb6-sa3-sb3{
 		.rt-containerInner{
 			div#rt-mainbody{
 				padding: 0 50px 0 0;
 				p{
 					overflow: hidden;
 				}
 				.itemFullText{
 					p{
 						overflow: visible
 					}
 				}
 			}
 		}
 	}
 	&.mb9-sa3{
 		.rt-containerInner{
 			#rt-mainbody{
 				padding: 0 12px 0 0;
 				#itemListLeading{
 					border-bottom: 1px solid #e5e5e5;
 					padding: 0 0 18px 0;
 				}
 				#itemListPrimary{
 					margin: 24px 0 0 0;
 					border-bottom: 1px solid #e5e5e5;
 					padding: 0 0 12px 0;
 				}
 			}
 			div.rt-alpha{
 				div.rt-block{
 					padding-bottom: 10px;
 				}
 			}
 		}
 	}
 	.rt-container{
 		padding: 50px 0 0 0;
 	}
 }

#rt-main{
	 #rt-content-bottom{
	 	padding: 0 0 36px 0;
	 	overflow: hidden; 
	 	div.module-title{
	 		h4{
	 			.font(30px, 40px);
	 		}
	 	}
	 	.rt-block{
	 		padding: 0 12px 0 0;
	 	}
	 	div.k2ItemsBlock.cols.two{
	 		>ul{
	 			>li{
	 				&.firstItem{
	 					border-right: 1px solid #e5e5e5;
	 					div.moduleItemIntrotext{
	 						padding: 0;
	 					}
	 					a.moduleItemReadMore{
	 						margin:3px 3px 3px 3px;
	 					}

	 				}
	 				&.lastItem{
	 					div.moduleItemIntrotext{
	 						padding: 0 12px 0 45px;
	 					}
	 					a.moduleItemReadMore{
	 						margin:3px 3px 3px 42px;
	 					}
	 				}
	 			}
	 		}
	 	}
	}
}

 		.itemContainer{
			box-sizing:border-box;
			-moz-box-sizing:border-box; /* Firefox */
			-webkit-box-sizing:border-box; /* Safari */
			padding: 0 10px;
		}
		.K2ItemsRow{
			margin: 0 -10px;
		}

		div.catItemIntroText{
			overflow: hidden;
			p{
				margin-top:0;
			}
			div.catItemReadMore{
				margin-top: 28px;
			}
		}

		div.itemHeader{
			h2.itemTitle{
			}
		}

	/*== Portfolio Page ==*/

	#port{
		a.preloader{background: url(../images/system/port-preload.gif) center 50% no-repeat; display: inline-block;}
		div.catItemView{
			padding: 0;
			margin-bottom: 2em;
			div.catItemHeader{
				span.catItemDateCreated, div.catItemHitsBlock{
					display: inline-block;
					font-size:0.8em;
					margin: 0 0.5em 0 0;
				}
			}
		}
		div.catItemImageBlock{
			margin: 0 0 20px 0;
			float: none;
			span.catItemImage{
				display: block;
				background: #000;
			}
		}
		div.itemImageBlock{float: left; margin: 0 1em 1em 0;}
		a.touch{
		position:relative; display:block; overflow:hidden; 
			span.zoomIcon{
			    background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;
			    height: 36px;
			    left: 50%;
			    margin-left: -18px;
			    margin-top: -18px;
			    position: absolute;
			    top: -50%;
			    width: 36px;
			}
		}
		div.itemExtraFields{
				border-width:1px;
				border-style: solid;
				border-left:none;
				border-right:none;
			ul{
				li{
					span.itemExtraFieldsLabel{font-weight: bold;}
				}
				list-style: none;
			}
		}
		div.extraFieldsIntroText{overflow: hidden;}
		div.itemContainer.itemContainerLast{margin-right: 0 !important}

		#isotopeOptions{
			overflow: hidden;
			margin-bottom: 1em;
			float: right;
			ul#filters, ul#sort, ul#sort_direction{
				display: inline-block;
				margin: 0.5em 1em 0.5em 0 ;
				li{
					display: inline-block;
					margin: 0 0 0 0.5em;
					a{
						&:hover, &.selected{text-decoration:none; color: #5cb28f;}
					}
				}
			}
		}
		.itemContainer{
			box-sizing:border-box;
			-moz-box-sizing:border-box; /* Firefox */
			-webkit-box-sizing:border-box; /* Safari */
			padding: 0 1em;
		}
		.itemList > div{
			margin: 0 -1em;
		}
	}

	/*== Products Page ==*/

	#products{
		#wrapper.view-itemlist{
			#rt-main {
				.rt-container {
					padding: 20px 0 0 0;
				}
			}
		}
		div.catItemImageBlock{
			float: none;
			margin: 0 0 20px 0;
			span.catItemImage a{
				display: block;
			}
		}
	}

	/*== Blog Page ==*/

	#blog{
		.catItemView, .genericItemView, .userItemView, .tagItemView{
			margin: 0 0 24px 0;
			padding: 0 0 24px 0;
			border-bottom: 1px solid #e5e5e5;
		}
		.catItemHeader, .itemHeader, .userItemHeader, .genericItemHeader, .tagItemHeader{
			margin: 0 0 18px 0;
			h4{
				.font(12px, 24px);
				text-transform: uppercase;
				margin: 0;
			}

		}
		.catItemTitle, .itemTitle, .userItemTitle, .genericItemTitle{}
		.catItemAuthor, .itemAuthor{}
		.catItemDateCreated, .itemDateCreated, .userItemDateCreated, .genericItemDateCreated{}

		#itemListLeading{
			border: none !important;
			padding: 0 !important;
		}
		div.k2Pagination ul{margin: 0}
	}

			.genericItemIntroText, .userItemIntroText, .tagItemIntroText{
			overflow: hidden;
		}

	div.tagItemList, div.userItemList, div.genericItemList{
		>div.lastItem{
			border:none !important;
		}
	}


	/*== History Page ==*/

	#history{
		div.catItemHeader{
			float: left;
			margin: 0 1em 0 0;
			h3.catItemTitle{margin: 0;}
			span.catItemEditLink{
				float: none;
			}
		}
		div.catItemBody{
			overflow: hidden; padding: 0 2em 0 0;
			div.catItemIntroText{
				p{margin: 0}
			}
		}
		.K2ItemsRow .itemContainer{margin: 0 0 2em 0;}
	}


	/*== FAQs Page ==*/

	#faqs{
		div.catItemHeader h3{
			&:before{content:"Q."; display: inline-block; float: left; margin: 0 0.5em 0 0; font: inherit;}
		}
		div.catItemBody{
			&:before{content:"A."; display: inline-block; float: left; margin: 0 0.5em 0 0; font: inherit; font-weight: bold;}
		}
		div.catItemView{
			margin: 0 0 24px 0;
			padding: 0 0 24px 0;
			border-bottom: 1px solid #e5e5e5;
		}
		#itemListLeading{
			border:none !important;
		}
		div.K2ItemsRow.lastItem{
			div.catItemView{
				border: none;
			}
		}
	}

	/*== Team Page ==*/

	#team{
		div.catItemImageBlock{
			margin: 0 0 20px 0;
			float:none;
			span.catItemImage a{
				display: block;
			}
		}
	}


	/*== Testimonials Page ==*/

	#testimonials{
		div.catItemIntroText{
			&:before{background:url(../images/quotes.png) left top no-repeat; content:"."; text-indent: -999em; display: block; float: left; margin: 0 0.5em 0.5em 0; width:66px; height: 45px;}
			p:after{content: '"';}
			p{
				margin: 0;
			}
		}
		div.itemExtraFields{
			>h3{display: none;}
			ul{
				float: right;
				list-style: none;
				li{
					font-style: italic;
					span.itemExtraFieldsLabel{font-weight: bold;}
				}
			}
		}
		div.catItemView{
			margin: 0 0 24px 0;
			padding: 0 0 24px 0;
			border-bottom: 1px solid #e5e5e5;
		}
		#itemListLeading{
			border:none !important;
		}
		div.K2ItemsRow.lastItem{
			div.catItemView{
				border: none;
			}
		}
	}


	#testimonials div.catItemExtraFields{
		float: right;
		ul{
			list-style: none;
			li{font-style: italic;}
			li.author{font-weight: bold;}
		}
	}

	/*== Contacts Page ==*/

	#contact-form-cont{
		div.contact-form{
			margin: 0 2em 0 0;
   			padding: 0 3.5em 0 0;
			#contact-form{
				textarea{
					height: 200px;
				}
				dl{margin: 0;}
				fieldset{
					legend{display: inline-block; padding: 0 0 1em 0;}
				}
			}
		}
	}

	div.map-wrapper{
		margin: 0 0 2em 0;
	}

	/*== Registration Page ==*/

	#k2Container.k2AccountPage{
		margin: 0 0 2em 0;
		input.inputbox, input[type="text"], textarea#jform_profile_aboutme, select{
			width: 60%;
		}
		textarea#description{
			resize:none;
			overflow: auto;
		}
		textarea#jform_profile_aboutme{height: 150px;}
	}

		/*Reset / Remind */
		#user-registration input.inputbox{
			width: 60%;
		}

	/*== User Profile ==*/

	div.profile dl{
		margin-bottom:1em;
		padding-bottom:1em;
	}

	ul.userLinks{list-style: none;}


	/*== Search Page ==*/
	div.component-content > div.search{
		margin: 0 0 2em 0;
		#searchForm{
			fieldset{
				legend{margin:0 0 1em 0; font-weight:bold;}
				>div{margin:0 0 1em 0;}
			}
			div.form-limit-and-counter{
				margin: 1em 0; padding: 1em 0;
				p.counter{
					line-height: 34px;
				}
			}
			div.phrases-box, fieldset.only{
				label{
					display: inline-block;
					margin: 0 1em 0 0;
					line-height: inherit;
				}
			}

		}
		.componentheading{
		margin: 0 0 2em 0;
		}
	}

	fieldset.word {
		margin: 0 0 2em;
		label{
			display: block;
		}
		#search-searchword{
			width: 40%;
			display: block;
			margin: 0 0 1em 0;
		}
	}


	/*== User Login ==*/

	.component-content{
		div.login{
			padding: 3em 0;
			input.inputbox{
				width: 40%;
			}

		}
	}




/*========================================================*/

/* Forms */

input.inputbox, input.required, div.k2AccountPage input[type="text"]{
	height: 34px;
	line-height: 20px;
	padding: 5px;
	width: 100%;
	outline:none;
	border:1px solid #e5e5e5;
	background: #f4f4f4;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	color:#9e9e9e;
	}

textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme,
textarea#jform_contact_message{
	padding: 1em;
	font-family: inherit;
	resize:none;
	overflow: auto;
	outline:none;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	width: 100%;
	background: #f4f4f4;
	color:#9e9e9e;
	}



/* Pagination */

div.k2Pagination, div.pagination, div.itemCommentsPagination{
	li{
		margin: 0 1px 10px 0;
		.pagenav{
			text-align: center;
			padding: 0 1em;
			height: 2em;
			line-height: 2em;
			display: inline-block;
			text-transform: uppercase;
		}
		a.pagenav{
			.rounded(5px);
			&:hover{
			}
		}
		span.pagenav{}
	}
	li.num{
		span.pagenav{
		}
	}
}

/* Comments */

div.itemComments{
	margin: 24px 0 0 0;
	padding: 24px 0 0 0;
	border-top:1px solid #e5e5e5;
	ul.itemCommentsList{
		li{
			padding: 28px 18px;
			border:1px solid #e5e5e5;
			>img{
				margin:0;
			}
			div.commentBody{
				div.commentToolbar{
					span.commentLink{float: right;}
				}
			}
			div.commentToolbar{
				margin: 0 0 0 2em;
				text-align: right;
			} 
			span.commentAuthorName, span.commentDate{
				font-weight: bold;
			}
		}
	}
	div.userAvatar{
		float:left;
		margin:0 2em 0 0;
	}
	div.itemCommentsForm{
		margin: 24px 0 0 0;
		padding: 24px 0;
		border-top:1px solid #e5e5e5;
	}
}

form#comment-form{
	textarea#commentText{
		height: 200px;
	}
	input.inputbox{
		width: 60%;
	}
}




/*Search*/
input#mod-search-searchword, #search-searchword{margin: 0 0 1em 0;}


/*=== MAINBOTTOM POSITION ===*/

#rt-mainbottom{
	.rt-container{}
}

/*=== BOTTOM POSITION ===*/

#rt-bottom{
	.rt-container{}
}

/*=== FOOTER POSITION ===*/

#footer{
	.footer-container{}
}

	#rt-footer{
		.rt-container{
			padding: 20px 0 14px 0;
			&:before{
				border-top:1px solid #e5e5e5;
			}
			p.copyright{
				margin: 8px 0 8px;
				text-align: right;
			}
		}
	}

	#rt-copyright{
		.rt-container{}
	}

	#rt-debug{
		.rt-container{}
	}


div.smile{
	a{
		position: relative;
		.transition(0.2s,ease-out);
		&:hover{
			top:-3px;
		}
	}
}

/*
=================================================================================================================================
=================================================================================================================================
=================================================================================================================================
=================================================================================================================================
*/


/*=== Popup ===*/

#rt-popup{display: none;}


/*ToTop*/
/*Scroll to top*/

.rt-block.totop{
bottom: 20px;
position: fixed;
right: 20px;
display:none;
	}

a#gantry-totop{
	z-index:999;
	background:url(../images/scroll-to-top.png) top left no-repeat;
	display:block;
	width:40px;
	height:100px;
	text-indent:-9999em;
	font-size:1px;
	line-height:1px;
	}


/* Alert boxes
---------------------------------------- */
.alert-box{
    padding:20px 20px 20px 90px !important;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-size:inherit;
    line-height:inherit;
    border:1px solid #dbdbdb;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:15px;
    }

    .error-box{
        border-color:#ff9999;
        color:#c31b00;
        background:url(../images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
        }
    .attention-box{
        border-color:#e6c555;
        color:#9e660d;
        background:url(../images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
        }
    .notice-box {
        border-color:#68a2cf;
        color:#2e6093;
        background:url(../images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
        }
    .approved-box{
        border-color:#a3c159;
        color:#5e6f33;
        background:url(../images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
        }

/* Fluid Columns */

.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:2%; float:left; }
.last { margin-right:0 !important; clear:right; }

.clr, .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/* Tooltips */

#s-m-t-tooltip{
	position:absolute; 
	max-width:300px;  
	padding:4px 8px 4px 8px; 
	background:#222; 
	z-index:1000; 
	display:inline-block; /*important*/
	/*font*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px;
	color:#fff; 
	/*css3 rounded corners*/
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;
	opacity:0.5;
	filter:alpha(opacity=50);
}


.tip-wrap {
    background: none repeat scroll 0 0 #000;
    box-shadow: 2px 2px 2px #888888;
    padding: 7px;
	color:#fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	max-width:500px !important;
	width:auto !important;}

.tip-title{font-weight:bold;}
	
/*======= 404 page styling ============*/

div.img404{width:50%; float:left;}
div.img404 img{width:100%;}

div.text404{
	overflow: hidden;
	#mod-search-searchword{margin: 0 0.5em 0 0; width: 70%;}
}



/*======= Under Construction ============*/


h1.constrSiteName{margin-bottom:1em;}

.counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 40px 0; margin: 0 0 0 30px}
.counter_desc div{ width:104px; margin-left:18px; text-align:center; float:left;}
.counter_desc div:first-child{ margin-left:0; margin-right:23px;}

.cntSeparator {
    color: #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 50px;
    margin: 24px 0;}	

#frame {
	width:600px;
	margin: 150px auto 0;
	padding: 0px;
	text-align:center;
	background:#fff;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
	border-radius:15px;	}

#frame .frameInner{
	padding:50px 36px;
}

#frame form {text-align: left;}

#frame #form-login label{width:10em; display: block; float:left; line-height: 2em;}
#frame #form-login input.inputbox{height: 2em; line-height: 2em;}
