/* STYLESHEET FOR VOUCHER4ALL.DE



FILE: style.css

AUTHOR: traian oprean, info@oprean-computing.de

DATE: 16.01.2004



*/

html{

	background-color:#FFFFFF;

	font-size: 11px;

}

html, body {

	margin:0;

	padding:0;

}


.numberCircle {
	border-radius: 50%;
    padding: 4px;
    background: #d60000;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    text-shadow: none;
}
		

#crumbs {

	height:31px;

    background-image:url(../images/bckgr_breadcrumb.gif);

	list-style-type:none;

	padding:0;

	margin:0;	

	float: left; 

	width: 780px; 

	margin-bottom: 10px;

	

	}

#crumbs li {

	float:left;

	line-height:29px;

	color:#777;

	padding-left:.75em;	

	margin-top:1px;

	font-size:12px;

	}	



#crumbs li a {

	background:url(../images/crumbs.gif) no-repeat right center;

	display:block;

	padding:0px 15px 0 0;





	

	}							

#crumbs li a:link,

#crumbs li a:visited {

	text-decoration:none;

	}	

a:link, a:visited,	

#crumbs li a:hover,

#crumbs li a:focus {

	color:#97948c;

	}		

.tag {
  background: #e9e9c6;
  border-radius: 3px 0 0 3px;
  color: #000;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  cursor: default;
}	

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #e9e9c6;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #eee;
  color: #999;
}

.tag:hover::after {
   border-left-color: #eee; 
}



