/* -------------------------------------------------
Exavo SurveyCenter - V5 STYLE
------------------------------------------------- */
	body {
		margin: 0;
		padding: 0;
		color: #333;
		text-align: center;
		font-size: 12px;
		font-family:  verdana, arial, Helvetica, sans-serif; 
		background:#9A9A9A url(../img/_ui_bg_verlauf.gif) repeat-x top;
	}


	button{
		font-size:12px;
		padding:3px;
		min-width:100px;
		background:#B5B5B5 url(../img/_ui_btn_bg.gif) repeat-x top;
		color:#000;
		border:1px solid #000;

		-moz-border-radius:5px 5px 5px 5px;
		background:url("../img/__button.gif") repeat-x scroll 0 0 #0567AD;
		border:1px solid #00487A;
		color:#FFFFFF;
		cursor:pointer;
		padding:4px;
		padding-left:8px;
		padding-right:8px;
		/*text-shadow:1px 1px 0 #00487A;*/
		font-weight:bold;
	}


	.formbutton{
		font-size:12px;
		padding:3px;
		min-width:100px;
		background:#B5B5B5 url(../img/_ui_btn_bg.gif) repeat-x top;
		color:#000;
		border:1px solid #000;
	}

	.dialoghead{
		padding:4px;
		/* font-family: verdana, arial, Helvetica, sans-serif;*/
		font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
		font-weight: bold;
		color:#FFF;
		background:#DAE7F6 url(../img/_ui_top_bg.gif) repeat-x;
		border-bottom: 1px solid #7B7B7B;
	}
	   

/*-------------------------------------------------
Link Styles
-------------------------------------------------*/

	a.image:link, a.image:visited, a.image:hover 
	{
		background: none;
		padding: 0;
	}

	a.image img 
	{
		border: 0px;
	}

	img 
	{
		border: 0px;
	}

	a:link, a:visited 
	{
		color: #1A4F85; /* dunkles blau */
		text-decoration: none;
	}

	a:hover, a:active, a:focus 
	{
		background-color: #F60;
		background-color: #4A9FD7;
		color: #fff;
		
		background-color: #E5E5E5;
		background-color: #4A9FD7;
		color: #FFF;
		
		text-decoration: none;	
	}

/*-------------------------------------------------
	Header
-------------------------------------------------*/
	#Header {
		padding: 1px 0 0 0;
		margin: 0;
		text-align: left;
		position: relative;
		background:url("../img/__bg_Homepage_abstract2.jpg") no-repeat scroll left top #0731A7;
	}	

	.headertitle { 
		font-size: 20px;
		text-align:left;
		font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
		color:#444444;
		font-size:20px;
		font-weight:normal;

		margin: 5px 0px 15px 30px;
		margin-left: 180px;
		margin-right: 25px;
		display:block;
		
		color:#C6C9D1;
		color:#333;
	}
	

	#Header h1 {
		padding: 0px;
		padding-left: 150px;
		padding-right: 25px;

		margin: 5px 0px 15px 30px;

		text-align: left;
		font-weight:normal;	

		font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
		color:#444444;
		font-size:20px;
		font-weight:normal;
	}	


	#Header h3 {
		padding: 0 35px 0 32px;
		margin: 7px 0 0 0;
		font-size: 9px;
		font-weight: normal;
		/* font-family: verdana;*/
		text-align: left;
		color:#036;
	}

	#Header h3 span#floatright {
	  text-align: right;
	  width: 300px;
	  position: relative;
	  float: right;
	}

	#Header h3 span.pipe {
	  opacity: 0.6;
	  filter: alpha(opacity=60);
	}

	#Header h3 a.current {
		font-weight: bold;
		text-decoration: none;
	}
	
