/* ALTE STYLES */
div.voucher img {float:left;}

/* ALTE STYLES */


table.voucher {
    padding: 0;
    margin: 0;
    width: 100%;
}
.nospace {
    padding: 0 !important;
    margin: 0 !important;
	display:inline;
}
table.voucher td {
    margin: 0;
    padding: 4px 0;
    border-bottom: 1px dashed #c8c8c8;
}
table.voucher label{
    margin: 0;
    padding: 0 5px;
}

.sxcol {
    height:45px;
    width: 20px;
    display: block;
    background: #f60;
	padding:0;
	margin:0;
}
.sxcol input{
    height:45px;
	width: 20px;
	padding:0;
	margin:0;
}

.checkbox_confirm {
	margin-top: 16px;
	float: left;
	margin-right: 10px;
	display: block;
}
.gv-img {
	border:1px solid #f60;
	margin:0 !important;
	padding:0 !important;
}


#donee, #customer {
    height: 22px;
    /*width: 12px;*/
    display: block;
    float: left;
	margin-right: 4px;
}


#besteller{
    float: left;
    width: 300px;
}

#empfaenger {
 float: right;
 width: 320px;
 padding-right: 0px;
}
label,input,select {
    display: block;
    float: left;
    margin: 5px 0;
}

label{
    margin-top: 8px;
}

label.csl {
    text-align: left;
    width: 150px;
    padding-right: 10px;
}

label.csl_long {
    text-align: left;
    width: 300px;
    padding-right: 10px;
}

input.csl{
    position: absolute;
    left: 186px;
    width: 160px;
    height: 15px;
}
input.csl_card_nr{
    position: absolute;
    left: 186px;
    width: 140px;
    height: 15px;
}

input.csl_zip{
    position: absolute;
    left: 186px;
    width: 40px;
    height: 15px;
}

input.csl_place{
    position: absolute;
    left: 232px;
    width: 114px;
    height: 15px;
}

input.csl_remark {
	margin-right: 30px;
	float: right;
	width: 300px;
	height: 15px; 	
}

img.img_ssl {
	position: absolute;
	padding-top: 6px;
	left: 332px;	
}

select.csl{
    position: absolute;
    left: 186px;
    width: 164px;
    font-size: 11px;
    /* IE kann die Höhe der SelectBox nicht direkt setzen, deswegen der Umweg über font-size*/
}

select.csl_card_valid_month{
    position: absolute;
    left: 186px;
    width: 80px;
    font-size: 11px;
    /* IE kann die Höhe der SelectBox nicht direkt setzen, deswegen der Umweg über font-size*/
}

select.csl_card_valid_year{
    position: absolute;
    left: 270px;
    width: 80px;
    font-size: 11px;
    /* IE kann die Höhe der SelectBox nicht direkt setzen, deswegen der Umweg über font-size*/
}

select.select_value{
	float:left;
	display:block;
    width: 130px;
    font-size: 11px;
    /* IE kann die Höhe der SelectBox nicht direkt setzen, deswegen der Umweg über font-size*/
}


input.input_value{
	float:left;
	display:block;
    width: 50px;
    height: 15px;
}

label.csr {
    text-align: left;
    width: 150px;
}

input.csr{
    position: absolute;
    left: 520px;
    width: 160px;
    height: 15px;
}

input.csr_zip{
    position: absolute;
    left: 520px;
    width: 40px;
    height: 15px;
}

input.csr_place{
    position: absolute;
    left: 566px;
    width: 114px;
    height: 15px;
}

select.csr {
    position: absolute;
    left: 520px;
    width: 164px;
    font-size: 11px;
	height: 17px;
}

.cond_link {
	color: #333;
	text-decoration:underline;
}


/* neu überschreibt obiges. ivg */

#besteller,
#empfaenger  {
    margin-top: 10px;
}


fieldset {
	padding: 0 0 15px 0;
	clear: both;
}

label.fml {
	text-align: left;
	width: 130px;
    margin-top: 8px;
	padding-right: 0px;
}
input.fml{
    position: relative;
    height: 15px; 
	width:150px;
}
select.fml {
	margin: 5px 0;
	width: 154px;
}
input.fmf{
    position: relative;
    height: 15px; 
	width: 300px;
}
textarea.fmf {
	margin: 5px 0;
	width: 300px;
	height: 120px;
}
textarea.fml {
    position: relative;
    height: 60px; 
	width: 150px;
	margin: 5px 0;
}
select.fmf {
	margin: 5px 0;
	width: 304px;
}

