/* mass response */
/* global styles */

/* general */
*{padding:0; margin:0; font-family:arial; font-size:11px; color:#343e45;}
ul{list-style:none;}
table{border-collapse:collapse;}
body,
input,
select{background:white;}
img{border:none;}

/* logos */
.logo_digapay{float: left; width: 181px; height: 70px; margin-bottom: 20px; background: url(../img/digapay_small.png) no-repeat;}
.logo_tuv{float: right; width: 139px; height: 150px; margin: 80px 15px 0 0;}

/* content */
.digapay_content{margin: 20px auto; width: 700px}
#digapay_content *{font-size:12px; color:#848484;}
.dialog p, .dialog a{font-size:12px;}
#digapay_content .display{clear: left; float: left; width: 534px;}

#digapay_content .nav{float:left; width:100%; height:22px; margin-top: 5px;}
#digapay_content .nav li{text-align: center; padding-top: 5px; float: left; width: 107px; height: 22px; color: #97A3AA; background: url(../img/tab_inactive.png) no-repeat;}
#digapay_content .nav li.active{color: white; background: url(../img/tab_active.png) no-repeat;}
#digapay_content .nav li:first-child{margin-left: 5px;}

#digapay_content .payment{float: left; width: 100%; height: 250px; padding-bottom: 30px; background: url(../img/digapay_background.png) no-repeat;}
#digapay_content .section{clear: left; float:left; margin: 25px 20px 0 20px;}
#digapay_content .section .text{clear: left; float: left;}
#digapay_content .section .title{margin-bottom: 3px;}
#digapay_content .section .title_left{float: left; margin-bottom: 3px;}
#digapay_content .section .msg{float: left; margin-bottom: 3px; color: #00386D; font-weight: bold; height: 35px;}
#digapay_content .section .error{float: left; margin-bottom: 8px; color: red; font-weight: bold; height: 35px; clear: left;}
#digapay_content .section .link ,
.dialog .link{float: left; color: #00386D; text-decoration: underline; cursor: pointer;}
#digapay_content .product_div{border: 1px solid #BABABA; background-color: #DBDBDB; width: 480px; margin-bottom: 20px; padding-bottom: 10px;}
#digapay_content .product_table{margin-left: 10px; padding-bottom: 15px;}
#digapay_content .product_table p{margin: 8px 15px 0 0; color: #00386D;}
#digapay_content .product_table p.label{font-weight: bold;}
#digapay_content input{float:left; padding-left: 10px; font-size: 16px; font-weight: bold; border: 1px solid #BABABA; background-color: #DBDBDB; color: #00386D; width: 320px; height: 26px;}
#digapay_content .button,
#app .digapay_website_container .button{float: left; font-weight: bold; cursor: pointer; margin: -2px 0 0 20px;}
#digapay_content .button .left,
#app .digapay_website_container .button .left{float: left; height: 33px; width: 4px; background: url(../img/button_left.png) no-repeat; border-radius: 10px 0 0 10px}
#digapay_content .button .left_inactive{float: left; height: 33px; width: 4px; background: url(../img/button_left_inactive.png) no-repeat; border-radius: 10px 0 0 10px}
#digapay_content .button .mid{float: left; height: 31px; padding-top: 2px; width: 120px; text-align: center; font-size:11px; color: white; background: url(../img/button_mid.png) repeat-x;}
#app .digapay_website_container .button .mid{float: left; height: 23px; padding-top: 10px; width: 100px; text-align: center; font-size:12px; color: white; background: url(../img/button_mid.png) repeat-x;}
#digapay_content .button .mid_inactive{float: left; height: 31px; padding-top: 2px; width: 120px; text-align: center; font-size:11px; color: white; background: url(../img/button_mid_inactive.png) repeat-x;}
#digapay_content .button .right,
#app .digapay_website_container .button .right{float: left; height: 33px; width: 5px; background: url(../img/button_right.png) no-repeat; border-radius: 0 10px 10px 0}
#digapay_content .button .right_inactive{float: left; height: 33px; width: 5px; background: url(../img/button_right_inactive.png) no-repeat; border-radius: 0 10px 10px 0}

#digapay_content .providerlist{clear: left; height: 70px; margin: 0 -10px; padding-left: 5px; background: url(../img/Footer.png) repeat-x;}
#digapay_content .providerlist img{float: left; margin-left: 25px; height: 50px; margin-top: 10px;}

/* footer */
.digapay_footer{margin: 10px 0 0 180px; width: auto;}
#digapay_footer p,
#digapay_footer a{font-size: 10px; float: left; padding: 0 5px; color: #848484; cursor: pointer; border-right: 1px solid #848484; text-decoration: none;}
#digapay_footer p.last,
#digapay_footer a.last{border: none;}

/* homepage */

.digapay_header{margin: 0 auto; width: 938px; height: 140px;}
.digapay_header .logo{float: left; width: 181px; height: 70px; margin-top: 20px; background: url(../img/digapay_small.png) no-repeat;}

.digapay_header .menuDiv{float: right; clear: right; width: auto;}

#digapay_content .countryChangeLabel{float: right; margin: 31px 5px 0 0; color: #00386D;}
#digapay_content .countryChange{float: right; margin: 25px 170px 0 0; padding-bottom: 10px;}
#digapay_content .countryChange .current{padding: 5px 5px 5px 23px; border: 1px solid lightgray; border: 1px solid #DBDBDB; border-radius: 5px; color: #00386D;}
#digapay_content .countryChange ul{z-index: 110; border: 1px solid #DBDBDB; display: none; position: absolute; margin-top: 10px; border-radius: 5px; background-color: #F0F0F0;}
#digapay_content .countryChange ul :hover{cursor: pointer;}
#digapay_content .countryChange ul p{float: left; color: #00386D; font-size:12px; text-decoration: none; margin: 0px; padding: 5px 0 5px 23px; width: 115px; clear: left; border-radius: 5px;}
.digapay_header .mainmenuDiv{float: left; margin-top: 30px; width: 100%;}
.digapay_header .mainmenuDiv a{font-size:14px; font-weight: bold;}
.digapay_header .mainmenuDiv div{float: left; margin-left: 20px; padding-bottom: 10px;}
.digapay_header .mainmenuDiv div:hover .mainmenu{color:#F3820B; text-decoration: underline;}
.digapay_header .mainmenuDiv div:hover ul, 
#digapay_content .countryChange:hover ul{display: block;}
.digapay_header .mainmenuDiv div:hover ul ul{display: none;}
.digapay_header .mainmenuDiv ul{z-index: 110; border: 1px solid #DBDBDB; display: none; list-style: none inside none; position: absolute; width: 120px; margin-top: 10px; border-radius: 5px; background-color: #F0F0F0;}
.digapay_header .mainmenuDiv ul a{float: left; color: #00386D; font-size:12px; text-decoration: none; margin: 0px; padding: 5px 0 5px 10px; width: 110px; clear: left; border-radius: 5px;}
.digapay_header .mainmenuDiv p{font-size:14px; font-weight: bold;}
.digapay_header .mainmenuDiv ul li:hover ul{display: block;}
.digapay_header .mainmenuDiv ul li:hover a,
#digapay_content .countryChange ul p:hover{background-color: #F3820B !important;}
.digapay_header .mainmenuDiv ul li:hover ul a{background-color: transparent !important;}
.digapay_header .mainmenuDiv ul li:hover ul a:hover{background-color: #F3820B !important;}
.digapay_header .mainmenuDiv ul ul{margin: -1px 0 0 120px;}
/*.digapay_header .mainmenuDiv ul ul li:first-child a{margin-left: -20px; padding-left: 30px; background: url("../img/digapay_submenu_first_inactive.png") no-repeat}
.digapay_header .mainmenuDiv ul ul li:first-child a:hover{background: url("../img/digapay_submenu_first.png") no-repeat}*/
.digapay_header .mainmenu{color:#00386D; text-decoration: none; cursor: pointer;}
.digapay_header .mainmenu_active{color:#F3820B; text-decoration: underline; cursor: pointer;}

.digapay_header .submenuDiv{clear: left; float: left; margin-top: 5px; width: 100%}
.digapay_header .submenu{float: left; font-size:12px; font-weight: bold; margin-left: 20px; color:#00386D; text-decoration: none;}
.digapay_header .submenu:hover{color:#F3820B; text-decoration: underline;}
.digapay_header .submenu_active{float: left; font-size:12px; font-weight: bold; margin-left: 20px; color:#F3820B; text-decoration: underline;}

.digapay_header .logout{height: 18px; width: 70px; margin-top: -2px; padding: 3px 0 0 5px; float: right; color: white; background: url(../img/digapay_logout.png) no-repeat; font-weight: bold; text-decoration: none;}

.sliderbar{position: absolute; height: 180px; margin-top: 120px; z-index: -5; width: 100%; background: url(../img/sliderbar.png) repeat-x;}

.languagebuttonform{float:right; width:300px; margin-top: 20px;}
.languagebutton{position:relative; margin-right:3px; float:right; height:16px; cursor:pointer; z-index: 250;}
.languagebutton .bgde{width:26px; height:100%; background:url(../img/Flag_DE.png);}
.languagebutton:hover .bgde{background:url(../img/Flag_DE_hover.png);}
.languagebutton .bgen{width:26px; height:100%; background:url(../img/Flag_EN.png);}
.languagebutton:hover .bgen{background:url(../img/Flag_EN_hover.png);}
													 
.overlay {float:left; position: fixed; width:100%; height:100%; z-index: 10; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); top: 0px; bottom: 0px;}
.overlay.ie8 {background:url(../img/semitransparent.png) repeat;}

#infoBox{display:none; position:absolute; border:1px solid #BBBBBB; width:261px; padding:5px; background:white; border-radius:4px}

.submitButton{width:0; height:0; border:none;}

.digapay_app_background{height: 100%; min-height: 200px; padding-top: 10px; margin: 0 auto; width: 958px; background: url(../img/digapay_app_background.png) no-repeat;}
#app #content{margin: 0 auto; width: 958px;}
#app #content input{background:white;}
#app .expandable{margin: 0 0 0 26px; width: 898px; float:left;}
#app .expandable select.size1{width:168px; height:18px; padding:0px;}
#app  input.size1{width:168px; height:18px; padding:0px; background:white;}

#app .expandable select.size1{width:168px; height:18px; padding:0px;}
#app .expandable input.size1{width:168px; height:18px; padding:0px;}

#app .expandable .header{position:relative; left:-24px; float:left; width:922px;}
#app .expandable .header .toggle{float:left; width:24px; height:24px; background:url(../img/skin_DEFAULT/expand_toggle_0.png); cursor:pointer;}
#app .expandable .header .toggle:hover{background:url(../img/skin_DEFAULT/expand_toggle_1.png);}
#app .expandable .header .toggle .icon{width:100%; height:100%; background:url(../img/toggle_plus.png);}
#app .expandable .header .bar{float:left; height: 24px; width:898px; background:#BBBBBB url(../img/expandHeader_bg.gif) repeat-x;}
#app .expandable .header .bar .corner{float:left; width:100%; background:url(../img/expandHeader_rightBottom.gif) no-repeat right bottom;}
#app .expandable .header .bar .title{float:left; padding:5px 5px 4px 5px; font-size:12px; font-weight:bold; color:white;}
#app .expandable .header .bar .desc{float:right; padding:5px 0 4px 0;}
#app .expandable .header .bar .cornerRight{float:right; width:5px; height:11px; background:url(../img/expandHeader_right.gif);}
#app .expandable .header .bar .help{float:right; margin:2px 0 0 5px; width:20px; height:20px; background:url(../img/help_0.png); cursor:pointer;}
#app .expandable .header .bar .help:hover{background:url(../img/help_1.png);}

#app .expandable .header .bar .closeBox{float:right; margin-right:6px; margin-top: 3px; width:18px; height:18px; cursor:pointer; background:url(../img/CloseIcon.png); background-repeat:no-repeat;}
#app .expandable .header .bar .closeBox:hover{float:right; margin-right:6px; margin-top: 3px;background:url(../img/CloseIcon_active.png);}

#app .expandable .content{margin: 0; display:none; clear:left; float:left; width:898px; background:#F0F0F0; border-radius: 5px;}
#app .expandable .content .section{float:left; width:888px; padding:10px 5px;}
#app .expandable .content .sec_mandatory{padding:5px;}

#app .expandable .content .section .button{float:right;}
#app .expandable .content .section p.errorMsg{float:left; padding:4px 5px 0 0; color:red; font-weight:bold;}
#app .expandable .content .section p.msg{float:left; padding:4px 5px 0 0; font-weight:bold;}
#app .expandable .content .section .errorMarker{display:block; float:left; padding:2px; background:red;}

#app .dialog{float:left; position:absolute; border:2px solid #FFFFFF; z-index: 100; border-radius:5px; display: none; width:auto;}

#app .exp_opened .header .toggle .icon{background:url(../img/toggle_minus.png);}
#app .exp_opened .header .bar .corner{background:none;}
#app .exp_opened .content{display:block; border: 1px solid #BBBBBB; margin-top: 10px;}

#app .expandable table.input{float:left; margin-bottom:-5px;}
#app .expandable table.input td{vertical-align:top; padding-bottom:5px;}
#app .expandable table.input td label{float:right; padding:1px 10px 0 0; font-weight:bold;}
#app .expandable table.input td .addressBook{cursor:pointer; background:url(../img/addressBook.png) no-repeat 1px; height:18px; padding-left:25px;}
#app .expandable table.input td .addressBook:hover{background:url(../img/addressBook_active.png) no-repeat 1px;}

#app .expandable table.input select,
#app .expandable table.input input,
#app .expandable table.input textarea{float:left;}

#app .expandable table.input select,
#app .expandable table.input input[type="text"],
#app .expandable table.input input[type="password"],
#app .expandable table.input textarea{border:1px solid #BBBBBB; color: #00386D;}

#app .expandable table.input select.size1{width:168px; height:18px; padding:0px;}
#app .expandable table.input select.size1 .null{color: #00386D;}
#app .expandable table.input select.size2{margin-right:4px; width:55px; height:18px; padding:0px;}
#app .expandable table.input select.size3{width:109px; height:18px; padding:0px;}
#app .expandable table.input select.size4{width:709px; height:18px; padding:0px;}
#app .expandable table.input select.size5{width:219px; height:18px; padding:0px;}

#app .expandable table.input div.size1{width:217px;height:18px;position:relative;top:0px;left:0px; border-style:none;}
#app .expandable table div.HCBsize1{width:217px;height:18px;position:relative;top:0px;left:0px; border-style:none;}
#app .expandable table div.HCBsize2{width:53px;height:18px;position:relative;top:0px;left:0px; border-style:none;}
#app .expandable table div.HCBsize3{width:107px;height:18px;position:relative;top:0px;left:0px; border-style:none;}
#app .expandable table div.HCBsize4{width:799px;height:18px;position:relative;top:0px;left:0px; border-style:none;}
#app .expandable table div.HCBsize5{width:217px;height:18px;position:relative;top:0px;left:0px; border-style:none;}
#app .expandable table div.HCBsize6{width:320px;height:18px;position:relative;top:0px;left:0px; border-style:none;}
#app .expandable table div.optionList{width:200px; height:196px;background-color:#FFFFFF;
													 border-width:1px; border-style:solid; border-color:#646464;
													 position:absolute; top:17px; left:1px;	visibility:hidden;}
#app .expandable table div.dropdown{padding:0px;
													border-style:none;
													width:14px; height:18px; position:absolute; top:0px; left:203px;
													background-image:url(../img/digapay_combo_arrow_0.gif); background-repeat:no-repeat;}
#app .expandable table div.dropdown:hover{background-image:url(../img/digapay_combo_arrow_1.png);cursor:pointer}
#app .expandable table input.searchBox{padding:0px;padding-left:2px;autocomplete:off;
													   border-style:solid; border-width:1px; border-color:#BBBBBB;;
													  width:201px; height:16px;	position:absolute;
													  font-family:arial; color:#00386D; font-weight: bold;}										   
											   
.hotComboDefaultOption 	{background-color: #ffffff; color: #4F4F4F;}
.hotComboDefaultOptionSelected 	{background-color: #3399ff; color: #ffffff;}
#app .expandable table.input div.error{border:2px solid red;}

#app .expandable table.input img.full{width:100%;height:100%}

#app .expandable table.input textarea.size1{width:166px; height:59px; padding:0px;}
#app .expandable table.input textarea.size4{width:524px; height:118px; padding:0px;}

#app .expandable table.input select.sizeRelate{margin:0 3px; width:49px; height:18px;}
#app .expandable table.input select.error{border:2px solid red;}

#app .expandable table.input input.size1{width:166px; height:16px;}
#app .expandable table.input input.size2{margin-right:4px; width:53px; height:16px;}
#app .expandable table.input input.size3{width:107px; height:16px;}
#app .expandable table.input input.size4{width:799px; height:16px;}
#app .expandable table.input input.size5{width:217px; height:16px;}

#app .expandable table.input input.sizeCity{width:75px; height:16px;}
#app .expandable table.input input.sizeDate{width:27px; height:16px; text-align:center;}
#app .expandable table.input input.sizeFullDate{width:80px; height:16px; text-align:center;}
#app .expandable table.input input.sizeFullDate::-ms-clear { display: none; }
#app .expandable table.input input.sizeDay{width:27px; height:16px; text-align:center;}
#app .expandable table.input input.sizeMonth{width:27px; height:16px; text-align:center;}
#app .expandable table.input input.sizeYear{width:35px; height:16px; text-align:center;}
#app .expandable table.input input.sizeTime{width:35px; height:16px; margin-right:-3px; text-align:center;}
#app .expandable table.input input.sizeTimeWithSeconds{width:50px; height:16px; margin-right:-3px; text-align:center;}
#app .expandable table.input input.sizeHourMinute{width:21px; height:16px; text-align:center;}
#app .expandable table.input input.sizePhone1{width:36px; height:16px; margin-right:4px;}
#app .expandable table.input input.sizePhone2{width:81px; height:16px; margin-right:-3px;}
#app .expandable table.input input.error{border:2px solid red;}

#app .expandable table.input td p{float:left; padding-top:2px;}
#app .expandable table.input td p.toggle{float:left; width:100%; padding:1px 0 3px 0;}
#app .expandable table.input td p.toggle input{float:none; border:none; position:absolute; margin-top:1px; width:13px; height:13px;}
#app .expandable table.input td p.toggle label{float:none; padding:0 0 0 18px; font-weight:normal;}
#app .expandable table.input td p.spacer{float:left; width:100%; height:5px; padding:0; overflow:hidden;}
#app .expandable table.input td p.city{float:left; padding:1px 12px 0 0px;}

#app .expandable table.input td .info{margin:4px 0 0 5px; width:10px; height:10px; overflow:hidden; background:url(../img/table_info.gif) no-repeat; cursor:pointer;}
#app .expandable table.input td .info p{display:none;}
#app .expandable table.input td .options{margin:4px 0 0 5px; width:10px; height:10px; overflow:hidden; background:url(../img/table_options.gif) no-repeat; cursor:pointer;}
#app .expandable table.input td .options p{display:none;}
#app .expandable table.input td .contextIcon{margin:4px 0 0 5px; width:10px; height:10px; overflow:hidden; background:url(../img/table_options.gif) no-repeat; cursor:pointer;}
#app .expandable table.input td .contextIcon p{display:none;}

#app .expandable table.input .calendar{float:left; width:17px; height:17px; background:url(../img/icon_calendar.gif) no-repeat 4px 4px; cursor:pointer;}
#app .expandable table.input .openDatePicker{float:left; width:17px; height:17px; background:url(../img/icon_calendar.gif) no-repeat 4px 4px; cursor:pointer;}
#app .expandable table.input .openTrans{float:left; width:21px; height:17px; background:url(../img/globe_trans.png) no-repeat 4px 1px; cursor:pointer;}
#app .expandable table.input .openDatePickerNoHover{float:left; width:17px; height:17px; background:url(../img/icon_calendar.gif) no-repeat 4px 4px;}
#app .expandable table.input .clearDatePicker{float:left; width:17px; height:17px; background:url(../img/icon_delete.gif) no-repeat 4px 3px; cursor:pointer;}
#app .expandable table.input .clearDatePicker:hover{float:left; width:17px; height:17px; background:url(../img/icon_delete_hover.gif) no-repeat 4px 3px; cursor:pointer;}
#app .expandable table.input .clearDatePickerNoHover{float:left; width:17px; height:17px; background:url(../img/icon_delete.gif) no-repeat 4px 3px;}

#app .exp_Filter{}

#app .exp_Filter .sec_1{margin:10px 0; padding:0 5px !important;}

#app .exp_Filter .sec_1 table.input .colGroup1{width:140px; text-align:right;}
#app .exp_Filter .sec_1 table.input .colGroup2{width:186px;}
#app .exp_Filter .sec_1 table.input1 .colGroup1{width:140px; text-align:right;}
#app .exp_Filter .sec_1 table.input1 .colGroup2{width:229px;}
#app .exp_Filter .sec_1 table.input1{margin-right:12px;}

#app .exp_Filter .sec_1 .dateTime{float:left; width:181px;}

#app .exp_Filter .sec_1 .dateTime .row{float:left; margin:0 0 1px 0px; width:168px;}
#app .exp_Filter .sec_1 .dateTime .row div{float:left; width:14px; height:18px; cursor:pointer;}
#app .exp_Filter .sec_1 .dateTime .row div.prev{margin-right:1px; background:url(../img/digapay_datePicker_prev_0.gif);}
#app .exp_Filter .sec_1 .dateTime .row div.next{background:url(../img/digapay_datePicker_next_0.gif);}
#app .exp_Filter .sec_1 .dateTime .row div.prev:hover{margin-right:1px; background:url(../img/digapay_datePicker_prev_1.png);}
#app .exp_Filter .sec_1 .dateTime .row div.next:hover{background:url(../img/digapay_datePicker_next_1.png);}
#app .exp_Filter .sec_1 .dateTime .row select{float:left; width:139px; height:18px; background:#c4ced3; text-align:center; border:1px solid #BBBBBB; font-weight: bold;}
#app .exp_Filter .sec_1 .dateTime .row select.active{color:white; background:#174D79;}
#app .exp_Filter .sec_1 .dateTime .row select option{text-align:center;}
#app .exp_Filter .sec_1 .dateTime .row select.active option{color:white;}

#app .exp_Filter .sec_1 .dateTime .box{position:relative; float:left; width:168px; height:33px; background:url(../img/digapay_datePickerBox_bg.png);}
#app .exp_Filter .sec_1 .dateTime .box .range{position:absolute;}
#app .exp_Filter .sec_1 .dateTime .box .range input{float:left; width:55px; height:16px; border:1px solid #7f9db9;}
#app .exp_Filter .sec_1 .dateTime .box .range p{float:left; padding:0 5px; color:white;}
#app .exp_Filter .sec_1 .dateTime .box .range_Date{left:9px; top:7px;}
#app .exp_Filter .sec_1 .dateTime .box .range_Time{display:none; left:9px; top:30px;}
#app .exp_Filter .sec_1 .dateTime .box .openCalendar{position:absolute; right:9px; top:4px; width:9px; height:9px; background:url(../img/datePickerBox_openCal.png); cursor:pointer;}
#app .exp_Filter .sec_1 .dateTime .box .toggleTime{position:absolute; right:7px; top:17px; width:12px; height:12px; background:url(../img/datePickerBox_toggleTime.png); cursor:pointer;}

#app .exp_Filter .sec_1 .dateTime .box_showTime{height:55px; background:url(../img/skin_DEFAULT/datePickerBox_bg_ext.png);}
#app .exp_Filter .sec_1 .dateTime .box_showTime .range_Time{display:block;}

#app .exp_Filter .sec_1 table.input td .legend{float:left; width:13px; height:13px; margin-left:5px;}
#app .exp_Filter .sec_1 table.input td ul{float:left; margin-bottom:-5px; width:180px;}
#app .exp_Filter .sec_1 table.input td li{float:left; width:100%; padding-bottom:5px;}
#app .exp_Filter .sec_1 table.input td li input{float:left; width:13px; height:13px;}
#app .exp_Filter .sec_1 table.input td li label{padding:0 0 0 5px; float:left; font-weight:normal;}

#app .exp_Filter .sec_2 p{float:left; width:175px; font-weight:bold;}
#app .exp_Filter .sec_2 ul{float:left; margin-bottom:-5px; width:180px;}
#app .exp_Filter .sec_2 ul.last{width:173px;}
#app .exp_Filter .sec_2 li{float:left; width:100%; padding-bottom:5px;}
#app .exp_Filter .sec_2 li input{position:absolute; width:13px; height:13px;}
#app .exp_Filter .sec_2 li label{padding-left:18px;}

#app .exp_Filter .sec_3 p{float:left; padding:1px 10px 0 0; font-weight:bold;}
#app .exp_Filter .sec_3 select{float:left; border:1px solid #BBBBBB; width:168px; height:18px; font-weight: bold;}
#app .exp_Filter .sec_3 .add{float:right; padding-left:16px; background:url(../img/add_0.png) no-repeat 0 1px;}
#app .exp_Filter .sec_3 .add:hover{background:url(../img/add_1.png) no-repeat 0 1px;}

#app .exp_Anzeige{}

#app .expandable .paging{float:left; border-bottom:1px solid white; width:100%; padding:5px 0 3px 0;}
#app .expandable .paging .rows{float:left; margin-left:5px;}
#app .expandable .paging .pager_options{float:right; margin-right:5px;}
#app .expandable .paging .pager_options span{padding:0 7px;}
#app .expandable .paging .pager_options .add{padding-left:16px; background:url(../img/add_0.png) no-repeat 0 1px;}
#app .expandable .paging .pager_options .copy{padding-left:16px; background:url(../img/copyadd_0.png) no-repeat 0 1px;}
#app .expandable .paging .pager_options .delete{padding-left:16px; background:url(../img/icon_delete.gif) no-repeat 0 1px;}
#app .expandable .paging .pager_options .print{padding-left:16px; background:url(../img/Print_12x12.png) no-repeat 0 1px;}
#app .expandable .paging .pager_options .export{padding-left:16px; background:url(../img/data_export.png) no-repeat 0 1px;}
#app .expandable .paging .pager_options .add:hover{background:url(../img/add_1.png) no-repeat 0 1px;}
#app .expandable .paging .pager_options .copy:hover{background:url(../img/copyadd_1.png) no-repeat 0 1px;}
#app .expandable .paging .pager_options .delete:hover{background:url(../img/icon_delete_hover.gif) no-repeat 0 1px;}
#app .expandable .paging .pager_options .print:hover{padding-left:16px; background:url(../img/Print_active_12x12.png) no-repeat 0 1px;}
#app .expandable .paging .pages{width:170px; margin:0 auto;}
#app .expandable .paging .pages *{float:left;}
#app .expandable .paging .pages a{margin:4px 5px 0 0; width:6px; height:7px; background:url(../img/paging.gif) no-repeat;}
#app .expandable .paging .pages a.pager_first{cursor:pointer; background-position:0 0; height:12px;}
#app .expandable .paging .pages a.pager_prev{cursor:pointer; background-position:-6px 0; height:12px;}
#app .expandable .paging .pages a.pager_next{cursor:pointer; background-position:-12px 0; height:12px;}
#app .expandable .paging .pages a.pager_last{cursor:pointer; background-position:-18px 0; height:12px;}
#app .expandable .paging .pages p.p1{margin:0 5px 0 5px;}
#app .expandable .paging .pages p.p2{margin:0 10px 0 5px;}
#app .expandable .paging .pages input{margin-top:-1px; border:1px solid #BBBBBB; width:25px; height:16px; text-align:center;}

#app .expandable .dataTable{clear:left; float:left;}
#app .expandable .dataTable table{float:left; border-bottom:1px solid #bdc5c9;}

#infoBox .dataTable{clear:left; float:left;}
#infoBox .dataTable table{float:left; border-bottom:1px solid #bdc5c9;}

.digapay_website_container .dataTable{width:475px;margin:10px 0 0 30px;}

#app .expandable .dataTable th,
.digapay_website_container .dataTable th{border-right:1px solid white; border-bottom:1px solid #BBBBBB; padding:5px 10px; text-align:left; background:#4583B4 url(../img/digapay_table_thBg_0.png) repeat-x;}
#app .expandable .dataTable th p,
.digapay_website_container .dataTable th p{float:left; color:white; }
#app .expandable .dataTable th.last{border-right:none;}
#app .expandable .dataTable th.sortable{cursor:pointer;}
#app .expandable .dataTable th.sortable p{color:white; padding-right:10px; background:url(../img/digapay_table_sortable.gif) no-repeat right center;}
#app .expandable .dataTable th.sorted{background:#BAD2E4 url(../img/digapay_table_thBg_1.png) repeat-x; cursor:pointer;}
#app .expandable .dataTable th.sorted_asc p{color:white; padding-right:10px; background:url(../img/digapay_table_sort_up.gif) no-repeat right center;}
#app .expandable .dataTable th.sorted_desc p{color:white; padding-right:10px; background:url(../img/digapay_table_sort_down.gif) no-repeat right center;}
#app .expandable .dataTable th.sorted_alwaysAsc p{color:white; padding-right:10px; background:url(../img/digapay_table_sort_up.gif) no-repeat right center;}
#app .expandable .dataTable th.sorted_alwaysDesc p{color:white; padding-right:10px; background:url(../img/digapay_table_sort_down.gif) no-repeat right center;}

#infoBox .dataTable th{border-right:1px solid white; border-bottom:1px solid #BBBBBB; padding:5px 10px; text-align:left; background:#4583B4 url(../img/digapay_table_thBg_0.png) repeat-x;}
#infoBox .dataTable th.last{border-right:none;}
#infoBox .dataTable th.sortable{cursor:pointer;}
#infoBox .dataTable th.sortable p{color:white; padding-right:10px; background:url(../img/digapay_table_sortable.gif) no-repeat right center;}
#infoBox .dataTable th.sorted{background:#BAD2E4 url(../img/digapay_table_thBg_1.png) repeat-x; cursor:pointer;}
#infoBox .dataTable th.sorted_asc p{color:white; padding-right:10px; background:url(../img/digapay_table_sort_up.gif) no-repeat right center;}
#infoBox .dataTable th.sorted_desc p{color:white; padding-right:10px; background:url(../img/digapay_table_sort_down.gif) no-repeat right center;}

#app .expandable .sizeDate{width:27px; height:16px; text-align:center;}
#app .expandable .sizeDate{width:27px; height:16px; text-align:center;}
#app .expandable .sizeFullDate{width:80px; height:16px; text-align:center;}
#app .expandable .sizeFullDate::-ms-clear { display: none; }
#app .expandable .sizeDay{width:27px; height:16px; text-align:center;}
#app .expandable .sizeMonth{width:27px; height:16px; text-align:center;}
#app .expandable .sizeYear{width:35px; height:16px; text-align:center;}
#app .expandable .sizeTime{width:35px; height:16px; margin-right:-3px; text-align:center;}
#app .expandable .sizeTimeWithSeconds{width:50px; height:16px; margin-right:-3px; text-align:center;}

#app .expandable .openDatePicker{float:left; width:17px; height:17px; background:url(../img/icon_calendar.gif) no-repeat 4px 4px; cursor:pointer;}
#app .expandable .openDatePickerNoHover{float:left; width:17px; height:17px; background:url(../img/icon_calendar.gif) no-repeat 4px 4px;}
#app .expandable .openTrans{float:left; width:21px; height:17px; background:url(../img/globe_trans.png) no-repeat 4px 1px; cursor:pointer;}
#app .expandable .clearDatePicker{float:left; width:17px; height:17px; background:url(../img/icon_delete.gif) no-repeat 4px 3px; cursor:pointer;}
#app .expandable .clearDatePicker:hover{float:left; width:17px; height:17px; background:url(../img/icon_delete_hover.gif) no-repeat 4px 3px; cursor:pointer;}

#app .expandable .dataTable td,
.digapay_website_container .dataTable td{border:1px solid #BBBBBB; padding:5px 10px; vertical-align:top;}
#app .expandable .dataTable td a,
.digapay_website_container .dataTable td a{float:left;}
#app .expandable .dataTable tr.even td,
.digapay_website_container .dataTable tr.even td{background:white}
#app .expandable .dataTable tr.odd td,
.digapay_website_container .dataTable tr.odd td{background:#F0F0F0;}
#app .expandable .dataTable tr.even.selected td,
.digapay_website_container .dataTable tr.even.selected td{background:#DADADA;}
#app .expandable .dataTable tr.odd.selected td,
.digapay_website_container .dataTable tr .odd.selected td{background:#CDCDCD;}

#app .expandable .dataTable td.right p{float:none; text-align:right;}
#app .expandable .dataTable td.right a{float:right;}
#app .expandable .dataTable td.buttons{width:40px;}
#app .expandable .dataTable td.buttons .edit{margin:0 auto; width:17px; height:17px; background:url(../img/icon_edit.gif); cursor:pointer;}
#app .expandable .dataTable td.buttons .save{float:left; margin:0 3px 0 1px; width:17px; height:17px; background:url(../img/icon_save.gif) no-repeat 2px 4px; cursor:pointer;}
#app .expandable .dataTable td.buttons .cancel{float:left; width:17px; height:17px; background:url(../img/icon_cancel.gif) no-repeat 2px 2px; cursor:pointer;}


#infoBox .dataTable td{border:1px solid #BBBBBB; padding:5px 10px; vertical-align:top;}
#infoBox .dataTable td a{float:left;}
#infoBox .dataTable tr.even td{background:#white;}
#infoBox .dataTable tr.odd td{background:#F0F0F0;}
#infoBox .dataTable tr.even.selected td{background:#DADADA;}
#infoBox .dataTable tr.odd.selected td{background:#CDCDCD;}

#infoBox .dataTable td.right p{float:right;}
#infoBox .dataTable td.buttons{width:40px;}

#app .expandable .dataTable .editRow{float:left; margin:0 3px 0 1px; width:14px; height:14px; background:url(../img/Edit_small.png) no-repeat; cursor:pointer;}
#app .expandable .dataTable .editRow:hover{background:url(../img/Edit_small_active.png);}
#app .expandable .dataTable .refundRow{float:left; margin:0 3px 0 1px; width:14px; height:14px; background:url(../img/refund.png) no-repeat; cursor:pointer;}
#app .expandable .dataTable .copyNewRow{float:left; margin:0 3px 0 1px; width:12px; height:12px; background:url(../img/copyadd_0.png) no-repeat; cursor:pointer;}
#app .expandable .dataTable .copyNewRow:hover{background:url(../img/copyadd_1.png);}
#app .expandable .dataTable .deleteRow{float:left; margin:0 3px 0 1px; width:12px; height:12px; background:url(../img/icon_delete.gif) no-repeat; cursor:pointer;}
#app .expandable .dataTable .deleteRow:hover{background:url(../img/icon_delete_hover.gif);}
#app .expandable .dataTable .createRow{float:left; margin:0 3px 0 1px; width:12px; height:12px; background:url(../img/add_0.png) no-repeat; cursor:pointer;}
#app .expandable .dataTable .createRow:hover{background:url(../img/add_1.png);}

#app .expandable .dataTable tr.editable td{background:#d5dadc;}
#app .expandable .dataTable tr.editable select{height:18px;}
#app .expandable .dataTable tr.editable input[type="text"]{border:1px solid #BBBBBB; height:16px; padding:0 4px;}
#app .expandable .dataTable tr.editable input[type="password"]{border:1px solid #BBBBBB; height:16px; padding:0 4px;}

#app .expandable .dataTable td .options{float:left; margin:2px 5px 0 0; width:12px; height:10px; overflow:hidden; background:url(../img/table_options.gif); cursor:pointer;}
#app .expandable .dataTable td .options p{display:none;}
#app .expandable .dataTable td p{float:left;}
#app .expandable .dataTable td .info{float:right; margin:2px 0 0 5px; width:10px; height:10px; overflow:hidden; background:url(../img/table_info.gif); cursor:pointer;}
#app .expandable .dataTable td .info p{display:none;}

#app .expandable .dataTable th.group{border-bottom:1px solid #97a3aa; padding:1px 10px !important; text-align:center; }
#app .expandable .dataTable th.group p{float:none;}
#app .expandable .dataTable th.grouped{padding:1px 10px !important;}
#app .expandable .dataTable th .info{float:right; margin:2px 0 0 5px; width:10px; height:10px; overflow:hidden; background:url(../img/table_info.gif); cursor:pointer;}
#app .expandable .dataTable th .info p{display:none;}

#app .exp_Apps select{float:left; width:248px; height:163px;}
#app .expandable .buttons{float:left; margin:0 9px; width:83px; padding-top:48px;}
#app .expandable .buttons_small{float:left; margin:0 9px; width:22px; padding-top:48px;}
#app .expandable .btn{float:left; margin-bottom:4px; width:83px; height:23px; cursor:pointer;}
#app .expandable .btn p{float:left; width:100%; padding-top:4px; text-align:center; font-weight:bold; color:white;}
#app .expandable .btn_remove{background:url(../img/btn_remove_0.png);}
#app .expandable .btn_add{background:url(../img/btn_add_0.png);}
#app .expandable .btn_remove:hover{background:url(../img/btn_remove_1.png);}
#app .expandable .btn_add:hover{background:url(../img/btn_add_1.png);}
#app .expandable .btn_up{width:22px; background:url(../img/btn_up_0.png);}
#app .expandable .btn_down{width:22px; background:url(../img/btn_down_0.png);}
#app .expandable .btn_up:hover{width:22px; background:url(../img/btn_up_1.png);}
#app .expandable .btn_down:hover{width:22px; background:url(../img/btn_down_1.png);}
#app .expandable .actionbtn{float:right; width:98px; height:20px; cursor:pointer;}
#app .expandable .actionbtn p{float:left; width:85%; padding-left:6px; padding-top:3px; text-align:left; font-weight:bold; color:white; text-align:center;}
#app .expandable .actionbtn_normal{background:url(../img/btn_digapay.png);}
#app .expandable .actionbtn_glow{background:url(../img/btn_digapay.png);}
#app .expandable .actionbtn_disabled{background:url(../img/btn_digapay_inactive.png);cursor:default;float:left;);}

#app #calendar{display:none; position:absolute; left:100px; top:100px; width:303px; height:158px; background:url(../img/calendar_bg.png); z-index:100;}
#app #calendar .content{position:absolute; left:0; top:0; width:297px; height:152px; padding:2px 4px 4px 2px; z-index:1;}
#app #calendar .close{display:inline; float:right; margin:0 6px 1px 0; width:13px; height:13px; background:url(../img/calendar_close.gif) no-repeat 4px 4px; cursor:pointer;}
#app #calendar .monthBar{display:inline; float:left; margin:0 0 3px 23px; width:266px; height:13px; background:url(../img/skin_DEFAULT/calendar_monthBg.gif);}
#app #calendar .monthBar p.month{float:left; width:100px; font-weight:bold; text-align:center;}
#app #calendar .monthBar p.month1{margin-right:42px;}
#app #calendar .monthBar .arrow{float:left; width:12px; height:13px; cursor:pointer;}
#app #calendar .monthBar .arrow_left{background:url(../img/calendar_arrowLeft.png) no-repeat 3px 1px;}
#app #calendar .monthBar .arrow_right{background:url(../img/calendar_arrowRight.png) no-repeat 3px 1px;}
#app #calendar table{display:inline; float:left; margin:0 5px 8px 8px; border-collapse:collapse;}
#app #calendar table p{float:left; border-bottom:1px solid white; font-size:10px; text-align:center; cursor:pointer;}
#app #calendar table th.week p{}
#app #calendar table th.day p{float:left; width:17px; height:13px; color:white; background:url(../img/calendar_thBg.gif);}
#app #calendar table td.week p{border-right:1px solid white; width:14px; height:12px; padding-top:1px; font-size:9px; color:#97a3aa; background:url(../img/calendar_weekBg.gif);}
#app #calendar table td.day p{float:left; width:17px; height:13px; background:url(../img/calendar_tdBg.gif);}
#app #calendar table td.day p.selected{color:white; background:url(../img/skin_DEFAULT/calendar_selection.gif);}
#app #calendar .button{display:inline; float:right; margin-right:8px;}
#app #calendar iframe{display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
#app #datePicker{display:none; position:absolute; left:100px; top:100px; width:0px; height:158px; background:url(../img/calendar_bg.png); z-index:100;}
#app #datePicker .content{position:absolute; left:0; top:0; width:297px; height:152px; padding:2px 4px 4px 2px; z-index:1;}
#app #datePicker .close{display:inline; float:right; margin:0 6px 1px 0; width:13px; height:13px; background:url(../img/calendar_close.gif) no-repeat 4px 4px; cursor:pointer;}
#app #datePicker .button{display:inline; float:right; margin-right:8px;}

#app .providerDisplay{height: 20px; width: 898px; float: left; margin-bottom: 20px;}
#app .providerDisplay .provider_title{color: #00386D; float: left; margin: 5px; font-size: 18px; font-weight: bold;}
#app .providerDisplay .digapay_export{border-left: 1px solid #BBBBBB; float: right; padding-left: 35px; margin-right: 10px;}
#app .providerDisplay .digapay_export .link{float: right; margin: 5px 5px 0px -25px; padding: 4px 0 0 30px; height: 18px; cursor: pointer; text-decoration: underline;}

#app #footer{clear: left; width: 898px; margin: 0 auto;}
#app #footer a{text-decoration: none; font-size: 10px; float: right; margin: 20px 0 10px 0; padding: 0 5px; color: #848484; cursor: pointer; border-right: 1px solid #848484;}
#app #footer a.first{border: none;}

#app #content .loginBody .input{float:left; margin:10px 20px 20px 20px; width:533px;}
#app #content .loginBody .input .group{float:left; width:180px;}
#app #content .loginBody .input .group label{font-size: 12px; float:left; margin-bottom:1px;}
#app #content .loginBody .input .group input{font-size: 12px; float:left; width:164px; height:17px; padding:2px 0 0 2px;}
#app #content .loginBody .input .group input.error{border:2px solid red;}
#app #content .loginBody .input .button{float:left; width:98px; height:20px; cursor:pointer; margin-top:16px; background:url(../img/btn_digapay.png);}
#app #content .loginBody .input .button p{color: white; width: 95%; font-weight: bold; text-align: center; padding-top: 3px;}
#app #content .loginBody .error{clear:left; margin:20px 0 10px 20px; color:red; font-weight:bold;}

#app .expandable .loginBody .input select,
#app .expandable .loginBody .input input,
#app .expandable .loginBody .input textarea{float:left;}

#app .expandable .loginBody .input select,
#app .expandable .loginBody .input input[type="text"],
#app .expandable .loginBody .input input[type="password"],
#app .expandable .loginBody .input textarea{border:1px solid #BBBBBB;}

#app .digapay_website_container{margin: 10px 0 0 28px; width: 898px; float:left;}
#app .digapay_website_container p,
#app .digapay_website_container a,
#app .digapay_website_container li{font-size: 12px;}
#app .digapay_website_container p.header{clear: left; font-size: 14px;}
#app .digapay_website_container .leftColumn{float: left; width: 160px;}
#app .digapay_website_container .middleColumn{float: left; width: 535px; margin: 0 20px; border: 1px solid #DBDBDB; border-radius: 5px; padding-bottom: 10px;}
#app .digapay_website_container .middleColumn img{margin: 10px 10px 40px 10px;}
#app .digapay_website_container .rightColumn{float:left; width: 160px;}
#app .digapay_website_container .header,
#app .teaserbox .header{font-size: 14px; font-weight: bold; color: #00386D; padding: 10px;}
#app .digapay_website_container .subheader,
#app .teaserbox .subheader{font-size: 14px; font-weight: bold; color:#F3820B; text-decoration: underline; padding: 20px 10px 10px 10px;}
#app .digapay_website_container .text,
#app .teaserbox .text{float:left; padding: 0 10px 0 10px;}
#app .digapay_website_container .text_left{float: left; padding: 0 0 0 3px;}
#app .digapay_website_container .link,
#app .teaserbox .link{float: left; font-size: 12px; padding: 0 10px; color:#F3820B; text-decoration: underline; font-weight: bold;}
#app .digapay_website_container .link_left{float: left; font-size: 12px; padding: 0 0 0 3px; color:#F3820B; text-decoration: underline; font-weight: bold;}
#app .digapay_website_container .textlink_text{float: left; padding: 0 0 0 10px;}
#app .digapay_website_container .textlink_text_left{float: left; padding: 0 0 0 3px;}
#app .digapay_website_container .textlink_link{float: left; padding: 0 0 0 3px; color:#F3820B; text-decoration: underline; font-weight: bold;}
#app .digapay_website_container .list{clear: left; padding: 10px 10px 5px 10px;}
#app .digapay_website_container .listitem{margin: 0 0 5px 20px; padding: 2px 0 0 25px; height: 20px; background: url(../img/check2.png) no-repeat;}
#app .teaserbox{width: 100%; border: 1px solid #DBDBDB; border-radius: 5px; margin-bottom: 20px; overflow: hidden;}
#app .teaserbox .headerbox{padding: 5px; height: 16px; font-size: 14px; color: white; font-weight: bold; text-align: center; background: url('../img/digapay_teaserbox.png') repeat-x transparent;}
#app .teaserbox .menu{display: block; cursor: pointer; padding: 5px; border-top: 1px solid #DBDBDB;}
#app .teaserbox .menu:hover{background-color: #F0F0F0;}
#app .teaserbox .menu_selected{display: block; cursor: pointer; padding: 5px; border-top: 1px solid #DBDBDB; font-weight: bold; color: #00386D; background-color: #F0F0F0;}
#app .teaserbox .submenu{cursor: pointer; padding: 5px 5px 5px 25px; border-top: 1px solid #DBDBDB;}
#app .teaserbox .submenu:hover{background-color: #F0F0F0;}
#app .teaserbox .submenu_selected{cursor: pointer; padding: 5px 5px 5px 25px; border-top: 1px solid #DBDBDB; font-weight: bold; color: #00386D; background-color: #F0F0F0;}
#app .teaserbox .listitem{margin: 0 0 3px 5px; padding: 0 0 0 25px; height: 20px; background: url(../img/check2.png) no-repeat;}

#app .slideshow{margin: -30px auto 0 auto;}
#app .slideshow_prev{background:url(../img/slideshow_prev.png) no-repeat; margin-right: 8px; width: 17px; height: 30px; float: left; cursor: pointer;}
#app .slideshow_next{background:url(../img/slideshow_next.png) no-repeat; margin-left: 8px; width: 17px; height: 30px; float: left; cursor: pointer;}

/* hot combo box v2 */
a.dropdownV2{padding:0px; border-style:none; width:14px; height:18px; position:absolute; top:0px; left:203px; background-image:url(../img/digapay_combo_arrow_0.gif); background-repeat:no-repeat;}
a.dropdownV2:hover{background-image:url(../img/digapay_combo_arrow_1.png);cursor:pointer;}
ul.optionListV2{width:200px; height:196px;background-color:#FFFFFF; border-width:1px; border-style:solid; border-color:#646464; position:absolute; top:17px; left:1px; overflow-x:hidden; overflow-y:auto;}
.hotComboV2DefaultOption{background-color: #ffffff; color: #00386D;}
.hotComboV2DefaultOptionSelected{background-color: #3399ff; color: #ffffff;}
.hcbV2DefOpt{background-color: #ffffff; color: #343E45; float: none; cursor: pointer; padding-left: 17px; white-space: nowrap; z-index: 3;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.hcbV2DefOptSel{background-color: #3399ff; color: #ffffff; float: none; cursor: pointer; padding-left: 17px; white-space: nowrap; z-index: 3;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.hotComboV2Loading{background: white url(../img/anim_loading_16x16.gif) right center no-repeat;}

/* Datepicker */
#app .exp_Filter .sec_1 .dateTime .box .datepickerJQuery{position:absolute; right:9px; top:4px; width:9px; height:9px; background:url(../img/datePickerBox_openCal.png); cursor:pointer;}
#app .exp_Filter .sec_1 .dateTime .box .datepickerJQueryCmp{position:absolute; right:9px; top:4px; width:9px; height:9px; background:url(../img/datePickerBox_openCal.png); cursor:pointer;}
div.datepicker { z-index:6000; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 196px; height: 147px; position: absolute; cursor: default; top: 0; left: 0; display: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.datepickerContainer { background: #EEF3F5; position: absolute; top: 10px; left: 10px; }
.datepickerBorderT { position: absolute; left: 10px; top: 0; right: 10px; height: 10px; background: url(../img/datepicker_t.png); }
.datepickerBorderB { position: absolute; left: 10px; bottom: 0; right: 10px; height: 10px; background: url(../img/datepicker_b.png); }
.datepickerBorderL { position: absolute; left: 0; bottom: 10px; top: 10px; width: 10px; background: url(../img/datepicker_l.png);}
.datepickerBorderR { position: absolute; right: 0; bottom: 10px; top: 10px; width: 10px; background: url(../img/datepicker_r.png);}
.datepickerBorderTL { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: url(../img/datepicker_tl.png); }
.datepickerBorderTR { position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: url(../img/datepicker_tr.png); }
.datepickerBorderBL { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; background: url(../img/datepicker_bl.png); }
.datepickerBorderBR { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; background: url(../img/datepicker_br.png); }
.datepickerHidden { display: none; }
div.datepicker table { border-collapse:collapse }
div.datepicker a { color: #000000; text-decoration: none; cursor: pointer; outline: none; }
div.datepicker table td { text-align: right; padding: 0; margin: 0; }
div.datepicker th { text-align: center; color: #999; font-weight: normal; }
div.datepicker tbody a { display: block; text-align: center }
.datepickerDays a { width: 20px; line-height: 16px; height: 16px; padding-right: 2px; }
.datepickerYears a,
.datepickerMonths a { width: 44px; line-height: 36px; height: 36px; text-align: center; }
td.datepickerNotInMonth a span { color: #999 }
td.datepickerSelected a span { color: #FFFFFF; font-weight: bold; }
td.datepickerSelected a { background: #B5C5D5; }
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected a { background: #B5C5D5; }
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected a span { color: #999; }
div.datepicker a:hover { background: #B5C5D5; }
div.datepicker a:hover span { color: #FFFFFF; }
div.datepicker td.datepickerNotInMonth a:hover span { color:#999; }
div.datepicker td.datepickerNotInMonth a:hover { background: #B5C5D5; }
div.datepicker tbody th { text-align: left; }
.datepickerSpace div { width: 20px; }
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a { text-align: center; height: 20px; line-height: 20px; }
.datepickerGoNext a { float: right; width: 20px; }
.datepickerGoPrev a { float: left; width: 20px; }
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears { display: none; }
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW { display: none; }
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW { display: none; }
tbody.datepickerDays th.datepickerWeek  {font-weight: bold; text-align:center; border-right-style:solid; border-width:1px;}
/*
tbody.datepickerDays th.datepickerWeek a span{ font-weight: bold; cursor: pointer;}
tbody.datepickerDays th.datepickerWeek a {border-right-style:solid;border-width:1px;}
*/
tbody.datepickerDays th.datepickerWeekSingle  {font-weight: bold;  text-align:center; border-right-style:solid; border-width:1px;}
table.datepickerViewDays tr.datepickerDoW { background-color: #00386d; scroll -5px 0; border-right-width: 10px; } /*expandHeader_bg.gif*/
table.datepickerViewDays tr.datepickerDoW th span { color: #FFFFFF; font-weight: bold; }