@charset "UTF-8";
/* licuit.com */
/* main.css */
/* Created Jun, 2012 */
/* Modified Jun, 2012
--------------------------------------- */

html{
	min-height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	height:100%;
}

body{
	position:relative;
	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	
	color:#333;
	font-size:12px;
	line-height:1.3em;
	background-color:#5AABC4;
}

body[data-platform="tablet"] #downloadLayer{
	display:none !important;
}

.fullScreenBtn{
	position:absolute;
	top:10px;
	right:10px;
	background-color:#333;
	padding:4px 7px 4px 7px;
	color:#EEE;
	font-size:10px;
	font-weight:bold;
	z-index:10;
	font-family:Arial, sans-serif;
	border-radius:5px;
	cursor:pointer;
}

.fullScreenBtn:hover{
	background-color:#444;
}

#mainHolder{
	position:absolute;
    top:31px;
    left:0px;    
    right:0px;
	bottom:0px;
	min-height:736px;
	overflow:hidden;
}

body[data-platform="tablet"] #mainHolder{
	min-height:562px;	
}

#mainHolder.noDock{
	top:0px;
	min-height:768px;		
}

body[data-platform="tablet"] #mainHolder.noDock{
	min-height:530px;	
}

#topArea{
	position:relative;
	height:67%;
	background-color:#5aabc4;	
}

body[data-platform="tablet"] #topArea{
	position:absolute;
	top:0;
	left:0;
	right:0px;
	bottom:80px;
	height:auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

	#topArea > .bg{
		position:absolute;
		z-index:0;
		width:100%;
		height:100%;
	}
	
	#topArea > .content{
		position:absolute;
		width:1020px;
		height:485px;
		margin-left:-510px;
		padding-top:15px;
		z-index:1;
		bottom:0px;
		left:50%;
	}
	
	body[data-platform="tablet"] #topArea .content{
		top:50%;
		bottom:auto;
		margin-top:-225px;
	}
	
	#mainHolder.noDock #topArea > .content{
		height:505px;	
	}
	
	body[data-platform="tablet"] #mainHolder.noDock #topArea > .content{
		margin-top:-225px;
	}
		
		#topArea > .content .logo{
			position:absolute;
			top:15px;
			left:22px;
		}
		
		#topArea > .content .topMenu{
			list-style:none;
			width:100%;
			text-align:right;
			font-size:14px;
		}
		
		body[data-platform="tablet"] #topArea > .content .topMenu{
			padding-right:10px;
			-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		}
		
			#topArea > .content .topMenu li{
				list-style:none;
				display:inline-block;
				margin-left:1px;
			}
			
			#topArea > .content .topMenu li:last-child{
				margin-right:22px;	
			}
			
			#topArea > .content .topMenu li.spacer{
				background-image:url("/resources/images/common/topmenu-divider.png");
				background-repeat:no-repeat;
				background-position:0px 5px;
				padding-left:16px;
				margin-left:11px;	
			}
			
			#topArea > .content .topMenu li.help.spacer{
				background-position:0px 6px;
			}
			
				#topArea > .content .topMenu li a{
					color:#FFF;
					padding:1px 4px 3px 4px;
					display:block;
				}
				
				#topArea > .content .topMenu li a:hover{
					color:#ffd800;
				}
				
				#topArea > .content .topMenu li a.active{
					background-color:#54a0b8;
					border-radius:2px;					
				}
				
				#topArea > .content .topMenu li a.help{
					background-image:url("/resources/images/common/topmenu-help.png");
					background-position:0px 2px;
					background-repeat:no-repeat;
					padding-left:20px;
					padding-top:5px;
					margin-top:-3px;
				}
				
				#topArea > .content .topMenu li a.help:hover{
					background-position:0px -20px;
				}
				
				#topArea > .content .topMenu li.profile{
					margin-right:0px;
					display:block;
					margin-top:5px;					
				}
				
					#topArea > .content .topMenu li.profile span{
						color:#F4D732;
						text-transform:uppercase;
						display:inline-block;					
					}
					
					body[data-platform="tablet"] #topArea > .content .topMenu li.profile span{
						margin-right:20px;
						vertical-align:-1px;
					}
					
					#topArea > .content .topMenu li.profile a{
						color:#2b6676;
						text-transform:lowercase;
						display:inline-block;
						font-size:12px;
					}
					
					#topArea > .content .topMenu li.profile a:hover{
						color:#ffd800;
					}
						
						#topArea > .content .topMenu li.profile a.edit{
							background-image:url("/resources/images/common/topmenu-edit.png");
							background-position:-2px 3px;
							background-repeat:no-repeat;
							padding-left:22px;
							margin-right:10px;
							margin-left:3px;
							margin-left:15px;
						}
						
						#topArea > .content .topMenu li.profile a.edit:hover{
							background-position:-2px -22px;
						}
						
						#topArea > .content .topMenu li.profile a.close{
							background-image:url("/resources/images/common/topmenu-close.png");
							background-position:-2px 3px;
							background-repeat:no-repeat;
							padding-left:24px;
							margin-right:-4px;
						}
						
						#topArea > .content .topMenu li.profile a.close:hover{
							background-position:-2px -22px;
						}
				
		#topArea > .content #pageElements{
			margin-top:50px;
		}

