.drawerTrigger {
}
.drawerTrigger a {
	text-decoration:inherit;
	color:inherit;
}
.drawerTrigger .lever {
	position:absolute;
	width:12px;
	margin:2px 5px 0;
}
.drawerTrigger .lever.open {
	opacity:0;
	filter:alpha(opacity=0);
}

.drawer {
	display:none;
}
html {
	width:100%;
}
body {
	width:100%;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:13px;
}

.hoverFade:hover {
	opacity:.75;
	filter:alpha(opacity=75);
}
.ajax {
	opacity:.4;
	filter:alpha(opacity=40);
	cursor:wait !important;
}
.ajax input, .ajax div, .ajax span, .ajax * {
	cursor:wait !important;
}
.error {
	color:#f50;
	font-size:10px;
	cursor:pointer;
}

#main {
	width:1200px;
	margin:0 auto;
	border-collapse:collapse;
	table-layout:fixed;
}
#main td {
	vertical-align:top;
	padding:10px;
}
#main td#leftContent {
	width:750px;
}
#main td#rightContent {
	width:450px;
	border-left:1px solid #ccc;
}
#main td#mainContent {
	width:100%;
}

.nlayout_top {

}

.nlayout_center {
    border-top: 1px solid #CCCCCC;
    margin-top: 20px;
    padding-top: 3px;
}

.nlayout_service {
	display: inline-block;
	border-right: 1px solid #CCCCCC;
}

h1, h2, h3, h4, h5 {
	margin:5px 0 0;
	padding:2px 0;
}
h1 {
	text-align:center;
	font-size:70px;
	color:#cc9;
	letter-spacing:-3px;
}

th {
	text-align:right;
	width:50%;
}
td {
	text-align:left;
}

.small {
	color:#666;
	font-size:10px;
}

input, textarea, select {
	box-shadow:inset 0 0 10px #eee;
}
input, textarea {
	width:200px;
	margin:0;
	padding:4px 6px;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fafafa;
	color:#666;
}
input:disabled, input.disabled, textarea:disabled, textarea.disabled {
	border-color:transparent;
	background-color:transparent;
	color:inherit;
	cursor:inherit;
	box-shadow:none;
}
select {
	width:100px;
	padding:4px 6px;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fafafa;
	color:#666;
}
select option.placeholder select option:selected {
	color:#aaa;
}
select:disabled, select.disabled {
	border-color:transparent;
	background-color:transparent;
	color:inherit;
	cursor:inherit;
}
button, input[type=submit] {
	width:auto;
	color:#aaa;
	padding:6px 20px;
	font-weight:bold;
}
input[type=radio], input[type=checkbox] {
	width:auto;
}

ul {
	margin:0;
	padding:0;
}
li {
	margin:0;
	padding:0;
	list-style:none;
}

.hidden {
	display:none;
}
.hide {
	display:block;
	position:absolute;
	height:0;
	width:0;
	border:0;
	overflow:hidden;
}

.tooltipDisplay {
	position:absolute;
	padding:5px 10px;
	font-size:11px;
	color:#444;
	background:#fff;
	border:1px solid #aaa;
	border-radius:5px;
	box-shadow:0 0 8px #ccc;
}

/**********************************************/
/****************** Overlay *******************/
/**********************************************/

.j-overlay {
	/* overlay is hidden before loading */
	display:none;
	
	/* standard decorations */
	width:400px;
	border:10px solid #666;
	
	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);
	
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index: 99999;
}

.j-overlay div.ct {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

.j-overlay h2 {
    background-color: #444444;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-size: 20px;
    margin: -11px -11px 0;
    padding: 5px 10px;
}

.j-overlay .close {
    background: url("/request/image/overlay-close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -30px;
    top: -20px;
    width: 35px;
}

.j-overlay .ft {
	text-align: right;
}

#msgNotice {
    display: none;
    float: left;
    font-size: 30px;
    height: auto;
    line-height: 1.2;
    margin-left: 30%;
    opacity: 0.8;
    padding: 8px 15px 12px;
    position: fixed;
    text-align: center;
    top: 40%;
    width: 40%;
    z-index: 10001;
}
.red-message {
    background: none repeat scroll 0 0 #FFB1A5;
    border: 1px solid #505050;
    color: #FFFFFF;
    height: 100px;
}
.red-message p {
    color: #FFFFFF;
    text-align: center;
}
.blue-message {
    background: none repeat scroll 0 0 #00BB66;
    border: 1px solid #505050;
    color: #FFFFFF;
    font-weight: bold;
}
.blue-message p {
    color: #FFFFFF;
    text-align: center;
}

.gray-btn {	
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(top, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 1;
	padding: 6px 16px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
}

.gray-btn.small {
	padding: 4.5px 10px;
}

.gray-btn:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; 
}

.gray-btn:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; 
}

#login-trendrr {
	width: 268px;
}

#login-trendrr span {
    display: block;
    margin-bottom: 8px;
    margin-left: 13px;
}

.titleTrendrrProject {

}

.pagination {
	clear: both;
	padding: 0;
	margin-bottom:5px;
}
.pagination li {
	display:inline;
}
.pagination a {
	border: 1px solid #D5D5D5;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	margin:2px;
}
.pagination a:hover, .pagination a:active {
	background:#efefef;
}
.pagination span.current {
	background-color: #687282;
	border: 1px solid #D5D5D5;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	margin:2px;
}
.pagination span.disabled {
	border: 1px solid #EEEEEE;
	color: #DDDDDD;
	margin: 2px;
	padding: 2px 5px;
}
table  {
	border-collapse: collapse;
}

