/*
	Times
*/

.time-table{
	margin-bottom:20px;
}
.locations{
	margin:20px auto;
}

.locations h2{
	margin-top:20px;
}


span.underline{
	text-decoration:underline;
}

h2.faq{ 
	margin-bottom:20px;
}
span.block-span{
	display:block;
	font-size:120%;
	margin-bottom:10px;
}

div.slogan{
	position:absolute;
	right:5px;
	top:55px;
}
div.intro-text{
	padding-right:160px;
	
	/*
	padding-right:175px;	
	background-image: url(../../img/marcus-intro.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: top right;
	background-position: 0% 0%
	*/
}

div.intro-photo{
	clear:left;
	margin-left:5px;
	position:absolute;
	right:-18px;
	top:-20px;
	z-index:-1;
}

p.trial{
	position:absolute;
	top:160px;
	right:55px;

}

.section{
	margin-bottom:50px;
}

.section p.content{
	padding-right:150px;
}

ul.promo li{
	background:transparent url(../img/bullet.gif) no-repeat scroll 3px 6px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0;
	padding:0 0 5px 20px;
	color:#333333;
}


ul.smart li{
	/*border:1px solid red;*/
	background:transparent url(../img/smart_green_tick.gif) no-repeat scroll 3px 6px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0;
	padding:0 0 5px 20px;
	color:#000;
}

/*
	anchors 
*/

a.last{
	background: transparent url(../img/icon/last.png) no-repeat scroll 0.2em 0.5em;
	padding:0.5em 1em 0.5em 2em;
	width:10em;
	text-decoration:none;

}
a.add, .add a{
	/*background:#EDF2F9 url(../img/smartIcons/add.gif) no-repeat scroll 0.2em 0.5em;*/
	background: transparent url(../img/icon/smart/add.gif) no-repeat scroll 0.2em 0.5em;
	padding:0.5em 1em 0.5em 2em;
	width:10em;
	text-decoration:none;
}
a.filterToggler{
	background: transparent url(../img/icon/smart/search.png) no-repeat scroll 0.2em 0.5em;
	padding:0.5em 1em 0.5em 2em;
	width:10em;
	color:#888888 !important;
}

a.update,.update a{	
	background: transparent url(../img/icon/smart/doc-edit.png) no-repeat scroll 0.2em 0.5em;
	padding:0.5em 1em 0.5em 2em;
	width:10em;
}

a.delete,.delete a{
	background: transparent url(../img/icon/smart/trash.png) no-repeat scroll 0.2em 0.5em;
	padding:0.5em 1em 0.5em 2em;
	width:10em;
}

*{
	margin:0;
	padding:0;
}

/* BODY */
body{
	line-height: 150%;
	font-family: Trebuchet MS,Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	text-align: left;
	color: #000;
}
* html body * {
	overflow:visible;
}
* html iframe, * html frame {
	overflow:auto;
}
* html frameset {
	overflow:hidden;
}
html {
	height: 100%;
}

/* 
	toggle
*/
.toggler{
	margin:1em;
}
.toggle{
	display:none;
	margin:0 5px;
}

/*
	
	PAGE  + SIZES 
	
	*/
	#page-wrap{
		position:relative;
		letter-spacing:normal;
	}
	#page{
	
	}
	.fluid{
		width:100%;
	}
	.large-page{
		width:1000px;
		margin:auto;
	}
	.medium-center{
		width:800px;
		margin:auto;
	}
	.small-center{
		width:800px;
		margin:auto;
	}
	.auto_margin{margin:auto;}
	.auto{ width:auto;}
	.small_fixed{width:770px;}
	.large_fixed{width:80em;}

/*
	INFO PANEL
	*/
	#info-wrap{
		/*
		background-color:#f0f0f0;
		*/
		height:30px;
		
	}
	#info-wrap div.info{
		position:relative;
	}#info-wrap div.info-notice{
		position:absolute;
		top:5px;
		max-width:200px;
	}	
	#info-wrap div.info-panel{
		position:absolute;
		right:0px;
		top:5px;
	}
	#info-wrap div.info-panel em{
		color:#ff6600;
	}
	#info-wrap div.info-panel p{
		margin:0;
		border-bottom:1px solid #CCCCCC;
		margin:5px auto;
	}
	#info-wrap div.info-panel p a{
		text-decoration:none;
	}
	#info-wrap div.info .logo-txt,
	#info-wrap div.info .logo-txt a{
		color:#f0f0f0;
		font-family:"Perpetua Titling MT";
		position:absolute;	
		font-size:34px;
		top:20px;
		display:block;
		text-decoration:none;
	}
	
