@import url("../reset.css");
@import url("forms.css");
@import url("main.css");

/* headers */
div#content { }

	div#content h1 {
		color: #555242;
		font: 18px/20px "trebuchet ms", tahoma, arial, sans-serif;
		margin-bottom: 10px; }

	div#content h2 {
		color: #1c1c1c;
		font: 18px/20px arial, sans-serif;
		margin-bottom: 10px; }

		div#content h2 span {
			font-size: 11px;
			line-height: 20px; }

	div#content h3 {
		color: #0e7fc7;
		font: 14px/20px arial, sans-serif;
		margin-bottom: 10px; }


/* content */
div#content p {
	line-height: 18px;
	margin-bottom: 10px;
	text-align: justify; }

div#content ul.simple {
	padding-bottom: 10px; }

	div#content ul.simple li {
		padding: 0 0 5px 20px;
		line-height: 18px;
		list-style-type: none;
		background: url('../../images/elements/bullet.png') no-repeat 0 2px; }

		div#content ul.simple li:last-child {
			padding-bottom: 0; }

div#content pre {
	line-height: 18px;
	padding: 5px 9px;
	font-size: 12px;
	line-height: 16px;
	margin: 0px 8px 10px 8px;
	background: #F0F0F0;
	border: 1px solid #cccccc; }


/* icons */
.icon {
	display: block;
	height: 16px;
	width: 16px; }

	.icon-zoom {
		background: url('../../images/icons/zoom.png') no-repeat 0px 50%; }

		.icon-zoom-out {
			background: url('../../images/icons/zoom-out.png') no-repeat 0px 50%; }

	.icon-arrow-right {
		background: url('../../images/icons/arrow-right.png') no-repeat 0px 50%; }

	.icon-help {
		background: url('../../images/icons/help.png') no-repeat 0px 50%; }

	.icon-switch {
		background: url('../../images/icons/switch.png') no-repeat 0px 50%; }

	.icon-reorder {
		background: url('../../images/icons/reorder.png') no-repeat 0px 50%; }

	.icon-reorder-move {
		background: url('../../images/icons/reorder-move.png') no-repeat 0px 50%; }

	.icon-stats {
		background: url('../../images/icons/stats.png') no-repeat 0px 50%; }

	.icon-done {
		background: url('../../images/icons/done.png') no-repeat 0px 50%; }

	.icon-cancel {
		background: url('../../images/icons/cancel.png') no-repeat 0px 50%; }

	.icon-links-multi {
		background: url('../../images/icons/links-multi.png') no-repeat 0px 50%; }

	.icon-links-single {
		background: url('../../images/icons/links-single.png') no-repeat 0px 50%; }

	.icon-example {
		background: url('../../images/icons/example.png') no-repeat 0px 50%; }

	.icon-explore {
		background: url('../../images/icons/explore.png') no-repeat 0px 50%; }

	.icon-preview {
		background: url('../../images/icons/preview.png') no-repeat 0px 50%; }

	.icon-links {
		background: url('../../images/icons/links.png') no-repeat 0px 50%; }

	.icon-add {
		background: url('../../images/icons/add.png') no-repeat 0px 50%; }

	.icon-close {
		background: url('../../images/icons/close.png') no-repeat 0px 50%; }

	.icon-edit {
		background: url('../../images/icons/edit.png') no-repeat 0px 50%; }

		.icon-edit-small {
			background: url('../../images/icons/edit-small.gif') no-repeat 0px 50%; }

	.icon-delete {
		background: url('../../images/icons/delete.png') no-repeat 0px 50%; }

		.icon-delete-small {
			background: url('../../images/icons/delete-small.gif') no-repeat 0px 50%; }

	.icon-progress {
		background: url('../../images/icons/progress.gif') no-repeat 0px 50%; }

		.icon-progress-small {
			background: url('../../images/icons/progress-small.gif') no-repeat 0px 50%; }

.icon-text {
	display: block;
	float: left;
	padding-left: 21px;
	min-height: 16px;
	height: auto;
	width: auto; }


