/*********************
	html elements
*********************/
*{
	margin: 0;
	padding: 0
}
img, div,a {behavior: url(../css/iepngfix.htc)}
body{
	font-size: 11px;
	font-family: tahoma,arial, tahoma, verdana
}
a, a:visited{text-decoration: none}
img{
	border: 0;
	margin: 1px
}
p{padding: 3px}
h2{}
input{padding: 2px; overflow:hidden;}
select{padding: 2px}
input[type=text],
input[type=password] {
/*	width: 150px;*/
}
/*********************
	structure
*********************/
#container{
	width: 960px;
	margin-right: auto;
	margin-left: auto
}
#container{
	direction: rtl;
}
#header{width: 960px}
#header h2{margin-top: 20px}
#content{
	width: 740px;
	float: right;
	margin: 10px 0 10px 0;
	padding: 10px
}
#sidebar{
	background: #fff;
	width: 170px;
	float: left;
	margin: 10px 0 10px 0;
	padding: 10px
}
#footer{
	clear: both;
	padding: 5px;
	margin-top: 10px
}
#box h3,
#content h2{
	padding: 5px;
	font-size: 13px
}
/*********************
	sidebar
*********************/
#sidebar ul{
	list-style: none;
	line-height: 22px
}
#sidebar ul li a,#sidebar ul li a:visited{
	padding-right: 19px;
	text-decoration: none;
	margin: 0 3px;
	display: block
}
#sidebar ul li a:hover{text-decoration: underline}
#sidebar ul li ul{margin-right: 10px}
#sidebar h3{
	padding: 2px;
	font-size: 13px
}
/*********************
  topmenu, top-panel
*********************/
#topmenu{
	margin-top: 43px;
	width: 700px;
	float: right;
	voice-family: inherit
}
#topmenu ul{
	list-style: none;
	line-height: 25px
}
#topmenu li{display: inline}
#topmenu a,#topmenu a:visited{
	padding: 5px 12px 5px 12px;
	text-decoration: none
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	padding: 5px 12px 5px 12px;
	font-weight: bold
}
#top-panel{
	background: #fff;
	padding: 5px;
	height: 20px;
	float: right;
	width: 950px
}
#top-panel ul{list-style: none}
#top-panel ul li{
	display: inline;
	line-height: 20px
}
#top-panel ul li a{
	padding-right: 19px;
	text-decoration: none;
	margin: 0 3px;
	display: inline-block
}
#top-panel a:hover{text-decoration: underline}
/*********************
		other
*********************/
.a-right{text-align: left}
.a-left{text-align: right}
.a-center{text-align: center}
#pager{
	margin: 5px;
	height: 25px
}
#styleswitcher{float: left}
#styleswitcher ul{
	list-style: none;
	line-height: 10px
}
#styleswitcher li{
	height: 12px;
	display: inline
}
#footer ul {list-style: none}
#footer li {display: inline}
a#defswitch {
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #bd3f09;
	font-size: 8px;
	color: #bd3f09;
	display: inline-block
}
a#blueswitch {
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #375b91;
	font-size: 8px;
	color: #375b91;
	display: inline-block
}
a#greenswitch {
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #d0e0b8;
	font-size: 8px;
	color: #d0e0b8;
	display: inline-block
}
a#brownswitch {
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #654322;
	font-size: 8px;
	color: #654322;
	display: inline-block
}
a#mixswitch {
	width: 15px;
	height: 10px;
	margin: 3px 0 3px 0;
	background-color: #294145;
	font-size: 8px;
	color: #294145;
	display: inline-block
}
#credits{
	clear: both;
	width: 98%;
	float: right;
	text-align: center
}
/*********************
		tables
*********************/
table{
	margin: 5px;
	/*border-collapse: collapse;
	table-layout: automatic;*/
	width: 98%;
	font-size: 11px;
}
td, th{
	padding: 2px;
	text-align: center;
} 
thead{}
/*********************
		home
*********************/
#infowrap li{display: inline:}
#infobox{
	width: 365px;
	float: right;
	margin-top: 10px
}
#infobox h3{
	padding: 5px;
	font-size: 13px
}
.margin-left{margin-right: 5px}
#rightnow .reallynow {
	padding: 5px;
	font-size: 13px
}
#rightnow h3{
	padding: 2px;
	padding: 0 10px;
	font-size: 13px
}
#rightnow .reallynow span {
	display: block;
	text-align: right;
	float: right;
	padding: 0 2px;
	font-size: 13px
}
#rightnow .reallynow a {
	text-decoration: none;
	display: block;
	text-align: left;
	float: left;
	padding: 0 18px 0 0;
	margin-right: 4px;
	font-weight: normal;
	font-size: 11px
}
#rightnow .reallynow a:hover{text-decoration: underline}
#rightnow .youhave {
	font-size: 11px;
	padding: 10px
}
#rightnow a {font-weight: bold}
/*********************
		forms
*********************/
.form form{
	padding: 10px;
	margin: 0 auto
}
.form form fieldset {
	display: block;
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	margin-bottom: 10px
}
.form form legend {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px;
	width: 254px
}
.form form label {
	clear: right;
	display: block;
	float: right;
	width: 100px;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 5px
}
.form form input,
.form form select {
	padding: 3px;
	margin-bottom: 5px
}
/*.form form select {margin-right: 5px}*/
.form form textarea {
	width: 200px;
	height: 50px;
	padding: 5px;
	margin-bottom: 5px;
	overflow: auto
}
.form form option {background: #fff}
.form form optgroup option {}
.form form .submit input, .form form #button2 {
	padding-left: 5px;
	cursor: pointer;
	width: 205px;
	margin-right: 8px;
	font-weight: bold
}
.form form .submit input:hover, .form form #button2:hover {background-position: center left}