/*-------------------------------------------------
	Exavo Header
-------------------------------------------------*/	
	#ex_header {
		background-color:#333333;
		height:30px;
		position: relative;
		background: #333333 url(../img/_ui_top_header.gif) top repeat-x;
		width:100%;
		font-size:12px; /* wg dataexport! */
	}

	#logo { 
			z-index:1000; behavior: 
			url(css/iepngfix.htc); 
	}

	#logedin{
		float:right;
		margin: 7px 25px 0px 0px;
		color:#AAA;
	}

	#logedin a:link, #logedin  a:visited {
		color: #AAA;text-decoration: none;
	}

	#logedin  a:hover,#logedin  a:active,#logedin  a:focus {
		background-color: #4A9FD7;
		color: #FFF;
		text-decoration: none;	
	}

  
/*######################################################
    HOLY GRAIL Site STRUCTURE 
######################################################## */

	body {
		min-width: 750px;      /* 2x LC width + RC width */
	}

	.Container {
		padding-top:12px;
		padding-left: 30px;   /* LC width + 30px overall left margin */
		padding-right: 288px;  /* RC width 265 + 23px overall right margin */
		text-align: left;
	}
	
	.ContainerFull {
		padding-top:12px;
		padding-left: 30px;   /* LC width + 30px overall left margin */
		padding-right: 23;    /*  23px overall right margin */
	}	
	
	div.Center {
		position: relative;
		float: left;
		width: 100%;
		text-align: left;
	}
	div.Right {
		position: relative;
		float: left;
		width: 265px;          /* RC width */
		margin-right: -265px;  /* RC width */
		text-align: left;
	}

	div.Center .col {
		padding-right: 20px;
	}

	

.ClearAll {
	padding: 0px;
	clear: both;
	font-size: 0px;
	}

/*######################################################
	FOOTER SETUP 
######################################################	*/
		
	body, html {height:100%}

	div#exbody {
		position:relative; 
		min-height: 100%; 
		height: auto !important; 
		height: 100%; 
		margin:0px;
		margin-bottom: -40px;
	}
	
	div#Footer {
		height:40px; 
		position:relative;	
		background:none repeat scroll 0 0 #333;
		color:#999999;
	}
	#footercontent{
		line-height:40px;
	}	
	.push {height:55px;}
	
	#Footer a:link, #Footer a:visited {
		color: #666;
	}

	#Footer a:hover {
		color: #fff;
		background: #666;
	}

/*######################################################
	QUOTAS
######################################################	*/

	.quotacontainer table{
		border:0px solid;
		padding: 0px;
		margin: 0px;
	}
	.quotacontainer{
	 background-color:#FFF;
	 border: 1px solid #6A7379;
	 padding: 6px;
	}

/* -----------------------------------------------------------------------------
     Form 
   -----------------------------------------------------------------------------*/

	form {
		margin:0px;
	}
	   
	label {
		/*margin: 3px 0;
		font-size: 90%;*/
	}

	label.checkbox {
		font-weight: normal;
		display: inline;
	}

	input.short { width: 50px; }
	input.medium { width: 150px; }
	input.long { width: 250px; }

	.error {
		color: #F00;
		font-weight: bold;
	}

/*-------------------------------------------------
General
-------------------------------------------------*/
	.col h1 {
	
		font-size:12px;
		background:none repeat scroll 0 0 #6A7379;

		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;

		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		
		font-weight:bold;
		margin:0 !important;
		padding:5px;
		color:#1A4F85;color:#FFFFFF;
		text-transform:uppercase;
	}

	.sidemenuwrapper h1 {
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;

		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		
		font-weight:bold;
		margin:0 !important;
		padding:5px;

		text-transform:none;
		color:#2A2A2A;
		font-weight:normal;
		font-size:14px;
	}

	.col h2 {
		margin: 0;
		margin-bottom:5px;
		margin: 0;
		padding:0px;
	}

