/*
Updated:	2008.05.31
Notes:		Admin panel stylesheet

Dark: #616C7A
Light: #eeeeff
Dark blue: #0C548F
*/

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.1em;
	text-align: center;
	background: #FDFDFD url(../images/panel/body_bg.jpg) repeat-x 0 0;
}

body.nobg {
	background-color: #FDFDFD;
	background-image: none;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
}

h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

hr {
	width: 100%;
	margin: 5px auto;
	height: 1px;
	border: 0 none;
	border-top: 1px solid #ddd;
}

/* @group Layout */
	#container {
		width: 1000px;
		margin: 0 auto;
		text-align: left;
	}

	#header {
		height: 130px;
		background: url(../images/panel/header_bg.jpg) no-repeat 0 0;
		position: relative;
		margin: 0;
		padding: 0;
	}

	#info {
		margin: 0;
		position: absolute;
		right: 10px;
		top: 21px;
		padding: 10px 15px;
		text-align: right;
		line-height: 1.4em;
		width: 350px;
		height: 50px;
		background: url(../images/panel/info_bg.jpg) no-repeat center center;
	}

	#info a { text-decoration: underline; }

	#info p {
		margin: 0;
		padding: 0;
	}

	#menu {
		float: left;
		height: 25px;
		width: 1000px;
		padding: 5px 0;
		margin: 95px 0 0 0;
		background: url(../images/panel/menu_bg.jpg) no-repeat 0 0;
	}

	#center {
		width: 1000px;
		float: left;
		background: url(../images/panel/center_bg.jpg) repeat-y 0 0;
	}

	#center-top, #center-bottom {
		width: 1000px;
		height: 20px;
	}

	#center-top {
		background: url(../images/panel/center_top.jpg) no-repeat 0 0;
	}

	#center-bottom {
		background: url(../images/panel/center_bottom.jpg) no-repeat 0 0;
		clear: both;
	}

	#content {
		width: 960px;
		margin: 5px 20px;
		float: left;
	}

	#footer {
		width: 100%;
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
		font-size: 0.9em;
		margin: 0;
		background: url(../images/panel/footer_bg.jpg) no-repeat 0 0;
		text-shadow: #fff 0px 1px 1px;
	}

	#footer-left, #footer-right {
		display: inline;
		color: #999;
	}

	#footer-left {
		float: left;
		width: 30%;
		margin: 0 0 0 25px;
		text-align: left;
	}
	#footer-right {
		float: right;
		width: 60%;
		margin: 0 25px 0 0;
		text-align: right;
	}
/* @end */

/* @group Menu */
	#menu-left, #menu-right {
		list-style-type: none;
		height: 25px;
		line-height: 25px;
		padding: 0;
		vertical-align: middle;
		display: inline;
		font-size: 11px;
	}

	#menu-left {
		float: left;
		margin: 0 0 0 12px;
	}

	#menu-right {
		float: right;
		margin: 0 12px 0 0;
	}

	#menu-left li, #menu-right li {
		float: left;
		margin: 0;
		padding: 0;
	}

	#menu-left a, #menu-right a {
		float: left;
		display: inline;
	}

	#menu-left a span {
		padding: 0 0 0 12px;
		background: url(../images/icons/arrow_fat_right.gif) no-repeat 0 center;
	}

	#menu-left a:hover span {
		padding: 0 0 0 12px;
		background: url(../images/icons/arrow_fat_down.gif) no-repeat 0 center;
	}

	#menu-right a span {
		padding: 0 0 0 12px;
		background: url(../images/icons/arrow_fat_right.gif) no-repeat 0 center;
	}

	#menu-right a span.logout {
		background: url(../images/icons/lock.gif) no-repeat 0 center;
	}

	#menu-left a, #menu-right a, #menu-left a:link, #menu-right a:link, #menu-left a:visited, #menu-right a:visited {
		text-decoration: none;
		border: 0 none;
		border-left: 1px solid #999999;
		height: 25px;
		padding: 0 6px;
		font-weight: bold;
	}

	#menu-left a, #menu-left a:link, #menu-left a:visited {
		color: #333333;
		text-shadow: #fff 0px 1px 1px;
	}

	#menu-left a:hover {
		color: #efefef;
		text-shadow: #000 0px -1px 1px;
		background: url(../images/panel/menu_hover.png) repeat-x 0 0;
	}

	#menu-left a.active {
		color: #efefef;
		text-shadow: #000 0px -1px 1px;
		background: url(../images/panel/menu_active.png) repeat-x 0 0;
	}

	#menu-left a.active span {
		padding: 0 0 0 12px;
		background: url(../images/icons/arrow_fat_down.gif) no-repeat 0 center;
	}

	#menu-right a, #menu-right a:link, #menu-right a:visited {
		color: #efefef;
		text-shadow: #000 0px -1px 1px;
		background: url(../images/panel/menu_right_bg.png) repeat-x 0 0;
	}

	#menu-right a:hover {
		background: url(../images/panel/menu_right_hover.png) repeat-x 0 0;
	}

	#menu-left .last, #menu-right .last {
		border-right: 1px solid #999999;
	}