table				{ font-family:Verdana; font-size:11; color:#000000; font-weight:normal; }

tr					{ font-family:Verdana; font-size:11; color:#000000; font-weight:normal; }

td					{ font-family:Verdana; font-size:11; color:#000000; font-weight:normal; }



p					{ font-family:Verdana; font-size:11; color:#000000; font-weight:normal; }



a:link.bold     	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:visited.bold  	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:active.bold   	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:hover.bold    	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }



a:link    			{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:visited  			{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:active   			{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:hover				{ font-family:Verdana; font-size:11; color:#333; font-weight:bold; text-decoration:underline; }



a:link.button		{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:visited.button	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:active.button 	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:hover.button		{ font-family:Verdana; font-size:11; color:#FFFFFF; font-weight:bold; text-decoration:none; }



a:link.footer		{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:visited.footer	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:active.footer 	{ font-family:Verdana; font-size:11; color:#000000; font-weight:bold; text-decoration:none; }

a:hover.footer		{ font-family:Verdana; font-size:11; color:#FFFFFF; font-weight:bold; text-decoration:none; }



a:link.smallFontTable		{ font-family:Verdana; font-size:9; color:#000000; font-weight:normal; text-decoration:none; }

a:visited.smallFontTable	{ font-family:Verdana; font-size:9; color:#000000; font-weight:normal; text-decoration:none; }

a:active.smallFontTable 	{ font-family:Verdana; font-size:9; color:#000000; font-weight:normal; text-decoration:none; }

a:hover.smallFontTable		{ font-family:Verdana; font-size:9; color:#FFFFFF; font-weight:normal; text-decoration:underline; }





.border{

	background-color:#423C2F;

}

.button				{

	background-color:#ECECEC;

}

.buttonborder		{ background-color:#FFFFFF; }

.searchbar			{

	background-color:#ECECEC;

	border:1px solid #DADADA;

}

.rowAKT				{ background-color:#D5F1FF; color:#000000; }

.rowAKT2			{

	background-color:#D5F1FF;

	color:#000000;

}

.rowSTO				{ background-color:#FFC6A5; color:#000000; }

.rowEND				{ background-color:#E0E0E0; color:#000000; }

.rowLOCK			{ background-color:#C6EFF7; color:#000000; }

.rowDEN				{ background-color:#FFB573; color:#000000; }

.rowDEN2			{

	background-color:#FFD1A8;

	color:#000000;

}

.rowERR				{ background-color:#D60000; color:#FFFFFF; }

.rowRFI				{ background-color:#FFFF9C; color:#000000; }

.rowOUT				{ background-color:#808080; color:#FFFFFF; }

.rowSPEC			{ background-color:#AD9410; color:#FFFFFF; }





.rowGelb			{ 

	background-color:#FFFF9C; 

	color:#000000; 

}

.rowOrange			{

	background-color:#FFD1A4;

	color:#000000;

}

.rowGrun			{

	background-color:#B3FFCB;

	color:#000000;

}





.fault				{ color:#D60000; }

.smallFontTable		{ font-size:9; }

.rowPRUF			{

	background-color:none;

	color:#000;

}





.pagination {

    margin-top: 10px;

}

.pagination span {

    padding-right: 0.625em;

    padding-top: 0.3125em;

}

.pagination a {

    margin-right: 10px;

    margin-top: 0.125em;

    padding: 0.1875em 0.5625em 0.25em;

    text-decoration: none;

}

.pagination a:hover {

   

}

.pagination a.active, .pagination a.active:hover {

    background-color: #808080;

    color: #FFFFFF;

    font-weight: bold;

    margin-top: 0;

    padding: 0.1875em 0.5625em 0.25em;

}



.logout a:hover{ text-decoration:none !important}

a .button2{  font-size: 12px; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; background:#97948D; padding:5px 9px; cursor:pointer; color:#CCCCCC;float:right; text-decoration:none !important; }

a:hover .button2 {color:#fff; text-decoration:none !important}



#header {

    float: left;

    font-size: 11px;

    line-height: 12px;

    top: 66px;

    position: absolute;

}

#header ul {

    list-style: none outside none;

    margin: 0;

    padding: 10px 0px 0;

}

#header li {

    background: url("left.png") no-repeat scroll left top transparent;

    float: left;

    margin: 0;

    padding: 0 0 0 18px;

}

#header a {

    background: url("right.png") no-repeat scroll right top transparent;

     color:#CCCCCC;

    display: block;

    float: left;

    font-weight: bold;

    padding: 5px 20px 4px 0px;

    text-decoration: none;

}

#header a {

    float: none;

}

#header a:hover {

    color: #fff;

}

#header #current {

    background-image: url("left_on.png");

}

#header #current a {

    background-image: url("right_on.png");

    color: #000000;

    padding-bottom: 5px;

}



table.gridtable {

	font-family: verdana,arial,sans-serif;

	font-size:11px;

	color:#333333;

	border-width: 1px;

	border-color: #666666;

	border-collapse: collapse;

	text-align: center;

}

table.gridtable th {

    background:#b5cfd2 url('../images/cell-grey.jpg');	

	border-width: 1px;

	padding: 8px;

	border-style: solid;

	border-color: #666666;

	background-color: #dedede;

}

table.gridtable td {

	border-width: 1px;

	padding: 8px;

	border-style: solid;

	border-color: #666666;

	background-color: #fbfbfb;

}



.oddrowcolor{

	background-color:#d4e3e5;

}

.evenrowcolor{

	background-color:#c3dde0;

}



.buttons {

    float: left;

    padding-bottom: 20px;

    clear: both;

}





a.button, input.button {

    color: #6e6e6e;

    font: bold 12px Helvetica, Arial, sans-serif;

    text-decoration: none;

    padding: 7px 12px;

    position: relative;

    display: inline-block;

    text-shadow: 0 1px 0 #fff;

    -webkit-transition: border-color .218s;

    -moz-transition: border .218s;

    -o-transition: border-color .218s;

    transition: border-color .218s;

    background: #f3f3f3;

    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));

    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));

    border: solid 1px #dcdcdc;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    margin-right: 10px;

	cursor:pointer;

}

a.button:hover, input.button:hover {

    color: #333;

    border-color: #999;

    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}

a.button:active, input.button:active {

    color: #000;

    border-color: #444;

}

a.left {

    -webkit-border-top-right-radius: 0;

    -moz-border-radius-topright: 0;

    border-top-right-radius: 0;

    -webkit-border-bottom-right-radius: 0;

    -moz-border-radius-bottomright: 0;

    border-bottom-right-radius: 0;

    margin: 0;

}

a.middle {

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-left: solid 1px #f3f3f3;

    margin: 0;

    border-left: solid 1px rgba(255, 255, 255, 0);

}

a.middle:hover,

a.right:hover { border-left: solid 1px #999 }

a.right {

    -webkit-border-top-left-radius: 0;

    -moz-border-radius-topleft: 0;

    border-top-left-radius: 0;

    -webkit-border-bottom-left-radius: 0;

    -moz-border-radius-bottomleft: 0;

    border-bottom-left-radius: 0;

    border-left: solid 1px #f3f3f3;

    border-left: solid 1px rgba(255, 255, 255, 0);

}

a.big {

    font-size: 16px;

    padding: 6px 11px;

}

a.supersize {

    font-size: 20px;

    padding: 15px 20px;

}

a.save {

    background: url(../images/sprite.png) 10px 7px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.add {

    background: url(../images/sprite.png)  10px -27px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.delete {

    background: url(../images/sprite.png)  10px -61px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.flag {

    background: url(../images/sprite.png)  10px -96px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.up {

    background: url(../images/sprite.png)  13px -133px no-repeat #f3f3f3;

    width: 18px;

}

a.down {

    background: url(../images/sprite.png)  13px -168px no-repeat #f3f3f3;

    width: 18px;

}

a.save-big {

    background: url(../images/sprite.png) 15px 11px no-repeat #f3f3f3;

    font-size: 12px;

    padding: 10px 15px 10px 35px;

}

a.add-big {

    background: url(../images/sprite.png)  15px -23px no-repeat #f3f3f3;

    font-size: 12px;

    padding: 10px 15px 10px 35px;

}

a.delete-big {

    background: url(../images/sprite.png)  10px -62px no-repeat #f3f3f3;

    font-size: 12px;

    padding: 6px 11px 6px 31px;

}



a.prev-big {

    background: url(../images/sprite.png)  10px -243px no-repeat #f3f3f3;

    font-size: 12px;

    padding: 6px 11px 6px 31px;

}







a.find-big {

    background: url(../images/sprite.png)  10px -280px no-repeat #f3f3f3;

    font-size: 12px;

    padding: 6px 11px 6px 31px;

}



a.flag-big {

    background: url(../images/sprite.png)  15px -92px no-repeat #f3f3f3;

    font-size: 16px;

    padding: 10px 15px 10px 35px;

}

a.up-big {

    background: url(../images/sprite.png)  15px -128px no-repeat #f3f3f3;

    width: 18px;

    font-size: 16px;

    padding: 10px 15px;

}

a.down-big {

    background: url(../images/sprite.png)  15px -163px no-repeat #f3f3f3;

    width: 18px;

    font-size: 16px;

    padding: 10px 15px;

}



.error{ border:1px solid #FF0000; color:#FF0000;}

span.error, div.error{ border:none;}



code{

    display: block;

    background: #ddd;

    border: solid 2px #666;

    line-height: 15px;

}



.editme{ margin:0px; padding:0px; color: red;   cursor: pointer;}

.editme_price_type{ margin:0px; padding:0px;}



.inplace_field{width:100%}

.step{padding:10px 20px;}
.gotostep{ cursor:pointer; }
#step-holder {
	font-family: Tahoma;
	height: 39px;
	margin-bottom: 20px;
}
#step-holder li{
	float: left;
	list-style: none outside none;
    white-space: nowrap;
}
.step-no {
	float: left;
	height: 29px;
	width: 18px;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 0 0 0;
	text-align: center;
}

.step-no-off {
	float: left;
	height: 29px;
	width: 18px;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 0 0 0;
	text-align: center;
	color: #cbcbcb;
}

.step-dark-left {
	float: left;
	background: url(../images/forms/step_dark_left.gif) no-repeat;
	height: 27px;
	padding: 13px 15px 0 25px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.step-dark-left a {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.step-dark-right {
	float: left;
	width: 12px;
	background: url(../images/forms/step_dark_right.gif) no-repeat;
	height: 39px;
}

.step-dark-round {
	float: left;
	width: 8px;
	height: 39px;
	background: url(../images/forms/step_dark_round.png) no-repeat;
}

.step-done-left {
	float: left;
	height: 27px;
	padding: 13px 15px 0 25px;
	font-size: 12px;
	background: url(../images/forms/step_done_left.png) no-repeat;
	height: 39px;
	color: #707800;
	font-weight: bold;
}
.step-done-left a {
font-size: 12px;
color: #707800;
font-weight: bold;
}
.step-done-right {
	float: left;
	width: 12px;
	background: url(../images/forms/step_done_right.png) no-repeat;
	height: 39px;
}
.step-done-round {
	float: left;
	width: 8px;
	height: 39px;
	background: url(../images/forms/step_done_round.png) no-repeat;
}

.step-light-left {
	float: left;
	height: 27px;
	padding: 13px 15px 0 25px;
	font-size: 12px;
	background: url(../images/forms/step_light_left.gif) no-repeat;
	height: 39px;
	color: #cbcbcb;
	font-weight: bold;
}

.step-light-left a {
	font-size: 12px;
	font-family: Tahoma;
	color: #cbcbcb;
	font-weight: bold;
}

.step-light-right {
	float: left;
	width: 12px;
	background: url(../images/forms/step_light_right.gif) no-repeat;
	height: 39px;
}

.step-light-round {
	float: left;
	width: 8px;
	height: 39px;
	background: url(../images/forms/step_light_round.gif) no-repeat;
}