/*-------------------------------------------------
Tables
-------------------------------------------------*/
	table {
		/*background-color:#E7E7E7;*/
		color: #000;
		font-size:13px; 
		border:      1px solid #6A7379;
		margin: 0px;
	}

	td, th {
		padding: 2px;
		padding-left:4px;
	}

	tbody th {
		font-weight:bold; 
		font-size:11px; 
		padding:4px;
		padding-left:4px;
		background-color:#C1CED7;
		background-color:#CCCCCC;
		color:#343859;
		color:#3C4952;
		border-bottom: 1px solid #6A7379;
		background:url("../img/__thead.gif") repeat-x scroll 0 0 #2A2A2A;
	}

	.editcol 
	{
	 width: 130px;
	 font-size:90%;
	}


	tbody tr		{
		background-color:#FFF; 
		text-align:left;
		}
	tbody tr.odd 	{
		background: #f9f9f9;
	}

	tbody tr.current {
		/*
		background: #9FD74A;
		*/	
	}


	tbody tr td { 
		background: #FFF;

		}

	tbody tr.odd td{ 
		background: #f9f9f9;
	}

	tbody tr.current td{ 
		background-color:#E6F5CD;
	}	
	tbody tr.systemitem td{
		background-color:#E1E1E1;
		padding-left:5px;
	}
	
	tbody tr.current td a{ 
		color:#FFF;
		color:#316AC5;
		color:#090;
		font-weight:bold;
	}	

	tbody tr.current td a:hover{ 
		background-color:transparent;
		color:#090;
		font-weight:bold;
	}	


	table.datagrid { 
		width: 100%; 
		border-collapse: collapse; 
		border:none;
	}

	.descr{ 
	width:30%;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	vertical-align:middle; 
	font-size: 90%;
	background-color:#DAE2E8; 
	background-color:#DAE2E8; 
	color:#343859;
	color:#3C4952;
	}


	.descrdata{ 
	width:40%;
	text-align:right;
	padding-right:10px;
	background-color:#F7F7F0; 
	color:#000;
	font-size:90%;
	font-weight:bold;
	vertical-align:middle; 
	color:#666;
	/* background: #F0F0F0 url( ../img/sidem-bg.gif) bottom repeat-x;*/
	background: transparent;
	}


	.tdedit{ 
	padding-top:4px;
	padding-bottom:4px; 
	vertical-align:middle; 
	font-size: 90%;
	background-color:#ECF1F4; 
	background-color:#FFFFFF;
	color:#333;
	/*border-bottom: 1px solid #C9D1D7;*/
	}

	.tdeditdescr{
	/* width:40%;*/
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px; 
	vertical-align:middle; 
	font-size: 90%;
	background-color:#F5F5F5;
	background-color:#FFF;
	color:#333;
	}

	.tablebottom{
	 padding-top:8px;
	 padding-bottom:8px; 
	 background: #F3F3F3 url( ../img/_ui_fieldset_bg.gif) top repeat-x;
	}

