@CHARSET "UTF-8";

.content{
	margin-left: 0em;
	padding: .1em 0 2em 1em;
	/*border: solid 1px blue;*/
}


.new{
	text-align: left;
	color: green;
	margin-bottom: 10px;
	padding: 5px;
}

a.add{
	font-size: small;
	display:block;
	color: green;
	background:url(../../img/admin/add.png) left top no-repeat;
	padding-left: 33px;
	padding-top: 9px;
	height: 30px;
	min-height: 30px;
}

a.action_edit{
	/*background:url(../../img/admin/data_edit.gif) left top no-repeat;*/
	display: inline;	
	/*padding-left: 20px;*/
	height: 20px;
	padding-top: 2px;
	color: #777777;
}

a.action_view{
	/*background:url(../../img/admin/data_view.gif) left top no-repeat;*/
	display: inline;	
	/*padding-left: 20px;*/
	height: 20px;
	padding-top: 2px;
	color: #777777;
}

a.action_del{
	/*background:url(../../img/admin/data_delete.gif) left top no-repeat;*/
	display: inline;	
	/*padding-left: 20px;*/
	height: 20px;
	padding-top: 2px;
	color: #777777;
}


.error{
	color: red;
    padding: 10px;
	border: solid 1px red;
	/*min-height: 30px; */
}

.green{
	color: green;
	padding: 10px;
	border: solid 1px green;
	/*min-height: 30px;*/
}

textarea{
	border: solid 1px #ccc;
}


.save-buttons {
	
}

.save-buttons input{
	border: solid 1px #ccc;
}

.download {
   background:url(../../img/admin/download.png) left top no-repeat; 
   font-size: small;
   display:block;
   color: green;
   padding-left: 33px;
   padding-top: 9px;
   height: 30px;
   min-height: 30px;    
}

table.data{
	border-collapse:collapse;
	margin-bottom:2em;
	width:100%;
}

table.data th,
table.data td{
	border:1px solid #ddd;
	vertical-align:top;
	padding:6px 10px;
}

table.data td{
	padding:10px 10px;
}

table.data th {
	background:#EEEEEE;
}

/* datatable checkboxes */
table.data th.checkbox,
table.data td.checkbox{
	padding:0;
	width:20px;
}

table.data .checkbox input{
	border:0;
	padding:0;
}


table.data .text{
	border: solid 1px #ccc;
	width: 500px;
}

/* datatable actions on the right */
table.data th.action,
table.data td.action{
	width:170px;
}


table.data ul.actions li{
	border:1px solid white;
}

table.data ul.actions li a{
	background:url(../../img/spacer.gif) left top no-repeat;
	color:#FF8A00;
	display:block;
	font-weight:bold;
	line-height:1.4;
	padding:0 0 4px 22px;
}

table.data ul.actions li a.edit{
	background-image:url(../../img/admin/data_edit.gif);
}

table.data ul.actions li a.subcategories{
	background-image:url(../../img/admin/data_subcats.gif);
}

table.data ul.actions li a.items{
	background-image:url(../../img/admin/data_items.gif);
}

table.data ul.actions li a.delete{
	background-image:url(../../img/admin/data_delete.gif);
}

/* datatable main  w/ sortable */
table.data td.element .title,
#sortable-area div.element .item,
table.data td.element .title{
	font-size:1.1em;
	/*font-weight:bold;*/
	line-height:0.9em;
	color: #333333;    
}

table.data td.element .title,
#sortable-area div.element .item{
	padding:.05em;
}

table.data td.element .title a.open-subcats,
#sortable-area div.element .item a.open-subcats{
	background:url(../../img/admin/show_subcats.gif) left top no-repeat;
	float:right;
	font-size:1%;
	height:16px;
	line-height:0;
	text-decoration:none;
	width:15px;
}

table.data td.element .title a.hide,
#sortable-area div.element .item a.hide{
	background-image:url(../../img/admin/hide_subcats.gif);
}

table.data td.element .subcats,
#sortable-area div.element .subcats{
	padding:.5em .03em .03em .03em;
}

table.data td.element .subcats .add,
#sortable-area div.element .subcats .add{
	background:url(../../img/admin/data_subcat_add.gif) right top no-repeat;
	color:#FF8A00;
	float:right;
	padding:0 1.84em .2em 0;
}

table.data td.element .subcats ul,
#sortable-area div.element .subcats ul{
	margin:1em 0;
	border-bottom:1px solid #ddd;
}

table.data td.element .subcats ul li,
#sortable-area div.element .subcats ul li{
	border-top:1px solid #ddd;
	padding: .8em 0;
}

table.data td.element .subcats ul li .edit,
#sortable-area div.element .subcats ul li .edit{
	background:url(../../img/admin/data_subcat_edit.gif) right top no-repeat;
	color:#FF8A00;
	float:right;
	padding:0 1.84em .2em 0;
}

/** sortable classes only **/
table.data td.sortable{
	padding:0;
	margin:0;
}


.label{
	width: 200px;
}