/*
	HEADER
	*/
	#header-wrap{
		background:#fff none repeat scroll 0% 50%;
		margin:10px auto;
		padding:0pt;
		text-align:left;
	}
	#header-wrap a{text-decoration:none;	margin-left:-38px;}
	#header-wrap a:hover{}
	
	#header{}
	#header div.logo-panel {}
	#header div.logo{left:5px;position:absolute;top:5px;}

	
/*	
	panel
*/
	#header div.panel{
		padding:5px;
		position:absolute;
		right:0px;
		top:5px;
	}
	#header div.panel a{
		font-size:16px;
	}

/*	
	NAVIGATION MENU
	*/
	#menu-wrap{
		height:33px;
		line-height:33px;
		background-color:#999;
	}
	div.menu div{
		
	}
	div.menu ul.menu{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	div.menu ul.menu li{
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		line-height: 1.3; 
		text-decoration: none; 
		list-style: none;
		float: left;
		border: 1px solid #d3d3d3;
		border-right: none;
		border-bottom: none;
		border-top: none;
	}
	div.menu ul.menu li:last-child {
		font-weight: bold;
		border-right: 1px solid #d3d3d3;
	}

	div.menu ul.menu li span a{}
	div.menu ul.menu li a{
		display:block;
		width:5em;
		text-align:center;	
		font-weight:bold;
		height:32px;
		line-height:32px;
		outline-color:invert;
		outline-style:none;
		outline-width:0pt;
		padding:1px 11px 0pt;
		font-size: 1em;
	}
	div.menu ul.menu li a.selected{	
		background-color:#fff;
	}
	div.menu ul.menu li a:hover{
		background-color:#eeeeee;
	}
	div.menu ul.menu li.active,
	div.menu ul.menu li.enabled{	
		background-color:#fff;
	}
	div.menu ul.menu li ul{
		display:none;
	}
	div.menu ul.menu li:last-child {
		font-weight: bold;
		border-right: 1px solid #d3d3d3;
	}
	div.menu ul.menu li a.selected + ul.submenu{
		display:block;
	}
	div.menu ul.menu li a{}
	div.menu ul.menu li a:hover{}

/*
	Submenu
	*/
	div.menu ul.menu ul.submenu{
		/*border:1px solid red;*/
		left:0px;
		width:100%;
		margin:0pt;
		padding:0pt;
		position:absolute;
	}
	div.menu ul.menu ul.submenu li{
		border:none;
		display:inline;
		font-size:10px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt 10pt;
		width:auto;
	}
	div.menu ul.menu ul.submenu li a{
		color:#666666;
		font-size:10px;
		margin:0px;
		padding:0px;
		width:100%;
	}
	div.menu ul.menu ul.submenu li:hover{}
	div.menu ul.menu ul.submenu li a:hover{
		background:transparent none no-repeat scroll 0%;
	}
	div.menu ul.menu ul.submenu li.active a{}
	div.menu ul.menu li ul.submenu li span{
	
	}

/*
	MAIN
	*/
	#content-wrap{
	
	}
	#content-wrap #content{
		margin-bottom:10px;
		margin-top:40px;	
	}
	#left-colum{
		width: 72%;
		float:left;
		position:relative;
		/*border:1px solid red;*/
	}
	#left-colum div.content {
		/*padding:0px 5px 20px 0px;*/
		padding:0;
	}
	#right-colum{
		width: auto;
		margin: 0 0 0 73%;
		border-left:1px solid #EEEEEE;
		padding:10px;
		/*border:1px solid red;*/
	}
	#right-colum div.content {
		padding:0pt 5px;
	}
/*
	FOOTER
	*/
	#footer-wrap {
		
	}
	#footer {
		font-size:10px;
		border-top:1px solid #C0C0C0;
		margin-top:20px;
		padding-top:10px;
	}
	#footer div.legal{
		float:left;
		color:#666;
	}
	#footer div.legal a{
		color:#666;
		text-decoration:none;
	}
	#footer div.legal a:hover{ }
	#footer div.bottom_navigation{ float:right;}
	#footer ul.bottom_navigation{ float:right;}
	#footer ul.bottom_navigation a{ }
	#footer ul.bottom_navigation a:hover{ }
	#footer ul.bottom_navigation li{
		list-style:none;
		display:inline;
		font-size:11px;
		padding-left:10px;
		background:transparent none repeat scroll 0%;
	}

/* 
	COMMON ELEMENTS + GENERIC 
	*/
	.no-margin{
		margin:0px 0px 0px 0px;
	}
	.no-padding {
		padding:0px 0px 0px 0px;
	}