table.normal th,
table.normal td {
	padding: 3px;
	border: 1px #CCC solid;
}
/* -- login -- */
#loginPrompt {
	width:360px;
	color:#666;
	margin:20px;
}
	#loginPrompt th {
		width:100px;
	}


/* -- signup -- */
#signupPrompt {
	width:360px;
	color:#666;
	margin:20px;
}
	#signupPrompt th {
		width:100px;
	}

/* -- promo info -- */
#promoInfo {
}
	#promoInfo div {
		margin:50px 0;
		padding:0 100px;
	}
		#promoInfo div a {
			text-decoration:none;
		}
		#promoInfo div img {
			display:inline-block;
			width:64px;
			margin:0 10px;
			vertical-align:middle;
			border-radius:10px;
			border:0;
		}
		#promoInfo div p {
			display:inline-block;
			width:440px;
			margin:0;
			padding:5px 0 0;
			vertical-align:middle;
			color:#ccc;
			font-size:36px;
			letter-spacing:-2px;
			font-weight:bold;
			line-height:26px;
		}
			#promoInfo div p small {
				display:block;
				padding:0 10px;
				color:#cc9;
				font-size:20px;
				letter-spacing:-1px;
			}
#header {
	border-bottom:1px solid #ccc;
}

	#header #header_inner {
		width:1200px;
		margin:0 auto;
		font-size:11px;
		height:64px;
	}
		#header #header_inner .htmlLogo:first-child {
			float:left;
		}
		#header #header_inner .htmlLogo:nth-child(2) {
			float:right;
		}

/* admin header overrides */
#header.admin #header_inner {
	width:1180px;
	padding:5px 0 8px;
	font-size:1em;
	height:auto;
}

/* menu */
#header_menu {
	background:#999;
}
#header_menu_inner {
	width:1200px;
	margin:0 auto;
}
	/* menu list */
#header_menu ul {
	width:1100px;
}

	/* menu links */
#header_menu ul li a {
	color:inherit;
	text-decoration:none;
}
#header_menu ul li:hover a {
	color:#00e;
	text-decoration:underline;
}

	/* menu boxes */
#header_menu ul li {
	padding:5px 10px;
	margin:0;
	display:inline-block;
	border-left:1px solid #fff;
	color:#fff;
}
#header_menu ul li.right {
	float:right;
}
#header_menu ul li.final {
	border-right:1px solid #fff;
}
#header_menu ul li:hover {
	background:#fff;
	color:#777;
}

/* -- header logos -- */
#header #header_logo {
	width:250px;
	padding:0 20px;
	float:left;
}
	#header .logo {
		width:120px;
		height:60px;
		float:left;
		border:1px solid transparent;
		text-align:center;
	}
	#header .logo_controls {
		position:absolute;
		display:none;
		padding:1px 2px;
		font-size:10px;
		background:#444;
		background:rgba(0, 0, 0, .5);
		text-align:left;
	}
	#header .logo_controls a {
		color:#fff;
		text-decoration:none;
	}

/* -- header byline -- */
#header #header_byline {
	color:#666;
	float:right;
	margin:6px 100px 0 0;
}

/* -- project title -- */
#header_projectTitle, #header_accountTitle {
	width:340px;
	padding:5px 0;
	float:left;
}
#projectTitle_text, #accountTitle_text {
	display:inline-block;
	position:absolute;
	margin:0;
	padding:7px 2px;
	height:40px;
	width:300px;
	font-size:24px;
	color:#000;
	z-index:1;
	font-family:arial;
}
#projectTitle_controls, #accountTitle_controls {
	position:relative;
	top:42px;
}
#projectTitle_input, #accountTitle_input {
	display:inline-block;
	position:absolute;
	margin:0;
	padding:0;
	height:40px;
	width:300px;
	font-size:24px;
	color:#000;
	z-index:2;
}

/* share */
#share_link img {
	vertical-align:bottom;
	width:16px;
}
#footer {
	width:100%;
	color:#444;
	border-top:1px solid #ccc;
}
#footer_inner {
	width:1200px;
	margin:10px auto;
	text-align:center;
	font-size:11px;
}
/* -- html5 logo -- */
.htmlLogo {
	margin:0 auto;
	width:200px;
	height:100px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-size:30px;
	letter-spacing:-2px;
}
	.htmlLogo span {
		font-weight:lighter;
	}
	.htmlLogo .background {
		width:80px;
		height:80px;
		margin:10px 60px;
		border-radius:100px;
		background:#00a84f;
	}
	.htmlLogo .foreground {
		width:188px;
		height:56px;
		border-radius:22px;
		background:#00a84f;
		position:relative;
		top:12px;
		left:-54px;
	}
		.htmlLogo .foreground:before {
			content:"";
			display:block;
			float:left;
			height:10px;
			width:10px;
			margin:22px 0 0 -7px;
			border-top-left-radius:5px;
			border-bottom-left-radius:5px;
			background:#00a84f;
		}
		.htmlLogo .foreground:after {
			content:"";
			display:block;
			float:right;
			height:10px;
			width:10px;
			margin:-16px -7px 0 0;
			border-top-right-radius:5px;
			border-bottom-right-radius:5px;
			background:#00a84f;
		}
	.htmlLogo .inner {
		width:172px;
		height:34px;
		border:2px solid #ffd90e;
		background:#c9272b;
		border-radius:18px;
		position:relative;
		top:8px;
		left:6px;
	}