/*
	This is FRONTEND CONTENT ONLY.
	Zero layout is allowed here.
	
	This file is also used by the Admin Editor, to visually
	copy editor content to what it would look like on the main website.
	
	do not use body {} tag and be mindful of padding/floats.
	*/
	
	ul.thin {
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	img.avatar {
		max-width: 80px;
		max-height: 80px;
	}
	
	/*
	######################
	Table Fancy
	######################
	*/
	
	table.fancy {
		border: 1px solid #bbb;
		margin: 10px 0;
	}
	
	table.fancy th {
		background-color: #8c8c8c;
		color: #f1f1f1;
		padding: 10px;
		font-weight: normal;
		text-align: left;
		border: 1px solid #8c8c8c;
		border-bottom: 1px solid #3babf2;
		
	}
	
	table.fancy td {
		padding: 5px;
		border: 1px solid #bbb;
	}
	
	table.fancy tr.odd {
		background-color: #e3eef9;
	}
	
	table.fancy tr:hover {
		background-color: #faf4ae;
	}
	

	table.sortable thead tr .header {
		background-image: url(../images/icons/ts_bg.gif);
		background-repeat: no-repeat;
		background-position: right center;
		cursor: pointer;
		padding-right: 24px;
	}
	
	table.sortable thead tr .header:hover {
		background-color: #707070;
	}
	
	table.sortable thead tr .headerSortUp {
		background-image: url(../images/icons/ts_asc.gif);
		background-color: #5f5f5f;
	}
	table.sortable thead tr .headerSortDown {
		background-image: url(../images/icons/ts_desc.gif);
		background-color: #5f5f5f;
	}
	
	/*
	######################
	Form Fancy
	######################
	*/
	
	
	form.fancy fieldset {
	  margin: 10px 0;
	}
	form.fancy.sml fieldset {
		margin: 2px 0;
	}
	form.fancy legend {
	  padding: 0 2px;
	  font-weight: normal;
	 font-size: 16px;
	 font-family: 'Trebuchet MS';
	}
	form.fancy div.block {
		float: left;
	}
	form.fancy label {
	  display: inline-block;
	  line-height: 1.8;
	  vertical-align: top;
	  float: left;
	}
	form.fancy fieldset ol {
	  margin: 0;
	  padding: 0;
	  clear: both;
	}
	form.fancy fieldset li {
	  list-style: none;
	  padding: 5px;
	  margin: 0;
	  clear: both;
	}
	
	form.fancy fieldset fieldset {
	  border: none;
	  margin: 3px 0 0;
	}
	form.fancy fieldset fieldset legend {
	  padding: 0 0 5px;
	  font-weight: normal;
	}
	
	form.fancy fieldset fieldset label {
	  display: block;
	  width: auto;
	  float: none;
	}
	form.fancy label.plain {
		float: none;
		width: auto;
	}
	
	form.fancy em {
	  font-weight: bold;
	  font-style: normal;
	  color: #f54480;
	}
	form.fancy label {
	  width: 190px; /* Width of labels */
	}
	form.fancy.sml label {
	  width: 100px;
	}
	form.fancy fieldset fieldset label {
	  margin-left: 123px; /* Width plus 3 (html space) */
	}
	
	form.fancy {
		
		color: #333;
		margin: 10px 0;
		display: inline;
	}
	
	form.fancy input.datepicker {
		background-image: url(../images/icons/date_input.png);
		background-repeat: no-repeat;
		background-position: center right;
	}
	
	form.fancy input.auto {
		background-image: url(../images/icons/application_view_list_input.png);
		background-repeat: no-repeat;
		background-position: center right;
	}
	
	form.fancy input.ac_loading {
		background-image: url(../images/icons/loading.gif);
	}
	
	form.fancy input.color {
		background-image: url(../images/icons/color_wheel_input.png);
		background-repeat: no-repeat;
		background-position: center right;
	}
	
	form.fancy input {
		border: 1px solid #889ca6;
		background-color: #ffffff;
		padding: 2px;
	}
	
	form.fancy input[type=submit]
	{
		background-color: #c1fea6;
		color: #2c6d10;
		padding: 1px 5px;
		border: 1px solid #3e911a;
		
		-moz-border-radius:5px;

		-webkit-border-radius: 5px;
	}
	
	form.fancy input[type=submit]:hover {
		background-color: #d7f7c9;
	}
	
	form.fancy input[type=button],
	form.fancy input[type=reset]
	{
		background-color: #fff;
		color: #333;
		padding: 1px 5px;
		border: 1px solid #bbb;
		
		-moz-border-radius:5px;

		-webkit-border-radius: 5px;
	}
	
	form.fancy input[type=button]:hover,
	form.fancy input[type=reset]:hover
	{
		background-color: #f1f1f1;
	}
	
	form.fancy legend { padding-left: 0; }
	
	form.fancy legend { color: #565656; }
	form.fancy label { color: #333; }
	
	form.fancy fieldset {
		border: none;
		border: 1px solid #c9f0f8;
	}
	
	form.fancy fieldset fieldset { background: none; }
	
	
	form.fancy fieldset li {
		
		padding: 5px 10px 7px;
		border-bottom: 1px solid #e3eef9;
	}
	
	form.fancy fieldset li:last-child {
		border-bottom: none;
	}
	
	/*
	######################
	UL Tree
	######################
	*/
	
	ul.tree,
	ul.tree ul { 
		list-style-type: none; 
		background: url(../images/misc/vline.png) repeat-y; 
		margin: 0; 
		padding: 0; 
	} 
	
	ul.tree ul { 
		margin-left: 10px; 
	} 
	
	ul.tree li { 
		margin: 0; 
		padding: 0 0 0 12px; 
		line-height: 16px; 
		background: url(../images/misc/node.png) no-repeat; 
	} 
	ul.tree li:last-child { 
		background: #fff url(../images/misc/lastnode.png) no-repeat; 
	}

	/*
	######################
	Notices
	######################
	*/

	div.debug,
	div.error,
	div.warning,
	div.info,
	div.note
	{
		margin: 8px 0;
		padding: 9px;
		font-size: 11px;
		background-position: 8px 8px;
		padding-left: 32px;
		background-repeat: no-repeat;
		
		-moz-border-radius:5px;

		-webkit-border-radius: 5px;
	}
	
	div.debug p,
	div.error p,
	div.warning p,
	div.info p,
	div.note p {
		margin: 0 0 10px 0;
	}
	
	span.error {
		color: #f72b73;
		background-image:url(../images/icons/error.png);
		padding-left: 20px;
		background-repeat: no-repeat;
		margin-left: 10px;
		display: inline-block;
		min-height: 16px;
	}
	
	span.warning {
		color: #f7902b;
		background-image:url(../images/icons/bell.png);
		padding-left: 20px;
		background-repeat: no-repeat;
		margin-left: 10px;
		display: inline-block;
		min-height: 16px;
	}
	
	span.info {
		color: #4697bd;
		background-image:url(../images/icons/information.png);
		padding-left: 20px;
		background-repeat: no-repeat;
		margin-left: 10px;
		display: inline-block;
		min-height: 16px;
	}
	
	div.debug
	{
		background-color: #d4f8aa;
		background-image:url(../images/icons/bug.png);
	}
	
	div.error
	{
		background-color: #f8c9d9;
		background-image:url(../images/icons/error.png);
	}
	
	div.warning
	{
		background-color: #f8e0c9;
		background-image:url(../images/icons/bell.png);
	}
	
	div.info {
		background-color: #c9f0f8;
		background-image:url(../images/icons/information.png);
	}
	
	div.note {
		background-color: #faf4ae;
		background-image:url(../images/icons/note.png);
	}
	
	span.note
	{
		color: #677d90;
	}