/*
	anchor link
	*/
	a:link, a:visited {
		color:#002D3C;
		outline-color:invert;
		outline-style:none;
		outline-width:medium;
		text-decoration:none;
	}
	a:hover,a:active{
		text-decoration:underline;
	}
	a:active {
		color: #FF0000;
	}
	a.hidden {
	  color: #000000;
	}
	a.hidden:visited {
	  color: #000000;
	}
	a.hidden:hover {
		color: #0000CC;
	}
	a.hidden:active {
	  color: #000000;
	}

	/* Miscellaneous oddities and fixes */
	fieldset, img, a img{
		border: none;
	}

	hr {
		background-color: #666;
		border-width: 0;
		height: 1px;
		text-align: left;
		width: 95%;
	}

	iframe {
		border-width: 0;
	}

	:focus {
		outline: 0;
	}

	/* Common classes */

	.hidden {
		display: none;
		visibility: hidden;
	}
	.visible {
		display: block;
		visibility: visible;
	}
	.invisible {
		visibility: hidden;
	}

/* 
	ul - ol - li
	*/
	/* list element margins and default styles */

	ul { list-style-type: disc; }
	ul ul { list-style-type: circle; }
	ul ul ul { list-style-type: square; }
	ul ul ul ul { list-style-type: disc; }

	ol{ list-style-type: decimal; }
	ol ol{ list-style-type: upper-alpha; }
	ol ol ol{ list-style-type: lower-roman; }
	ol ol ol ol{ list-style-type: decimal; }
	ul li{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding:0pt 0pt 0pt 15px;
	}
	ol li{
		
	}


/* 
	HEADING 
	*/
	h1,h2,h3,h4,h5,h6{
		font-weight:bold;
		margin: 0 0 0.25em 0;
	}
	h1{}
	h2{}
	h3{}
	h4{}
	h5{}
	h6{}

	h1.smart-header,h2.smart-header,
	h3.smart-header,h4.smart_header,
	h5.smart-header,h6.smart-header{
		padding: 0px 10px 10px;
		margin-top: 0px;
	}

/* 
	paragraph
	*/
	p {
		line-height: 1.5em;
		margin: 0 0 10px 0;
		color:#888;
	}
/*
	LOADING
	*/
	.loading {
		background:transparent url(../img/loading-wait.gif) no-repeat top center;	
		padding:50px;
	}

/* 	
	POSITION  
	*/
	.align-l{
		text-align:left;
	}.align-r{
		text-align:right;
	}.align-c{
		text-align:center;
	}.absolute{
		position:absolute;
	}.relative{
		position:relative;
	}.position-a{
		position:absolute;
	}.position-r{
		position:relative;
	}.position-f{
		position:fixed;
	}.position-s{
		position:static;
	}
/*
	absolute   right - left - top 
	*/
	.ab-t-r{
		position:absolute;
		top:5px;
		right:5px;		
	}
/* 
	FLOATS 
	*/
	.float-l{
		float:left;
	}
	.float-r{
		float:right;
	}
	.float-n{
		float:none;
	}

/* 
	CLEAR FLOATS 
	
	*/
	.clear-l{
		clear:left;
	}
	.clear-r{
		clear:right;
	}
	.clear-b{
		clear:both;
		display: block;
	}
	.clear-b:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	html[xmlns] .clear-b {
		display:block;
	}

/*  
	OVERFLOWS 
	*/
	.overflow-a{
		overflow:auto;		
	}
	.overflow-v{
		overflow:visible;
	}
	.overflow-h{
		overflow:hidden;
	}


/* 
	NOTICE + ERRORS	
	*/
	#authMessage,#flashMessage{
		border:3px solid #ff9b00;
		background-color:#ffcc80;
		padding:20px;
		font-weight:bold;
		text-align:center;
	}  
	div.flashMessageSuccess {
		border:3px solid #bedf5d !important;
		background-color:#e2f1a8 !important;
	}  
	div.flashMessageError  {
		border:3px solid #990000 !important;
		background-color:#f97d88 !important;
	} 
	.page-error{
		margin:10px 0px;
		background-color:#EE3322;
		border:3px solid #990000;
		color:#FFFFFF;
		font-family:Courier,monospace;
		font-size:120%;
		line-height:140%;
		padding:0.8em;
		width:auto;
		clear:both;
	}
	div.message {
		clear: both;
		color: #900;
		font-size: 140%;
		font-weight: bold;
		margin: 1em 0;
		padding:10px;
		text-align:center;
	}
	div.error-message {
		clear: both;
		color: #900;
		font-weight: bold;
	}
	div.page_error {
		background-color:#EE3322;
		border:3px solid #990000;
		color:#FFFFFF;
		font-family:Courier,monospace;
		font-size:120%;
		line-height:140%;
		padding:0.8em;
		position:absolute;
		top:50px;
		width:96%;
	}
	p.error {
		background-color: #e32;
		color: #fff;
		font-family: Courier, monospace;
		font-size: 120%;
		line-height: 140%;
		padding: 0.8em;
		margin: 1em 0;
	}
	p.error em {
		color: #000;
		font-weight: normal;
		line-height: 140%;
	}
	.notice {
		background: #ffcc00;
		color: #000;
		display: block;
		font-family: Courier, monospace;
		font-size: 120%;
		line-height: 140%;
		padding: 0.8em;
		margin: 1em 0;
	}
	.success {
		background: green;
		color: #fff;
	}
	