/*-------------------------------------------------
	TABS - Platin Tabs
-------------------------------------------------*/

	#Tabs {
		margin: 0px;
		clear:both;
		width:100%;
		
		font-size:12px; /* wg dataexport! */
	}

	#Tabs ul {
	 	margin:0;
  		list-style:none;

		padding:0;
		padding: 0 20px  0 30px;
	}
		
		#Tabs ul li {
			float:left;
			background:url(../img/__tab-unactive-left.gif) no-repeat left top;
			background:url(../img/__tab-unactive-left.png) no-repeat left top;
			margin:0;
			padding:0 0 0 5px;
			margin:0 4px 0 0;
		}
		#Tabs ul a {
			float:left;
			display:block;
			background:url(../img/__tab-unactive-right.gif) no-repeat right top;
			background:url(../img/__tab-unactive-right.png) no-repeat right top;
			padding:10px 15px 10px 10px;
			text-decoration:none;
			font-weight:normal;
			color:#d0d5de;
			
		}
		
		#Tabs ul a:hover {
			color:white;
		}
		
			/* Hover class */
			#Tabs ul .hover {
				background:url(../img/__tab-hover-left.gif) no-repeat left top;
			}
			#Tabs ul .hover a {
				background:url(../img/__tab-hover-right.gif) no-repeat right top;
			}
			/* Current list item */
			#Tabs ul .current {
				background:url(../img/__tab-active-left.gif) no-repeat left top;
			}
			#Tabs ul .current a {
				background:url(../img/__tab-active-right.gif) no-repeat right top;
				color:#2b2e32;
			}
			/* Highlighted (blue) list item 
			#Tabs ul .highlighted {
				background:url(../images/tab-highlighted-left.gif) no-repeat left top;
			}
			#Tabs ul .highlighted a {
				background:url(../images/tab-highlighted-right.gif) no-repeat right top;
			}
			#Tabs ul .highlighted a:hover {
				color:#93ddff;
			}*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   More Platin Styles
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/	

	.col h1 , .right h1 {
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		
		border-top:1px solid #444444;
		margin:-1px -1px 0;
		padding:7px 0 9px 5px;
		position:relative;
		color:#FFFFFF;
		
		background:url("../img/__headerbox.png") repeat-x scroll 0 0 #3D3D3D;
		text-shadow:0 1px 0 #151515;
		
		background:url("../img/__altheaderbox.png") repeat-x scroll 0 0 #0F518E;
		border-top-color:#0A81D0;
		text-shadow:0 1px 0 #003D68;
		text-transform:none;
		padding:5px 0 6px 5px;
	}

	.sidemenuwrapper h1
	{
		border-top:1px solid #444444;
		margin:-1px -1px 0;

		padding:4px 0 4px 5px;
		
		background:url("../img/__headerbox.png") repeat-x scroll 0 0 #3D3D3D;
		text-shadow:0 1px 0 #151515;
		
		/* new */
		text-shadow: none;
		border:0 none;
		margin:0;
		outline:0 none;
		padding:0;
		vertical-align:baseline;
		padding:0 12px;
		line-height:1.8em;

		-moz-border-radius:5px 5px 0 0;
		color:#2A2A2A;
		
		background:url("../img/__small_box_header_bg.gif")  repeat-x scroll 0 0 #2A2A2A;
		margin:0;
		
	}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ROUND BOXES
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/		
	.boxin {
		-moz-border-radius:6px 6px 6px 6px;
		-moz-box-shadow:0 0 10px #AAAAAA;
		background:none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #999999;
		background-color:#FFFFFF;
	}

	.boxcontent{
		/*display: block;*/
		margin-bottom:5px;
	}
	
	.box-container {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		
		/*display:block;*/
		padding:10px;
	}
	

	.boxcontent table.datagrid { 
		-moz-border-radius:6px 6px 6px 6px;
		-moz-box-shadow:0 0 10px #AAAAAA;
		margin-bottom:-5px;
	}

	.boxcontent td.descr {
		padding:5px;
		padding-right:10px;
	}

	.boxcontent td.tdedit {
		padding:5px;
	}


/*----------------------------
       Sidemenu
 ----------------------------*/
	.sidemenuwrapper{
		/*float:right;
		width: 265px;*/
		background: transparent;
		margin-bottom:10px;
		
		/*new */
		-moz-box-shadow:0 0 10px #A0A0A0;
		-moz-border-radius:5px 5px 5px 5px;
		background:none repeat scroll 0 0 #FDFDFD;
		margin-bottom:15px;
		border: 1px solid #AAAAAA;
	}
	
	.sidemenu {
		border-bottom-width: 0;
		padding-bottom:10px;
		font-size:12px;
		padding:0px;
		margin-bottom:7px;
		padding: 7px;
	}

	.sidemenu h1{
		border:0px solid;
		color:#2A2A2A;
		text-transform:none;
	}

	.sidemenu ul{
		padding: 0; 
		margin: 0;
		list-style-type: none;
	}

	.sidemenu a{
	   padding: 4px 3px;
	   display: block;
	   width: 95%;
	   padding-left:5px;
	   padding-right:5px;
	   overflow:hidden;
	   -moz-border-radius:5px 5px 5px 5px;   
	}

	.sidemenu a:hover, .sidemenu a:active, .sidemenu a:focus 
	{
		color: #1A4F85;
		text-decoration: none;	
	}

 
	.sidemenu ul a:visited.current,
	.sidemenu ul a:link.current
	{
		font-weight:bold;   
		background-color:#EFEFEF;
		color: #216BA4;
	}
  