/*********************
	icons
*********************/
.icon{
	padding-right: 19px;
	text-decoration: none;
	height: 20px;
	font-size: 11x;
	margin: 0 3px;
	display: inline-block;
	line-height: 20px
}
.user{background: transparent url(../img/icons/user.png) no-repeat right}
.useradd{background: transparent url(../img/icons/user_add.png) no-repeat right}
.group{background: transparent url(../img/icons/group.png) no-repeat right}
.search{background: transparent url(../img/icons/magnifier.png) no-repeat right}
.online{background: transparent url(../img/icons/world.png) no-repeat right}
.pagenew{background: transparent url(../img/icons/page_add.png) no-repeat right}
.rss{background: transparent url(../img/icons/rss.png) no-repeat right}
.feed{background: transparent url(../img/icons/feed.png) no-repeat right}
.report{background: transparent url(../img/icons/report.png) no-repeat right}
.house{background: transparent url(../img/icons/house.png) no-repeat right}
.manage{background: transparent url(../img/icons/cog.png) no-repeat right}
.manage_page{background: transparent url(../img/icons/page_gear.png) no-repeat right}
.folder{background: transparent url(../img/icons/folder.png) no-repeat right}
.promotions{background: transparent url(../img/icons/coins.png) no-repeat right}
.cart{background: transparent url(../img/icons/cart.png) no-repeat right}
.folder_table{background: transparent url(../img/icons/folder_page.png) no-repeat right}
.shipping{background: transparent url(../img/icons/car.png) no-repeat right}
.invoices{background: transparent url(../img/icons/page_white_text_width.png) no-repeat right}
.addorder{background: transparent url(../img/icons/folder_page_add.png) no-repeat right}
.add{background: transparent url(../img/icons/add.png) no-repeat right}
.app_add{background: transparent url(../img/icons/application_add.png) no-repeat right}
.report_seo{background: transparent url(../img/icons/report_link.png) no-repeat right}
.modules{background: transparent url(../img/icons/bricks.png) no-repeat right}
.modules_manage{background: transparent url(../img/icons/bricks_gear.png) no-repeat right}