/* @end */

/* @group submenu */
	#submenu {
		float: left;
		width: 100%;
		text-align: center;
		margin: 0 auto 20px;
		font-size: 1.1em;
	}

	#submenu ul {
		display: inline-block;
		list-style-type: none;
		height: 25px;
		line-height: 25px;
		padding: 0 5px;
		vertical-align: middle;
		margin: 0;
	}

	#submenu li {
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	}

	#submenu a, #submenu a:link, #submenu a:visited {
		color: #fff;
		float: left;
		display: inline;
		background: #ddd url(../images/panel/menu_active.png) repeat-x 0 0;
		border: 1px solid #666;
		text-decoration: none;
		height: 25px;
		padding: 0 25px;
		font-weight: bold;
		text-shadow: #000 0px -1px -1px;
	}

	#submenu a:hover {
		color: #fff;
		background: #ddd url(../images/panel/menu_hover.png) repeat-x 0 0;
		border: 1px solid #000;
	}
/* @end */


/* @group Action-bar */
	#action-bar {
		position: relative;
		margin: 5px auto 20px;
		clear: both;
	}

	h1#title {
		height: 35px;
		line-height: 35px;
		padding: 0 15px;
		vertical-align: middle;
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		background: #fafafa url(../images/panel/title_bg.png) repeat-x 0 0;
		margin: 0;
		font-variant: small-caps;
	}

	h1#title img {
		vertical-align: middle;
		border: 1px solid #ccc;
	}

	#action-header {
		position: absolute;
		top: 12px;
		right: 15px;
		margin: 0;
		height: 25px;
		line-height: 25px;
		width: 150px;
		background: url(../images/panel/action_bg.png) no-repeat 0 0;
		text-align: center;
		font-weight: bold;
		color: #efefef;
		text-shadow: #000 0px -1px 1px;
	}

	#menu-action {
		width: 925px;
		clear: both;
		list-style-type: none;
		height: 25px;
		line-height: 25px;
		padding: 0 5px;
		vertical-align: middle;
		border-left: 1px solid #ddd;
		border-top: 0 none;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		background-color: #fafafa;
		margin: 0 auto;
	}

	#menu-action li {
		float: left;
		margin: 0;
		padding: 0;
		background: url(../images/panel/action_li.png) no-repeat right center;
	}

	#menu-action a {
		float: left;
		display: inline;
	}

	#menu-action a, #menu-action a:link, #menu-action a:visited {
		text-decoration: none;
		border: 0 none;
		height: 25px;
		padding: 0 25px 0 15px;
		font-weight: bold;
		text-shadow: #fff 0px 1px 1px;
	}
/* @end */


