/**
 * 	Main CSS
 */
html,body{
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	
	height:100%;

	font-weight: normal;
	font-style: normal;
	line-height: 1;
	
	-webkit-font-smoothing: antialiased;

	background:url(images/background.png) repeat-x;
}

/* CONTAINERS */
#general{
	width: 100%;
	position:relative; /* needed for footer positioning*/
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	
	min-height:100%; /* real browsers */
}

#top{
	width:100%;
}

#top-menu{
	background: #0C1F48;
	font-size:12px;
	font-weight: bold;
}

#top-menu table{
	width: 100%;
}

#top-menu .left-menu ul{
	margin: 0;
	padding: 0;
}

#top-menu .left-menu ul li{
	list-style:none;
	float:left;
}

#top-menu .left-menu ul li a{
	display: block;
	padding: 1em;
	text-decoration: none;
	color:#fff;
}

#top-menu .right-menu ul{
	margin: 0;
	padding: 0;
}

#top-menu .right-menu ul li{
	list-style:none;
	float:right;
}

#top-menu .right-menu ul li a{
	display: block;
	padding: 1em;
	text-decoration: none;
	color:#fff;
}

#top-menu .right-menu ul li span{
	display: block;
	padding: 1em;
	text-decoration: none;
	color:#fff;
}

#top-menu .right-menu ul li a span{
	font-size: 10px;
	padding: .3em;
	
	color:#000;
	background: #fff;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#top-menu .left-menu ul:before, #top-menu .left-menu ul:after { content: ""; display: table; }
#top-menu .left-menu ul:after { clear: both; }
#top-menu .left-menu ul { zoom: 1; }

#main{
	width: 100%;
	padding-bottom:130px;
}

#main-content{
	margin: 0 auto;
	padding: 10px;
}

#main-content h1{
	color:#fff;
}

#footer{
	width: 100%;
	height: 120px;
	
	color: #fff;
	background:#0C1F48;
	
	position:absolute;
	bottom:0; /* stick to bottom */
}

#footer-content{
	margin: 0 auto;
	font-size: 12px;
	padding: 20px;
}

#footer-content a{
	text-decoration: none;
	color: #fff;
}

#footer-content a:hover{
	color: #8BD5F3;
}

#footer-content table.footer-grid{
	width:100%;
}

#footer-content table.footer-grid tr td{
	width:33%;
	vertical-align: top;
}

#footer-message{
}

#footer-message .author{
	font-style: italic;
}

#footer-copyright{
	float:right;
}

/* VALIDATION ERROR */
ul.token-input-list-facebook li input.validation-error{
	background:#FF5252;
	color:#fff;
}

.validation-error, input[readonly].validation-error, input[lucy='ui.date'].validation-error, input[lucy='ui.datetime'].validation-error{
	background:#FF5252;
	color:#fff;
}

#project-team table tr td.validation-error{
	background:#FF5252;
	color:#fff;
}

select.validation-error{
	border:none;
	padding:5px;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	
	box-shadow: 2px 2px 5px #2473B6;
	-webkit-box-shadow: 2px 2px 5px #2473B6;
	-moz-box-shadow: 2px 2px 5px #2473B6;
}

/* TITLES */
table.logo-section-title{
	margin: 10px 0px 10px 0px;
}

/* UTILITIES */
.logo{
	height:86px;
	width:123px;
	background: url(images/logo.png) no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.break-page{
	page-break-after: always;
}

/* Default loader*/
.loader.default{
	position: fixed;
	top: 10px;
	right: 10px;
	
	z-index: 1000;
}

.loader.default .loader-container{
	background: #fff;
	width: 100px;
	
	padding: 30px;
	margin: auto;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: 2px 2px 5px #2473B6;
	-webkit-box-shadow: 2px 2px 5px #2473B6;
	-moz-box-shadow: 2px 2px 5px #2473B6;
}

.loader.default .loader-image{
	text-align: center;
}

.loader.default .loader-text{
	margin-top: 1em;
	text-align: center;
}

/* Blocked loader */
.loader.blocked{
}

.loader.blocked .loader-container{
	background: #fff;
	width: 100px;
	
	padding: 30px;
	margin: auto;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.loader.blocked .loader-image{
}

.loader.blocked .loader-text{
	margin-top: 1em;
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.ui-widget{
	font-size:14px;
}

.cursor{
	cursor: pointer;
}

button.ui-datepicker-current{
    display: none;
}