/*
	Ad SPACE
	*/
	div.ad-space{
	
	}
	p.ad-space{
		border-bottom:1px solid #CCCCCC;
		margin:10px 5px;
		padding-bottom:5px;	
	}
	

/*
	----------------------------------------
	FORM
	---------------------------------------
	
	file: form.css
*/

form{ 
	margin: 1em 0;
	padding: 0;
}

fieldset {
	border:1px solid #EEEEEE;
	padding:10px;
	margin-right:5px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
	margin-top:-10px;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	margin: 0 20px;
}
form  p {
	margin-left:6px;
}
form  div p {
	margin-left:0px;
}
form  p.plain{
	margin-left:0px;
}

form div {
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

form div div{
	padding-left: 0;
	margin:0px;
}

label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}

form fieldset div.checkbox label{
	display:inline;	
}


form div.input {
	color: #444;

}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	position:relative;
	margin-top: 10px;
	text-align:right;
}

input.small{
	width: 280px;
}
input.fluid{
	width: 100%;
}
select.fluid{
	width: 100%;
}

textarea.fluid{
	width: 100%;
}
textarea.small{
	height: 60px;
}
input.inline{
	display: inline;
}
input {
	display:block;
	font-size:140%;
	padding:2px;
	width:97%;
}

input.url{
	width:140px;
}

textarea {
	display: block;
	font-size: 140%;
	padding: 4px;
	width:97%;	
}

div.textarea div {
	padding:0px;
}
select {
	padding:3px;
	font-size: 120%;
	vertical-align: normal;
}

input.url{
	display:inline;
}
select.url_select{
	display:inline;
	margin-bottom:5px;
}

select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0px 3px;
}
input[type=checkbox] {
	display:inline;
	margin:0px 5px 5px 0px;
	width: auto;
}
input[type=checkbox] {
	display:inline;
	margin:0px 5px 5px 0px;
	width: auto;
}
div.radio label,div.checkbox label{
	display:inline;
	
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
	vertical-align: bottom;
}

input[type="image"]{
	display:inline;
	margin:0px;
	vertical-align:middle;
	width:auto !important;
}
input[type=submit].lineup {
	position:absolute;
	top:10px;
	right:0px;	
	display: inline;
	font-size: 110%;
	padding: 10px;
	width: auto;
	vertical-align: bottom;
}

input.smart_submit{
	padding:10px;
}

#get_username{
}
#get_username .success{
	color:#339933;
}
#get_username .error{
	color:#CC0000;
}
ul.smart_signup{
	margin:5pt;
	padding:0px;
}

ul.smart_signup li{
	padding:10px 0pt;	
}

ul.smart_signup li div{
	padding:0px;	
}

input.captcha{
	width:200px !important;
	display:inline !important;
}
img.captcha{
	vertical-align:bottom;
	margin-left:10px;
}

/* Tables */
table, .paging{
	margin-bottom: 20px;
}

table.properties{
	float: left;
}

table.datatable{
	display: block;
}

div.primary-actions{
	float: left;
	margin-left: 20px;
}
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	color: #333;
	margin-bottom: 10px;
	width:100%;
}

th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}

table tr td {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	font-size:10px;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}

.devider{
	padding:10px;
	margin:20px auto;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/*  Actions  */
p.actions{
	text-align:right;
}
div.actions ul {
	margin: 20px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}


/*
	GROUPED
	
	// usage
	
	<div class="grouped">
		<div class="float-l">
		
		</div>
		
		<div class="float-l">
		
		</div>
		
	</div>
	
	*/
	
	div.grouped{
		padding:1px;				
	}
	
	div.grouped div{
		padding:5px;
		width:48%;
		border:1px solid red;
	}