/* table grid */
table.grid {
	border-bottom: 2px solid #d1d1d3;
	border-top: 2px solid #d1d1d3;
	margin-bottom: 10px;
	width: 100%; }

	table.grid th {
		background: #f6f6f6;
		border-bottom: 2px solid #d1d1d3;
		color: #222222;
		font-weight: bold;
		padding: 8px 10px; }

		table.grid th a {
			color: #222222; }

		table.grid tr.row td { }

			table.grid tr.row-odd td {
				background: #ffffff; }

			table.grid tr.row-even td {
				background: #ffffff; }

		table.grid tr.subrow td { }

			table.grid tr.subrow-one td {
				background: #ffffff; }

			table.grid tr.subrow-odd td {
				background: #ffffef; }

			table.grid tr.subrow-even td {
				background: #ffffef; }

	table.grid th.actions {
		text-align: center; }

		table.grid td.actions {
			text-align: center; }

			table.grid tr td.actions div.icon {
				float: left; }

	table.grid td {
		border-bottom: 1px solid #e3e7ef;
		line-height: 16px;
		padding: 6px 10px;
		vertical-align: top; }

		table.grid td a {
			color: #222222; }

			table.grid td a.delete {
				color: #b40000;
				text-decoration: none; }

			table.grid td a.delete:hover {
				text-decoration: underline; }


/* data */
dl.data { }

	dl.data dt {
		float: left;
		padding: 2px 10px 2px 0px;
		width: 120px; }

	dl.data dd {
		padding: 2px 0px;
		margin-left: 130px; }


/* pagination */
div.pagination { }

	div.pagination div.blurb {
		float: left;
		padding-right: 15px; }

	div.pagination div.links {
		float: left; }


/* page home */
div.page-home {}

	div.page-home div.nav {
		padding-bottom: 10px; }

	div.page-home a.icon-close {
		color: #b70d0d; }

	div.page-home fieldset.links ul {}

		div.page-home fieldset.links ul li label.url {
			width: 100px; }

		div.page-home fieldset.links ul li label.anchor {
			width: 80px; }

			div.page-home fieldset#links-grid-single ul li label.anchor {
				width: 100px; }

		div.page-home fieldset.links ul li input.text {
			width: 280px; }

			div.page-home fieldset#links-grid-single ul li input.text {
				width: 560px; }

		div.page-home fieldset.links ul li textarea.textarea {
			height: 157px;
			width: 670px; }

		div.page-home fieldset.links ul li small {
			margin-left: 110px; }

	div.page-home fieldset.options {}

		div.page-home fieldset.options ul li label {
			width: 100px; }

		div.page-home fieldset.options ul li input.text {
			width: 220px; }

		div.page-home fieldset.options ul li input.captcha {
			width: 100px; }

	div.page-home fieldset.account {}

		div.page-home fieldset.account ul li label {
			width: 100px; }

		div.page-home fieldset.account ul li input.text,
		div.page-home fieldset.account ul li input.password {
			width: 220px; }

		div.page-home fieldset.account ul li input.captcha {
			width: 100px; }

		div.page-home fieldset.account ul li.desc span {
			padding-left: 110px; }

	div.page-home fieldset.form ul.grid li.submit {
		 padding: 10px 0px 0px 110px; }


/* page groups browse */
div.page-groups {}

	div.page-groups table.grid th.clicks {
		text-align: center;
		width: 50px; }

		div.page-groups table.grid td.clicks {
			text-align: center; }

	div.page-groups table.grid th.actions {
		width: 50px; }

		div.page-groups table.grid td.actions a.icon {
			float: left; }

			div.page-groups table.grid td.actions a.icon-explore {
				margin: 0px 8px 0px 5px; }

	div.page-groups table.grid td a.icon-zoom {
			float: left;
			margin-right: 5px; }

	div.page-groups table.grid tr.subrow td.link {
		padding-left: 36px; }


/* page links browse */
div.page-links {}

	div.page-links table.grid th.clicks {
		text-align: center;
		width: 50px; }

		div.page-links table.grid td.clicks {
			text-align: center; }

	div.page-links table.grid th.actions {
		width: 50px; }

		div.page-links table.grid td.actions a.icon {
			float: left; }

			div.page-links table.grid td.actions a.icon-explore {
				margin: 0px 8px 0px 5px; }


/* page links/groups browse */
div.page-groups h2,
div.page-links h2 {
	float: left; }

div.page-groups div.tabs,
div.page-links div.tabs,
div.page-groups-details div.tabs {
	float: right; }

	div.page-groups div.tabs ul li,
	div.page-links div.tabs ul li,
	div.page-groups-details div.tabs ul li {
		float: left; }

		div.page-groups div.tabs ul li a,
		div.page-links div.tabs ul li a,
		div.page-groups-details div.tabs ul li a {
			padding: 0px 6px 0px 20px;
			height: 20px;
			display: block;
			line-height: 20px;
			color: #1c1c1c; }

		div.page-groups-details div.tabs ul li a {
			margin-left: 4px; }


div.page-groups-details div.subtabs,
div.page-single-details div.subtabs {
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc; }

div.page-single-details div.subtabs {
	padding-top: 10px; }

	div.page-groups-details div.subtabs ul li,
	div.page-single-details div.subtabs ul li {
		float: left; }

		div.page-groups-details div.subtabs ul li a,
		div.page-single-details div.subtabs ul li a {
			border: 1px solid #cccccc;
			border-width: 1px 1px 0 1px;
			padding: 0px 8px;
			height: 24px;
			display: block;
			line-height: 24px;
			margin-right: 2px;
			background: #f0f0f0;
			color: #1c1c1c; }


/* page stats filters */
div.page-groups-details div.stats-filters,
div.page-single-details div.stats-filters {
	padding-bottom: 10px; }

	div.page-groups-details div.stats-filters span,
	div.page-single-details div.stats-filters span {
		margin-bottom: 5px; }

	div.page-groups-details div.stats-filters select,
	div.page-single-details div.stats-filters select {
		float: left;
		margin-right: 8px; }

		div.page-groups-details div.stats-filters select#field_stats_link_id,
		div.page-single-details div.stats-filters select#field_stats_link_id {
			clear: left; }

		div.page-single-details div.stats-filters select#field_stats_link_id {
			display: none; }

		div.page-single-details div.stats-filters select#field_stats_timeframe {
			clear: left; }


/* page groups details */
div.page-groups-details {}

	div.page-groups-details dl.data dt {
		width: 90px; }

		div.page-groups-details dl.data dd {
			margin-left: 100px; }

	div.page-groups-details ul.grid li.update {
		padding-bottom: 0px; }

	div.page-groups-details .group-left {
		float: left;
		width: 350px; }

	div.page-groups-details .group-right {
		float: left; }

	div.page-groups-details table.grid th.clicks,
	div.page-single-details table.grid th.clicks {
		text-align: center;
		width: 50px; }

		div.page-groups-details table.grid td.clicks,
		div.page-single-details table.grid td.clicks {
			text-align: center; }

	div.page-groups-details table.grid th.actions {
		width: 50px; }

		div.page-groups-details table.grid td.actions a.icon {
			float: left; }

			div.page-groups-details table.grid td.actions a.icon-edit {
				margin: 0px 8px 0px 5px; }

			div.page-groups-details table.grid td.actions div.icon-reorder-move {
				background-position: 50% 50%;
				width: 50px; }

			div.page-groups-details table.grid td.showDragHandle {
				cursor: move; }

			div.page-groups-details table.grid tr.whileDrag td {
				background: #fafbfe; }

		div.page-groups-details table.grid tr.subrow fieldset ul li small {
			margin-left: 170px; }


/* page single details */
div.page-single-details {}

	div.page-single-details dl.data dt {
		width: 90px; }

		div.page-single-details dl.data dd {
			margin-left: 100px; }

	div.page-single-details ul.grid li.update {
		padding-bottom: 0px; }

	div.page-single-details .single-left {
		float: left;
		width: 350px; }

	div.page-single-details .single-right {
		float: left; }

		div.page-single-details #link-details fieldset ul li small {
			margin-left: 170px; }


/* page about */
div.page-about {}

	div.page-about img.preview1 {
		margin: 0px 10px 0px 80px; }


/* page premium */
div.page-premium {}

	div.page-premium table.compare {
		border-top: 3px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 10px;
		width: 100%; }

		div.page-premium table.compare th {
			background: #F5F5F5;
			font-weight: bold;
			padding: 8px 10px; }

			div.page-premium table.compare th.data {
				text-align: center;
				width: 160px; }

		div.page-premium table.compare tr.odd td { }

		div.page-premium table.compare tr.even td {
			background: #FFFFEC; }

		div.page-premium table.compare td {
			border-top: 1px solid #cccccc;
			padding: 8px 10px; }

			div.page-premium table.compare td.name,
			div.page-premium table.compare td.data {
			vertical-align: top; }

			div.page-premium table.compare td.name span {
				display: block;
				float: left; }

			div.page-premium table.compare td.name a.piczoom {
				display: block;
				height: 16px;
				width: 16px;
				margin-left: 5px;
				background: url('../../images/premium/screenshot-zoom.png') no-repeat;
				text-decoration: none;
				float: left; }

				div.page-premium table.compare td.name a.piczoom:hover {
					text-decoration: none; }

			div.page-premium table.compare td.data {
				text-align: center; }

				div.page-premium table.compare td.yes div span,
				div.page-premium table.compare td.no div span {
					display: none; }

				div.page-premium table.compare td.yes div {
					background: url('../../images/premium/compare-yes.png') no-repeat 50% 0;
					height: 16px; }

				div.page-premium table.compare td.no div {
					background: url('../../images/premium/compare-no.png') no-repeat 50% 0;
					height: 16px; }

	div.page-premium input.submit-1 {
		background: url('../../images/premium/upgrade-button-1.gif') no-repeat;
		height: 32px;
		text-indent: -10000px;
		width: 130px; }

		div.page-premium input.submit-1:hover {
			background: url('../../images/premium/upgrade-button-1.gif') no-repeat 0 -32px; }

	div.page-premium input.submit-2 {
		background: url('../../images/premium/upgrade-button-2.gif') no-repeat;
		height: 32px;
		margin-bottom: 4px;
		text-indent: -10000px;
		width: 130px; }

		div.page-premium input.submit-2:hover {
			background: url('../../images/premium/upgrade-button-2.gif') no-repeat 0 -32px; }

	div.page-premium div.payment-logos {
		padding-top: 18px; }


/* page feedback */
div.page-feedback {}

	div.page-feedback fieldset.form ul li small {
		margin-left: 170px; }