/* @group Links */
a, a:link {
	/*color: #804040;*/
	color: #0C548F;
	text-decoration: none;
}
a:visited {
	/*color: #804040;*/
	color: #0C548F;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: none;
}

a.delete {
	padding: 2px 2px 2px 14px;
	margin: 0 10px 0 20px;
	font-weight: bold;
}
a.delete:link, a.delete:visited {
	color: #990000;
}
a.delete:hover {
	color: #aaa;
}
a.delete {
	background: url(../images/icons/trash.gif) no-repeat center left;
}
/* @end */

/* @group Login */
	#login-form {
		margin: 150px auto;
		width: 440px;
		height: 160px;
		padding: 20px 0;
		background: url(../images/panel/login.jpg) no-repeat center center;
	}

	#login-form form {
		padding-top: 30px;
	}

	#login-form label {
		text-align: right;
		width: 140px;
		padding-right: 20px;
		font-weight: bold;
		color: #333333;
		text-shadow: #fff 0px 1px 1px;
		line-height: 15px;
	}

	#login-form input.txt {
		width: 240px;
		margin-bottom: 10px;
		padding: 0;
		border-top: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #ccc;
	}

	#login-form input.txt:hover {
		border: 1px solid #333;
	}

	#login-form div#error p {
		text-align: center;
		margin: 0 0 3px 0;
	}

	#login-form div#error {
		width: 80%;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		text-shadow: #fff 0px 1px 1px;
		margin: 0 auto 10px;
		padding: 5px 10px;
		border: 1px solid #E19480;
		color: #990000;
		background: #FFEFDE url(../images/icons/exclamation.png) no-repeat 5px center;
	}
/* @end */

/* @group Text */
	h1, h2, h3, h4, h5, h6 {
		text-shadow: #fff 0px 1px 1px;
		border-bottom: #ccc 1px solid;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
	}
/* @end */

/* @group Forms */
	form label, form input.txt, form input.txt-mini, form textarea, form select, input.calendar {
		display: block;
		width: 550px;
		float: left;
		margin-bottom: 10px;
	}

	form input.txt-mini, form input.txt, form input.calendar {
		border-top: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #ccc;
	}

	form input.txt-mini:hover, form input.txt:hover, form input.calendar:hover {
		border: 1px solid #333;
	}

	form input.txt-mini {
		width: 300px;
	}

	form input.calendar {
		width: 99px;
	}

	form input.button {
		width: 200px;
		float: none;
		margin: 5px auto;
	}

	form label {
		text-align: right;
		width: 200px;
		padding-right: 20px;
		font-weight: bold;
		color: #333333;
		text-shadow: #fff 0px 1px 1px;
		line-height: 15px;
	}

	form textarea { /* editor */
		width: 650px;
		height: 250px;
		margin-bottom: 30px;
	}

	form br {
		clear: left;
	}

	form #columns {
		padding: 10px 5px;
		background-color: #ededed;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		margin: 10px auto;
	}

	form #columns label, form #columns input.txt {
		display: block;
		float: left;
	}

	form #columns input.txt {
		width: 160px;
		margin: 0 10px 10px 0;
	}

	form #columns label {
		text-align: right;
		width: 150px;
		padding: 0;
		font-weight: bold;
		color: #333333;
		margin: 0 10px 10px 0;
		text-shadow: #fff 0px 1px 1px;
	}

	form ul.columns {
		list-style-type: none;
	}

	form ul.columns li {
		float: left;
		display: inline-block;
		width: 85px;
		border: 1px solid #ddd;
		padding: 4px 5px;
		margin: 5px;
		text-align: center;
	}

	form ul.columns li label {
		float: none;
		display: inline;
	}