input.csl_zip {
    position: static;
    left: 0;
    width: 40px;
    height: 15px;
	margin-right: 2px; 
}
input.csl_place {
    position: static;
    left: 0;
    width: 103px;
    height: 15px;
}


select.csl_card_valid_month,
select.csl_card_valid_year {
    position: static;
    left: 0;
    width: 76px;
    font-size: 11px;
    /* IE kann die Höhe der SelectBox nicht direkt setzen, deswegen der Umweg über font-size*/
}
select.csl_card_valid_month {
    margin-right: 2px;
}
textarea#message {
	float: right; 
	margin-right: 20px;
	width: 340px;
	height: 60px;	
}

.checkbox_confirm {
	margin-top: 12px;
	margin-right: 0;
}



/* ---------------------------------------------------------
//
// login, list, detail
//
// ------------------------------------------------------ */

#sx-gv-main .sx-gv-leftfloater {
    float: left;
}


#sx-gv-main .sx-gv-rightfloater  {
    float: right;
}

#sx-gv-main table {
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    margin: 0;
}

#sx-gv-main table th {
    background: #FF8636;
    color: #fff;
    margin: 0;
    padding: 3px;
}

#sx-gv-main .sx-gv-list-tablewrapper {
    width: 687px;
    max-height: 200px;
    overflow: auto;
    margin: 10px 10px 0 10px;
}

#sx-gv-main .sx-gv-list-tablewrapper th {
    font-size: 10px;
}

#sx-gv-main .sx-gv-list-tablewrapper td {
    font-size: 10px;
    padding: 2px 1px 2px 1px;
    border-bottom: 1px solid #c8c8c8;
}

#sx-gv-main .sx-gv-list-tablewrapper td.sx-gv-list-tdcentered {
    text-align: center;
    font-weight: bold;
}

#sx-gv-main .sx-gv-list-tablewrapper p {
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}

#sx-gv-main .cs div input,
#sx-gv-mainn .cs div select,
#sx-gv-mainn .cs div textarea {
    width: 160px;
    margin: 0 0 3px 0;
    padding: 1px;
    float: none;
    display: inline;
}

#sx-gv-main .cs select {
    width: 164px;
}

#sx-gv-main .small_wrapper {
    margin: 10px 10px 20px 10px;
    padding: 20px 0 0 0;
    background: #fff url(/common/img/app/res/box-wide_top.gif) no-repeat left top;
}

#sx-gv-main #small_form_wrapper {
    margin: 0;
    padding: 0 0 20px 0;
    background: #fff url(/common/img/app/res/box-wide_bottom.gif) no-repeat left bottom;
}

#sx-gv-main label {
    margin: 0 10px 0 0;
    padding: 1px 0 1px 0;
    border-bottom: 1px dashed #c8c8c8;
    width: 160px;
}

#sx-gv-main .cs p {
    padding: 0 0 10px 0;
    margin: 0;
}


#sx-gv-main .cs p span {
    float: none;
    padding: 0;
    margin: 0;
}

#sx-gv-main .button_wrapper .BtSubmitRed {
    margin-left: 20px;
}

#sx-gv-main .button_wrapper .sx-gv-leftfloater {
    margin-left: 10px;
}

#sx-gv-main .sx-gv-list-notewrapper {
    margin: 3px 10px 20px 10px;
}

#sx-gv-main .sx-gv-list-notewrapper dl {
    margin: 0;
    padding: 0;
}

#sx-gv-main .sx-gv-list-notewrapper dt {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    color: #7e7e7e;
    font-size: 10px;
}

#sx-gv-main .sx-gv-list-notewrapper dd {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    color: #7e7e7e;
    font-size: 10px;
}

#sx-gv-main table {
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    margin: 0;
    width: 100%;
}

#sx-gv-main .sx-gv-detail-tablewrapper {
    margin: 10px 10px 20px 10px;
}

#sx-gv-main .sx-gv-detail-tablewrapper th {
    font-size: 10px;
}

#sx-gv-main .sx-gv-detail-tablewrapper td {
    font-size: 10px;
    padding: 2px 1px 2px 1px;
    border-bottom: 1px solid #c8c8c8;
}

#sx-gv-main .sx-gv-detail-tablewrapper td.sx-gv-list-tdcentered {
    text-align: center;
    font-weight: bold;
}