#bottomArea{
	position:relative;
	height:33%;
	background-color:#fdfdfd;
}

body[data-platform="tablet"] #bottomArea{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:80px;
}

	#bottomArea > .content{
		border-top:#eeeeee solid 5px;
	}
	
		#bottomArea > .content .slider{
			position:relative;
			width:973px;
			margin-left:auto;
			margin-right:auto;
			overflow:hidden;
		}
		
			#bottomArea > .content .slider .nav{
				width:79px;
				height:79px;
				
				float:left;
				margin-top:90px;
				cursor:pointer;
				-webkit-transition: background-position .5s ease-in-out;                
                -moz-transition: background-position .5s ease-in-out;                
                -o-transition: background-position .5s ease-in-out;                
                transition: background-position .5s ease-in-out;
			}
			
				#bottomArea > .content .slider .nav.left{
					background-position:0px 0px;
					background-image:url("/resources/images/featured-slider/nav-left.png");	
				}
				
				#bottomArea > .content .slider .nav.left:hover{
					background-position:-79px 0px;
				}
				
				#bottomArea > .content .slider .nav.right{
					background-position:-79px 0px;
					background-image:url("/resources/images/featured-slider/nav-right.png");	
				}
				
				#bottomArea > .content .slider .nav.right:hover{
					background-position:0px 0px;
				}
		
			#bottomArea > .content .slider .slides{
				list-style:none;
				float:left;				
				border-top:#eeeeee solid 5px;
				
				margin-left:96px;
			}
			
			#bottomArea > .content .slider .rs-wrap{
				float:left;
				margin-left:17px;
				margin-right:17px;
				background-color:#FFF;
			}
			
			#bottomArea > .content .slider .rs-wrap .rs-slide-bg:hover{
				opacity:0.8;
			}
			
				#bottomArea > .content .slider .slides li{
					width:780px;
					height:220px;
					overflow:hidden;
				}
				
		#bottomArea > .content .slidesTitle{
			position:relative;
			width:973px;
			margin-top:-74px;
			margin-left:auto;
			margin-right:auto;
			text-align:right;
		}
		
			#bottomArea > .content .slidesTitle p{
				margin-right:97px;
				background-color:#ff4021;
				border-top:#ff5940 solid 3px;
				display:inline-block;
				color:#FFF;
				text-transform:uppercase;
				padding:4px 8px 4px 8px;
				font-size:12px;
			}
			
		#bottomArea > .content .footer{
			list-style:none;
			width:100%;
			text-align:center;
			font-size:14px;
			margin-top:28px;
		}
		
			#bottomArea > .content .footer li{
				list-style:none;
				display:inline-block;
				margin-left:1px;
				text-transform:uppercase;
				color:#434343;
			}
			
			#bottomArea > .content .footer li.spacer{
				background-image:url("/resources/images/common/footer-divider.png");
				background-repeat:no-repeat;
				background-position:0px 3px;
				padding-left:16px;
				margin-left:11px;	
			}
			
				#bottomArea > .content .footer li a{
					color:#434343;
					display:block;
				}
				
				#bottomArea > .content .footer li a:hover{
					color:#ff4122;
				}