/*----------------------------
   messages 
  ----------------------------*/
	.formerror{
	  color: #f00;
	  font-weight:bold;

	  font-size:9px;
	  text-align: center;
	  border: 1px solid #F00;
	  padding: 2px 2px 2px 2px;
	  color: #fff;
	  font-weight:bold;
	  background-color: #c00;  
	}

	.errormsg {
	  text-align: left;
	  border: 1px solid #F00;
	  padding: 5px 5px 5px 20px;
	  font-size: 12px;
	  margin: 0 auto 12px auto;
	  color: #fff;
	  font-weight:bold;
	  background-color: #c00;
	  
		background:url("../img/_msg-error.png") repeat-x scroll 0 0 #F9C9C9;
		border-color:#F3ABAB;
		color:#8D0D0D;
		-moz-border-radius:5px 5px 5px 5px;
	}

	.okmsg {
	  text-align: left;
	  border: 1px solid #090;
	  padding: 5px 5px 5px 20px;
	  font-size: 12px;
	  margin: 0 auto 12px auto;
	  color: #060;
	  background-color: #E6F5CD;
	  
		background:url("../img/__msg-ok.png") repeat-x scroll 0 0 #D2ECBA;
		border-color:#A6D877;
		color:#336801;
		-moz-border-radius:5px 5px 5px 5px;
	}

	.warningbox {
		padding:10px; 
		padding-left:70px;
		background: #FFFFC0 url( ../img/warning.gif) 10px 10px no-repeat;
		color:#F00; 
		border: 2px solid #F00;
		font-size:12px;
	}

/*----------------------------
   pagination
  ----------------------------*/
    
	.pagination {
		background:url("../img/__pagination.gif") repeat-x scroll 0 0 #FFFFFF;
		border-top:1px solid #999999;
		color:#333333 !important;
		text-align:center;
		padding:13px 10px 6px;
		top:-1px;
		margin:0px;
		display:block;
	}


	.pagination strong , .paginationCurrent {
		background:url("../img/__pagination-arrow.gif") no-repeat scroll 50% 0 transparent;
		top:-1px;
		padding:15px 10px 8px;
		border:none;
		font-weight: 	bold;
	}
	 
	.pagination a {
		padding:12px 10px 6px;
		text-decoration:   none;
		text-decoration:   none;
		background-color:  transparent;
	}

	.pagination a:hover {
	 color:              #4A9FD7;
	 text-decoration:   none;
	}





 
 .outerbar
 {
  width:200px;
  height:10px;
  background:#FFF;
  border-width:1px;
  border-style:solid;
  border-color:#5795BD;
  font-size:4px;
 }
 
 .innerbar
 {
  width:12px;
  height:10px;
  background:#A2E14F;
  border-right: 1px solid #5795BD;
  font-size:10px;

 }
 
 
.highlighted { background: yellow; }

/* hax
---------*/