/* @group Message */
	div#notifier {
		width: 940px;
		padding: 10px;
		margin: 0;
	}

	div#error p, div#message p, div#information p {
		text-align: center;
		margin: 5px 0;
	}

	div#message, div#error, div#information, div.error {
		width: 600px;
		font-size: 1.2em;
		line-height: 1.3em;
		font-weight: bold;
		text-align: center;
		text-shadow: #fff 0px 1px 1px;
		margin: 10px auto;
		padding: 20px 30px;
	}
	div#message {
		border: 1px solid #BDDE92;
		color: #4F7241;
		background: #E3F9D2 url(../images/icons/accept.png) no-repeat 5px center;
	}

	div#information {
		border: 1px solid #97BCCE;
		color: #606C7A;
		background: #F0F7FC url(../images/icons/information.png) no-repeat 5px center;
	}

	div#error, div.box .error, .error {
		border: 1px solid #E19480;
		color: #990000;
		background: #FFEFDE url(../images/icons/exclamation.png) no-repeat 5px center;
	}
/* @end */

	form .photo {
		display: block;
		float: right;
		background-color: #fafafa;
		margin: 0 5px;
		padding: 4px;
	}

/* @end */

/* @group Gallery */
	#gallery {
		border: 1px solid #ddd;
		background-color: #fafafa;
		margin: 10px auto;
	}

	#gallery ul {
		list-style-type: none;
		padding: 25px;
		margin: 0;
	}

	#gallery li {
		float: left;
		margin: 0;
		padding: 0;
		height: 160px;
		width: 160px;
		text-align: center;
	}

	#gallery a, #gallery a:link, #gallery a:visited {
		text-decoration: none;
		border: 0 none;
		font-weight: bold;
		text-shadow: #fff 0px 1px 1px;
	}

	#gallery .photo {
		border: 1px solid #ccc;
	}

/* @end */

/* @group Table */

table.list {
	width: 960px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 10px auto 1em;
}

table.list a, table.list a:link, table.list a:hover, table.list a:visited {
	border: 0 none;
	text-decoration: none;
}

table.list th {
	background: url(../images/panel/th_bg.png) repeat-x 0 0;
	height: 20px;
	font-weight: bold;
	text-shadow: #fff 0px 1px 1px;
	text-align: center;
}
table.list td {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
}

.col-num {
	width: 40px;
}

.col-photo {
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

.col-photo .photo {
	vertical-align: middle;
	line-height: 50px;
}

.col-other {
	width: 60px;
}

.col-action {
	width: 150px;
	vertical-align: middle;
}

.col-action a {
	color: #aaa;
}

.col-action a img {
	line-height: 16px;
	vertical-align: middle;
}

.col-num, .col-action, .col-other, .col-date {
	text-align: center;
}

.tr0 td, .odd td { background: #fff; color: #000; }
.tr1 td, .even td { background: #eee; color: #000; }
.mo td { background: #616C7A; color: #fff; }
.mo td a { color: #fff; }

.col-name a, .col-name a:link, .col-name a:visited {
	padding: 6px 10px;
	display: block;
}

.col-name span.block {
	float: left;
	display: block;
}

.col-name .homepage {
	background: url(../images/icons/house.png) no-repeat left center;
	padding: 2px 0 2px 24px
}

.col-name .catalog {
	background: url(../images/icons/package.png) no-repeat left center;
	padding: 2px 0 2px 24px
}

.col-name .inmenu {
	background: url(../images/icons/lightbulb.png) no-repeat left center;
	padding: 2px 0 2px 24px
}

.col-name .notinmenu {
	background: url(../images/icons/lightbulb_off.png) no-repeat left center;
	padding: 2px 0 2px 24px
}

.col-name .contact {
	background: url(../images/icons/email_open.png) no-repeat left center;
	padding: 2px 0 2px 24px
}

.col-name .featured {
	background: url(../images/icons/star.png) no-repeat left center;
	padding: 2px 0 2px 24px
}

.col-name .active, .col-name .inactive {
	padding: 2px 0 2px 24px;
}

.col-name .active {
	background: url(../images/icons/page_white_text.png) no-repeat left center;
}

.col-name .inactive {
	background: url(../images/icons/page_white_delete.png) no-repeat left center;
	color: #999;
	font-style: italic;
}

.col-name a:hover .inactive {
	color: #eee;
}

/* @group legend */
#legend {
	margin: 30px 20px 10px;
	width: 400px;
	border: 1px solid #ddd;
	background-color: #fafafa;
}

#legend-act {
	border: 0 none;
	margin: 5px 20px 0;
	padding: 0;
	font-size: 1.2em;
}
#legend-act:hover {
	color: #0C548F;
}

#legend-ul {
	list-style-type: none;
	margin: 10px 20px;
	padding: 0 0 5px 0;
	color: #666666;
	text-shadow: #fff 0px 1px 1px;
}

#legend-ul li {
	margin: 5px;
	line-height: 1.4em;
}
#legend-ul img {
	vertical-align: text-top;
}
/* @end */

