/* Common Styles */

body{
	width: 100%;
	height: 100%;
	background: #EEE;
	font-family: Arial;
	overflow: hidden;
}

a.label {width: 230px; height: 55px; background: url(../images/label.png) top right; position: absolute; top: 50px; right: 0; cursor: pointer;}
a.label:hover {background: url(../images/label.png) bottom right;}

#body .top .page_title {height: 100px; background: url(../images/page_title.png) no-repeat bottom center;}
#body .top .logo {width: 330px; height: 80px; margin: 25px auto;}

#body .bottom {
	text-align: center;
	position: relative;
}

#body .bottom h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	letter-spacing: 1px;
	margin-top: 20px;
}

#body .bottom #defaultCountdown {
	width: 600px;
	height: 60px;
	margin: 20px auto;
	font-size: 1.5em;
	line-height: 60px;
	color: #999;
	background: url(../images/input.png) no-repeat center;
}

#footer 		{}
#footer.section	{width: 960px; margin: 25px auto 65px auto;}
#footer .fluid 	{border-top: 1px solid #FFF;}
#footer .fixed 	{border-top: 1px solid #CCC;}

#footer .copyright {}

#footer .quicklinks.navi {}
#footer .quicklinks.navi ul {float: right;}
#footer .quicklinks.navi ul li {float: left; margin: 0 5px;}
#footer .quicklinks.navi ul li a {display: block; padding: 10px 0 5px 0; color: #999;}
#footer .quicklinks.navi ul li a:hover {color: #666;}

/* ---------- Widget >> Styles ---------- */
.widget {
    margin: 30px 0 0 0;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.countdown.widget {height: 350px; margin: 125px auto 50px;}

.color-black 		{background: rgba(0,0,0,0.75);}
.color-black h3 {color:#FFF;}
.color-black .header {background: #333; border: 1px solid #555;}

/* twitter badge styling */
.badge {
	width: 108px;
	height: 76px;
	float: right;
	position: relative;
	background: url(../images/badge_follow-us.png) no-repeat left;
}

.badge:hover {
	background-position: right;
}

.tweetie {
	width: 50px;
	height: 35px;
	position: relative;
	float: right;
	right: -50px;
	top: -35px;
	background: url(../images/icon_twitter-bird.png) no-repeat bottom;
}

/* tooltip styling */
.tooltip {
	width: 260px;
	height: 60px;
    display: none;
	margin: 20px 0 0 0;
	padding: 10px 45px 10px 15px;
	background: url(../images/speechbubble.png) no-repeat;
	float: left;
} 

.tooltip span {
	height: 50px;
	color: #CCC;
	font-size: 0.8em;
	float: left;
}

.tooltip span a {
	color: #CCC;
	font-size: 1.0em!important;
	margin: 0;
	float: none;
	display: inline;
}

.tooltip a {display: block; float: right; margin: 5px 0 0 0; color: #999; font-size: 9px!important;}

/*  EXTENSIONS >> OVERLAY >> LOGIN
 *	----------------------------------------------------------------------------------------------------
 */

#signup.overlay {
    width: 600px;     
    height: 150px;
	padding: 50px 0;
    background: #333; 
    border: 1px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 90px 5px #000; 
    -webkit-box-shadow : 0 0 90px #000;     
    display: none; 
    z-index: 10000; 
}

#signup.overlay .left {width: 45%; padding: 0 2.5%;}
#signup.overlay .right {width: 45%; padding: 0 2.5%;}
 
/* close button positioned on upper right corner */ 
#signup.overlay .close {
    width: 30px;
    height: 30px;
    position: absolute; 
    right: -10px; 
    top: -10px; 
    cursor: pointer; 
    background: url(../images/close.png); 
}

#signup.overlay .info {width: 500px; margin: auto; color: #CCC; font-size: 1.0em; font-family: Aller, Gill Sans MT;}

#signup.overlay form {width: 500px; margin: 10px auto;}

#signup.overlay input {
	display: block;
	float: left;
	padding: 5px;
	margin: 10px 0;
	border: 1px solid #444;
	background: rgba(0,0,0,0.75);
	color: #999;
	font-size: 1.4em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#signup.overlay input:focus {color: #666;}

#signup.overlay input.field {width: 310px; margin: 11px 0; float: left;}
#signup.overlay input.button {float: right;}
#signup.overlay input.button:hover {background: rgba(245,245,245,0.75); border: 1px solid #999;}

/* Notification */
.notice-wrap {
	width: 50%;
	position: fixed;
	top: 25%;
	right: 25%;
	z-index: 9999;
}

.notice-item .inner {
	display: block;
	position: relative;
	background: rgba(0,0,0,0.75);
	margin: 0;
	padding: 15px 25px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.notice-item .inner p {color: #CCC; font-size: 1.2em; text-align: center;}
.notice-item .inner p.ok {color: #9F6; font-size:}
.notice-item .inner p.error {color: #C00; font-size:}

.notice-item-close {display: none;}