.agent_add{background: transparent url(../img/icons/agent_add.png) no-repeat right}
.agent{background: transparent url(../img/icons/agent.png) no-repeat right}
.product{background: transparent url(../img/icons/products.png) no-repeat right}
.product_add{background: transparent url(../img/icons/product_add.png) no-repeat right}
.ordersa{background: transparent url(../img/icons/orders.png) no-repeat right}
.invoice{background: transparent url(../img/icons/invoices.png) no-repeat right}
.config{background: transparent url(../img/icons/config.png) no-repeat right}
.support{background: transparent url(../img/icons/support.png) no-repeat right}
.ticket{background: transparent url(../img/icons/tickets.png) no-repeat right}
.cost_add{background: transparent url(../img/icons/cost_add.png) no-repeat right}
.cost{background: transparent url(../img/icons/transactions.png) no-repeat right}
.banner_add{background: transparent url(../img/icons/banner_add.png) no-repeat right}
.banner{background: transparent url(../img/icons/banner.png) no-repeat right}
.order_search{background: transparent url(../img/icons/order_search.png) no-repeat right}

/* 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 {}

table th.actions { width: 80px; }
.carts table th.actions { width: 50px; }

textarea,input,select { font: 11px tahoma; overflow: auto;}
select {width: 140px;}

/* notices and errors */
div.message {
	clear: both;
	background: #A43708;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 1em 0;
	padding: 1em;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: tahoma,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: tahoma,courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0
}
.success {
	background: green;
	color: #fff
}
.orders .details {
	
}

/* scaffold view */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%
}
dl.altrow {background: #F7F6F0}
dt {
	font-weight: bold;
	padding-right: 4px;
	vertical-align: top
}
dd {
	margin-right: 10em;
	margin-top: -2em;
	vertical-align: top;
	text-align:right
}

table tr.altrow td {background: #F7F6F0}
/*table tr.lastrow td { border-top: 1px solid #bbb; }*/

.details td { 
	text-align: right;
	padding-right:5px
}

.details th { 
	text-align: left;
	padding-left:5px
}

tr.related th,
tr.related td,
table.items th,
table.items td {
	text-align: center;
}

form {
	/*width: 100%;*/
	padding: 0px;
}

table.actions a {
	/*color: #fff;*/
}

td.details table.actions a {
	color: #000;
}

td.details table {
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
td.details table td,
td.details table th {
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
}
.carts form div.input {
	margin: 0px;
	padding: 0px;
}
.carts input {
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	width: 20px;
	text-align: center
}

#container.userc {
	width: 700px;
	margin-right: auto;
	margin-left: auto
}
.userc #content{
	width: 100%;
	/*float: right;*/
	margin: 10px 0 10px 0;
	padding: 10px
}

/*  actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 0 0 2em;
	white-space: nowrap
}
div.actions ul li a {
/*	background: #fff;
	color: #003d4c;*/
	text-decoration: none;
	font-weight: bold
}
div.actions ul li a:hover {
/*	color: #333;
	text-decoration: underline*/
}

.order input[type=radio] {
    float: none;
	/*margin: 0 0 7px 3px*/
}
.form form {
	text-align: right
}

.notices {
	padding: 0px 5px 10px 5px;
	text-align: justify;
}
.notices p {
	padding: 5px 0px;
}
#leftbar,
#rightbar {
	display: none;
}
.userc #sidebar{
	background: #fff;
	width: 170px;
	float: right;
	margin: 10px 0 10px 0;
	padding: 10px
}
.userc #content{
	width: 480px;
	float: left;
	margin: 10px 0 0px 0;
	padding: 10px
}
.order form .required {
/*	color: #333;*/
	font-weight: bold;
	/*content: "*"*/
}
div.perma,
div.foreign {
	display:none;
}
div.active {
	display:block;
}
/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
	direction: ltr;
	text-align: left;
}
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;
}
.cake-sql-log {
	clear: both;
/*	width: 100%;*/
	direction: ltr;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

table.actions label {
	display: inline;
	float: none;
}