/* @end */

/* @group Accordion */
#accordion {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #aaa;
	background-color: #ededed;
}

#accordion .toggler{
	background: #fafafa url(../images/panel/acc_bg.png) repeat-x 0 0;
	padding: 5px 15px 5px 10px;
	width: 933px;
	height: 20px;
	line-height: 20px;
	color: #333333;
	text-shadow: #fff 0px 1px 1px;
	font-weight: bold;
	cursor: pointer;
	margin: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 0 none;
}

#accordion .toggler span {
}

#accordion .toggler:hover {
	color: #aaaaaa;
	background-position: 0 -30px;
}

#accordion .element {
	background-color: #ededed;
	border: 0 none;
	padding: 10px 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #aaa;
}

#accordion .element h2, #accordion .element p {
	padding: 5px 20px 10px 20px;
}

#accordion .element p.info {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	color: #0C548F;
}

p.dates {
	margin: 5px;
	text-align: right;
	color: #666;
}

p.dates .createdon, .createdon {
	padding: 0 10px 0 15px;
	background: url(../images/icons/plus.gif) no-repeat left center;
}

p.dates .editedon, .editedon {
	padding: 0 0 0 15px;
	background: url(../images/icons/save.gif) no-repeat left center;
}

p.dates .module, .module {
	padding: 0 10px 0 15px;
	background: url(../images/icons/table.gif) no-repeat left center;
}
/* @end */

/* @group Column Lists */
div.column-wrapper {
	width: 480px;
	float: left;
}

div.column {
	width: 460px;
	margin: 0;
	padding: 10px;
}

div.colleft {
	float: left;
}

div.colright {
	float: right;
}

div.column h2 {
	margin: 0;
	padding: 5px;
	background: url(../images/panel/th_bg.png) repeat-x 0 0;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
div.column ul {
	list-style-type: none;
	border-left: 1px solid #ddd;
	border-top: 0px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #666;
	padding: 0;
	margin: 0;
}

div.column div.text {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #fafafa;
	padding: 5px 10px;
	margin: 0;
}

div.column p {
	padding: 0;
	margin: 0 5px;
}

div.column div.text h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 5px 5px;
}

div.column div.text ul {
	list-style-type: square;
	border: 0 none;
	padding: 5px;
	margin: 5px;
}

div.column div.text li {
	border: 0 none;
	margin: 0 0 0 10px;
}

div.column div.text a, div.column div.text a:link, div.column div.text a:visited {
	padding: 0;
	display: inline;
	text-decoration: none;
}

div.column div.text a:hover {
	text-decoration: underline;
}

div.column small {
	padding-left: 2.1em;
	font-size: 0.85em;
	display: inline-block;
}

div.column a, div.column a:link, div.column a:visited {
	padding: 5px 10px;
	display: block;
}