.clearfix:after {
	content: ".";
    display: block;
    height: 0;
	clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.clear-both {
clear:both;
}

/* PANEL ADMIN 
*********************************************************/
	.float-right {	float:right;	}
	.width-40 {	width:35em !important;	}

	form.crud button{margin-left:10px;}

	form.crud ol{	
	list-style:none outside none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0 none;
	padding:0;
	vertical-align:baseline;
	}
	form.crud ol li.even { background:none repeat scroll 0 0 #F3F3F3;}
	form.crud ol li { padding:10px;}
	form.crud ol li { -moz-border-radius:5px 5px 5px 5px;margin-bottom:5px;}
	form.crud fieldset {border:0 none;padding-top:10px;}


	.tabs-hide { display:none; }


	ul.tab-menu {	
			-moz-border-radius:5px 5px 5px 5px !important;
			margin:0;
			outline:0 none;
			padding:0;
			vertical-align:baseline;
			height:30px;
			list-style:none outside none;
	}

	ul.tab-menu li {
			display:block;
			list-style:none outside none;
			float:left;		
	}

	ul.tab-menu li.tabs-selected a {
		background:url("../img/__tab-active_bg.png") repeat scroll 0 0 transparent;

		color:#FFFFFF;	
	}

	ul.tab-menu li a {
		background:url("../img/__tab_bg.png") repeat scroll 0 0 transparent;
		border-color:#A9A9A9 #A9A9A9 #A9A9A9 -moz-use-text-color;
		border-style:solid solid solid none;
		border-width:1px 1px 1px medium;
		color:#656565;
		display:inline-block;

		font-size:11px;
		line-height:21px;
		padding:0 10px;
		text-decoration:none;
	}

	ul.tab-menu li:first-child a.current {
		border-left:1px solid #2B2B2B;
	}

	ul.tab-menu li:first-child a {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-topleft:5px;
	}

	ul.tab-menu li:first-child a {
		border-color:#A9A9A9 #A9A9A9 #A9A9A9 -moz-use-text-color;
		border-style:solid solid solid none;
		border-width:1px 1px 1px medium;	
		display:inline-block;
		font-size:11px;
		line-height:21px;
		padding:0 10px;
		text-decoration:none;
	}

	ul.tab-menu li:first-child a {
	border-left:1px solid #A9A9A9;
	}

	ul.tab-menu li:last-child a {
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topright:5px;
	}

/* PANEL Lists
*********************************************************/

	table.table-list {
		margin-bottom:10px;
		width:100%;
		padding:0;
		border-collapse:separate;
		border-spacing:0;
		border: none;
	}

	table.table-list td {
		border-top:1px solid #DFDFDF;
		color:#666666;
		/*font-size:85%;*/
		margin:0;
		/*padding:5px 0;*/
		padding:3px 0;
	}

	table.table-list thead th, table.table-list tfoot td {
		border:medium none;
		font-weight:bold;
		text-align:left;
		margin:0;
		padding:5px 0;	
	}


	tbody th {
		font-weight:bold; 
		font-size:11px; 
		padding:4px;
		padding-left:4px;
		background-color:#C1CED7;
		background-color:#CCCCCC;
		color:#343859;
		color:#3C4952;
		border-bottom: 1px solid #6A7379;
	}


/*- Permission Menu Tabs B--------------------------- */

	#tabsB 
	{
		display:block;
		text-align:left;
		width:100%;
		font-size:12px;
		margin:0;
		padding:0;
		height:24px;
		float:left;
	}

	#tabsB ul 
	{
		margin:0;
	  padding:0;
	  list-style:none;
	}

	#tabsB li 
	{
		  display:inline;
		  margin:0;
		  padding:0;
	}

	#tabsB a 
	{
		  float:left;
		  background:url(../img/tableftB.gif) no-repeat left top;
		  margin:0;
		  padding:0 0 0 4px;
		  text-decoration:none;
	}

	#tabsB a span 
	{
		  float:left;
		  display:block;
		  background:url(../img/tabrightB.gif) no-repeat right top;
		  padding:5px 15px 4px 6px;
		  color:#666;
	}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabsB a span {float:none;}
	/* End IE5-Mac hack */

	#tabsB a:hover span { color:#000;}

	#tabsB a:hover { background-position:0% -42px; }
	#tabsB a:hover span { background-position:100% -42px; }

	#tabsB .current a { background-position:0% -42px; }
	#tabsB .current a span { background-position:100% -42px; }

	.highlighted { background: yellow; }
	
	
/*- Action button --------------------------- */	

	a.button {
		background:url("../img/__button-right-bg-m.gif") no-repeat scroll right top transparent;
		color:#444444;
		display:block;
		float:left;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		height:25px;
		padding-right:11px;
		text-decoration:none;
	}

	a.button span {
		background:url("../img/__button-left-bg-m.gif") no-repeat scroll left top transparent;
		display:block;
		line-height:15px;
		padding:4px 0 7px 10px;
	}
	
	a.button:hover { 
		background-position: right bottom; color:#0063be; 
	}

	a.button:hover span{
		background-position: left bottom;
		color:#0063be;
	}

/*- imagelist --------------------------- */	
	
	form.crud ul.imagelist {	
			margin:0;
			outline:0 none;
			padding:0;
	}

	form.crud ul.imagelist li {
			display:block;
			list-style:none outside none;
			padding:2px;
			margin:0;
			margin-left:10px;
	}