div.column li { border-bottom: 1px solid #ccc; }
div.column li.row0 { background-color: #eee; color: #000; }
div.column li.row1 { background-color: #FFFFFF; color: #000; }

div.column .active, div.column .active a:hover {
	background: url(../images/icons/page_white_text.png) no-repeat 99% 15%;
}

div.column .inactive, div.column .inactive a:hover {
	background: url(../images/icons/page_white_delete.png) no-repeat 99% 15%;
	font-style: italic;
}

div.column .active a:hover, div.column .inactive a:hover {
	background-color: #616C7A;
	color: #fff;
}

div.column .center {
	text-align: center;
	font-size: 1.1em;
	padding: 10px;
	color: #999;
}

/* @end */

/* @group box */
div.box {
	margin: 5px 0;
	padding: 10px 2px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #ededed;
	overflow: hidden;
}

div.plus {
	background: #ededed url(../images/panel/plus.png) no-repeat right bottom;
}

div.box p {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}

div.box h1, div.box h2, div.box h3 {
	padding: 0 20px 10px;
	margin: 5px 0 10px;
}
/* @end */

/* @group icons */
.user {
	padding: 0 0 0 15px;
	background: url(../images/icons/person.gif) no-repeat left center;
}

.lastlogin {
	padding: 0 0 0 15px;
	background: url(../images/icons/calendar_day.gif) no-repeat left center;
}

.date {
	padding: 0 0 0 15px;
	background: url(../images/icons/calendar.gif) no-repeat left center;
}

.time {
	padding: 0 20px 0 15px;
	background: url(../images/icons/clock.gif) no-repeat left center;
}

.memory {
	padding: 0 0 0 15px;
	background: url(../images/icons/memory.gif) no-repeat left center;
}

/* @end */

/* @group phpinfo */
#phpinfo {
	width: 700px;
	margin: 5px auto;
}
#phpinfo pre {}
#phpinfo a:link {}
#phpinfo a:hover {}
#phpinfo table {
	width: 700px;
	border-collapse: collapse;
	border: 0 none;
}
#phpinfo .center {
	width: 700px;
	margin: 0 auto;
}
#phpinfo .center table {}
#phpinfo .center th {}
#phpinfo td, th {}
#phpinfo h1 {
	margin: 5px auto 10px;
	width: 700px;
	text-align: center;
	border: 1px solid #aaa;
	background-color: #ddd;
	padding: 10px;
}
#phpinfo h2 {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 5px;
}
#phpinfo .p {}
#phpinfo .e {
	width: 200px;
	padding: 5px;
	text-align: right;
	font-weight: bold;
}
#phpinfo .h {}
#phpinfo .v {
	padding: 5px;
	text-align: left;
}
#phpinfo tr.v {
	text-align: center;
}

#phpinfo .vr {}
#phpinfo img {
	float: right;
}
#phpinfo hr {
	display: none;
}

#phpinfo ul {
	list-style-type: none;
}

#phpinfo li {
	float: left;
	display: inline-block;
	width: 85px;
	border: 1px solid #ccc;
	padding: 4px 5px;
	margin: 5px;
	text-align: center;
}

#phpinfo .even {
	background-color: #fff;
}

#phpinfo .odd {
	background-color: #ddd;
}

#phpinfo .required {
	font-weight: bold;
	background-color: #ad9;
}
/* @end */

/* @group btn */
.btnmenu {
	margin: 5px 20px;
	overflow: hidden;
	clear: both;
}

.btn {
	float: left;
	padding: 3px 15px 3px 5px;
	height: 20px;
	line-height: 20px;
	color: #333333;
	text-shadow: #fff 0px 1px 1px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #fafafa url(../images/panel/acc_bg.png) repeat-x 0 0;
	margin: 0 10px 0 0;
}

.btn span {
	display: block;
}

.btn:hover {
	color: #aaaaaa;
	background-position: 0 -30px;
}

.btn .add {
	padding: 0 0 0 20px;
	background: url(../images/icons/add.png) no-repeat left center;
}
/* @end */

/* @group list */
div.box ul {
	float: left;
	margin: 10px 20px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #ccc;
}

div.box li {
	overflow: hidden;

}
/* @end */

/* @group tabs */
.panels {
	overflow: hidden;
}

.panel {
	overflow: hidden;
}
/* @end */