/* 
    Document   : account
    Created on : 2012-04-18, 18:06:49
    Author     : tech-prog
    Description:
        CMS Register hurt object
*/

@media only screen and (max-device-width : 1024px) and (min-device-width : 768px) {
	.leftCol, .rightCol {
		display: none !important;
	}	
	.midCol {
		width: 100% !important;
	}
	.underInfo {
		display: block;
		height: 130px !important;
	}
}

    
.boxHeader {
	margin-top: 0;
	/*font-size: 16px;*/
	color: inherit;
	height: 18px;
	clear: both;
	padding: 4px 4px 4px 4px;
	margin-bottom: 16px;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;	
	border-bottom: 1px solid silver;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
    
.boxHeader.active {
		background-image: -webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%) !important;
		background-image: -o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%) !important;
		background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6)) !important;
		background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0) !important;
		background-repeat: repeat-x;
}
    

 
 .uploader {
 width: 200px !important;
 margin-left: 20px !important;
 float: left;
 }
 
.uploader .info_reg {
height: 100px !important;
display: table-cell;
width: 200px;
vertical-align: middle;
text-align: center;
}
 
#files_uploaders {
	height: 180px;
	display: block;
	}
#account_data {
	height: 180px;
	width: 100%;
	position: relative;
	background: white;
	display: none;
	margin-left: 35px;
}

.info_reg {
	background: #eafbff;
	border: 1px solid #43c0e2;
	border-radius: 4px;
	color: #207f99;
	padding: 15px;
	margin-bottom: 20px;
}

 .uploadBox.hint, .hint:hover span {
	 /*background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
	background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
	background-image: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dcdcdc;*/
	background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x;
border-color: #9acfea;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
 }
 
.steps {margin: 30px auto 50px auto;
      max-width: 800px;}
    
.steps .a-color {
      color: #2b76c1;
    } 
    
.steps div.dot {font: 16px arial;
      font-weight: bold;
      width: 47px;
      height: 47px;
      background-color: #8EBE2F;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      border: 2px solid #aaa;
      box-shadow: inset 2px 2px 5px #777;
      text-align: center;
      vertical-align: middle;
      line-height: 48px;
      color: #fff;
      text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
      position: absolute;
      left: 0px;
      top: 0px;
    }
    
.steps div.dot.off { background-color: #aaa; }
    
.steps div.line {
      margin: 0px 21px;
      width: 10px;
      top:0px;
      bottom:0px;
      background-color: #aaa;
      position:absolute;}
    
.step_content {
      margin-left: 70px;
      padding-bottom:20px;
      position: relative;}
    
.pos {
      position:relative;
      }
      
.steps input[type=submit], .steps input[type=button] {
      height: 28px;
      border: 1px solid #ccc;
      background-color: #fff;
      cursor: pointer;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-weight: bold;
      color: #666;
      background: -moz-linear-gradient(0% 100% 90deg, #fff, #eee);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
      font: 12px arial;
      font-weight: bold;
      width: auto;
      padding: 0px 20px;
}

.steps input[type=button]:active {
      background: -moz-linear-gradient(0% 100% 90deg, #eee, #fff);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));	
	}
input[type=button].unactive {
	color: silver;
}
    
 
.iRowButtons a:hover {
      text-decoration: none;
    }
    
.steps .marg-bot {margin-top:20px;}
    
.posrel {position:relative;}   

.disabler {
      position:absolute;
      width:100%;
      height:100%;
      background-color: rgba(255,255,255,0.5);
      z-index:1;
      display: none;
    }
    
    
.disabler:hover > .posrel .button_hider {
      display: none;
    }
    

input[type=submit].bigButton, .step1btn {
      /*position:relative;*/
	background: rgb(15,187,222) !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
	background: -moz-linear-gradient(top, rgba(15,187,222,1) 0%, rgba(4,129,197,1) 59%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,187,222,1)), color-stop(59%,rgba(4,129,197,1))) !important;
	background: -webkit-linear-gradient(top, rgba(15,187,222,1) 0%,rgba(4,129,197,1) 59%) !important;
	background: -o-linear-gradient(top, rgba(15,187,222,1) 0%,rgba(4,129,197,1) 59%) !important;
	background: -ms-linear-gradient(top, rgba(15,187,222,1) 0%,rgba(4,129,197,1) 59%) !important;
	background: linear-gradient(to bottom, rgba(15,187,222,1) 0%,rgba(4,129,197,1) 59%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fbbde', endColorstr='#0481c5',GradientType=0 ) !important;
	text-shadow: 2px 2px 2px #0481c5!important;
	border: 1px solid #0481c5 !important;
      font-size: 14px;
      -webkit-border-radius: 4px !important;
      -moz-border-radius: 3px;
      border-radius: 6px !important;
      padding: 0 25px;
      color: #fff !important;
      height: 36px !important;
    }
    
input[type=submit].bigButton:hover {
      background: -moz-linear-gradient(0% 100% 90deg, #99cb48, #6ca11c);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99cb48), to(#6ca11c));
    }
    
input[type=submit].bigButton:active, .step1btn:active {
      -moz-box-shadow: inset 0 0 15px rgba(23,23,23,0.4);
      -webkit-box-shadow: inset 0 0 15px rgba(23,23,23,0.4);
      box-shadow: inset 0 0 15px rgba(23,23,23,0.4);
    }
    
    .ajax_loading {
      background: url('/shared/css/themes/kecja_new/images/cart_2/loading-icon.gif') left top;
      float: right !important;
      width: 32px;
      height: 32px;
      margin: 3px 10px 0 0;}
    
    .inline-b {display:inline-block;}
    
    .over-hide {
      overflow:hidden
    }
 
    #registration_step1 {
    	background: url(cms/register_new/registration_step1_bkg.jpg) no-repeat;
    	background-color: white;
    	background-position: top right;
    }
    
    .ifAvailable {
	    width: 200px;
		height: 20px;
		position: absolute;
		margin-top: -22px;
		margin-left: 230px;
		font-size: 8pt;
    }
    
    .unavailable{
		color: red;
    }
    .available {
   	 background: url('http://png-4.findicons.com/files/icons/2358/boolean/16/ok.png') no-repeat;
    }
    
    .show {
    	display:block;
    	background: white;
    	width: 100%;
    	height: 100%;
    }
    /* S-T-E-P-2 */
#step2verification {
	width: 100%;
}

.regForm {
	float: left;
	/*margin-left: 30px;*/
	width: 500px;
}

	.step_2 .inner_content {
	display: none;
	}  


    .steps select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url('shared/css/themes/kecja_new/images/cart_2/line-arrow-down.png') no-repeat top right;
      text-indent: 0.01px;
      text-overflow: "";
      padding:3px;
    }
    
    
             .steps table.delivery {width:340px; margin-bottom: 0px !important;}
             .steps div.step_2 table.delivery {width:400px;}
             
            .steps table.delivery input {
              background: #fff;
              border: 1px solid #ccc;
              height: 28px;
              border-radius: 3px;
              -moz-border-radius: 3px;
              -webkit-border-radius: 3px;
              width:100%;
            }

            table.delivery td:first-child {width: 110px;}
            table.delivery tr { height: 55px; }
            table.delivery td.name { width: 100px !important; }
            
            .steps table.delivery input {padding: 0px 3px;}
            .steps table.delivery input.afull {width: 260px;}
            .steps table.delivery input.along {width: 292px;}
            .steps table.delivery input.amid {width: 160px;}
            .steps table.delivery input.ashort {width: 50px; margin-left: 2px; text-align: center;}
            #street, #city {width: 222px !important;}
            #company, #nip {width:286px !important;}
            
            #courier_info, #comments {width: 344px;
              background-color: rgb(255, 255, 255);
              border: 1px solid rgb(204, 204, 204);
              margin: 0px;
              max-height: 80px;
              width: 99%;
              resize:none;}
            
            .sinfo {font-size: 9px;
              width: 100px;
              text-align: right;
              margin-top:4px;
              position: absolute;
              top: 0;
              right: 0;}
            
            .steps table.deliverer_tab { width:100%;}
            
            .steps table.deliverer_tab, .steps table.deliverer_tab tr, .steps table.deliverer_tab td {padding:0}
            
                      .delivery_chose {
                            background: url('shared/css/themes/kecja_new/images/cart_2/line-arrow-down.png') no-repeat top right, -moz-linear-gradient(0% 100% 90deg, #fff, #eee) !important;
                            background: url('shared/css/themes/kecja_new/images/cart_2/line-arrow-down.png') no-repeat top right, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)) !important;
                            border: 1px solid #ccc;
                            height: 28px;  
                            width: 100%;/*340*/
                            -webkit-border-radius: 3px;
                            -moz-border-radius: 3px;
                            border-radius: 3px;
                     }            
                     
            
            table.inv_info {
              width:100%;
            }
            
            .inv_info td {
              padding: 3px;
              font-size:14px;
              font-weight:bold;
            }
            
            table.inv_info td:last-child {
              text-align: right;
            }
                        
    .steps input.form_error {
      border: 1px solid red !important;
      box-shadow: 0px 0px 0px 1px red !important;
    }
    
    #acceptation {
    	padding: 3px;
    	width: 300px;
    }
    
    #acceptation.accept_error, .accept_error {
         border: 1px solid red !important;
     	 box-shadow: 0px 0px 0px 1px red !important;
     	 border-radius: 2px;
    }                       
     
    .float_left {
      float:left;
    }

    .pos_abso {
      position:absolute;
    }
    .searcher-spec {
      top:0;right:6px;
    }
    #shortcut_data {
      height: 26px;width: 138px;display:none;text-align:center;
    }    
    .float_right {
      float:right;
    }
    .step_2_col_2 {
      position:absolute; top:0;
    }
    .marg-bot-30 {
      margin-bottom:30px;
    }
    .deli-tab-1 {
      font-weight: bold;color: #aaa;padding-bottom:5px;
    }
    .deli-tab-2 {
      padding: 0 0 5px 5px;
    }
    .deli-tab-3 {
      padding-left:5px;
    }
    .deliverer_tab .deli-tab-4 {
      height: 26px;width: 50px;background-color: #fff;border: 1px solid #bbb;text-align: center;
    }
    .step_2_col_2 {
      position:absolute; top:0;
    }
    .marg-bot-30 {
      margin-bottom:30px;
    }
    .steps table.deliverer_tab .deli-tab-1 {
      font-weight: bold;color: #aaa;padding-bottom:5px;
    }
    .steps table.deliverer_tab .deli-tab-2 {
      padding: 0 0 5px 5px;
    }
    .steps table.deliverer_tab .deli-tab-3 {
      padding-left: 5px;
    }
    .deliverer_tab .deli-tab-4 {
      height: 26px;width: 50px;background-color: #fff;border: 1px solid #bbb;text-align: center;
    }
    .steps table.deliverer_tab .deli-tab-5 {
      color:#aaa;font-weight:bold;
    }
    .cart-pos-rel {
      position:relative;
    }
    .hideCOD {
      position:absolute;width:60px;height:30px;
    }
    .check-box-box {
      position: absolute;top: 6px;right: 115px;top: 6px;width: 170px;
    }
    .info-icon-pos {
      position:absolute;right:85px;top:6px;
    }    
    
    .mycheckbox + label {
	padding-left: 25px;
	background: url(/shared/css/themes/bezpiecznyimport_new/images/cart_2/checkbox-rolover.png) no-repeat left top;
}
.mycheckbox-label {
	display: inline-block;
	height: 19px;
	cursor: pointer;
}

	.myradiobox {
      display:none;
    }
    .myradiobox-label{
      display: inline-block;
      height:18px;
    }
    .myradiobox + label {
      padding-left: 25px;
      background: url(shared/css/themes/bezpiecznyimport_new/images/cart_2/radio-button-rolover.png) no-repeat left top;
    }

    .myradiobox:hover + label {
      padding-left: 25px;
      background: url(shared/css/themes/bezpiecznyimport_new/images/cart_2/radio-button-rolover.png) no-repeat left top;
      background-position-y: -18px;
    }
    
    .myradiobox:checked + label {
      background: url(shared/css/themes/bezpiecznyimport_new/images/cart_2/radio-button-rolover.png) no-repeat left bottom;
      background-position-y: -36px;
    }
        
    .myradiobox:checked:hover + label {
      background: url(shared/css/themes/bezpiecznyimport_new/images/cart_2/radio-button-rolover.png) no-repeat left bottom;
      background-position-y: -54px;
    }
    
    .verification_method div {
      margin: 20px 10px;
    }


h1 {
	margin-top: 0 !important;
}

    /* S-T-E-P-3 */
    
    /* S-T-E-P-3 */
    	.step_3 .inner_content {
	display: none;
	}  
    .step_3 .left-top-1 {
      position:relative;width:750px; height:232px;background: url(/shared/css/objects/cms/register_new/registration_step3_bkg.jpg) no-repeat;background-position: 20px 0;
    }
    .step_3 .left-top-2 {
      position:absolute;left: 250px;top:20px;
    }
    .step_3 .left-top-3 {
      font-size: 20px;font-weight: bold;
    }
    .step_3 .left-top-4 {
      color:#8ebe27;
    }
    .step_3 .left-top-5 {
      font-size:14px;font-weight:bold;
    }
    .step_3 .left-mid-1 {
      width:450px;
    }
    .step_3 .left-bot-1 {
      list-style: disc;font-size: 14px;font-weight: bold;margin:30px;line-height:25px;
    }
    .step_3 .left-bot-2 {
      width:100%;
    }
    .step_3 .left-bot-3 {
      float:left;width:49%;height:150px;background:#fff;position: relative;display:none;
    }
    .step_3 .left-bot-4 {
      margin:10px 30px;width:100%;
    }
    .step_3 .left-bot-5 {
      font-size:14px;font-weight:bold;
    }   

    .step_3 .right-top-1 {
      width:400px;float:right;
    }
    .step_3 .right-top-2 {
      position:absolute; top:0;
    }
    .step_3 .right-top-3 {
      line-height:22px;font-size:14px;
    }
    .step_3 .right-top-4 {

    }        
  
 /**** STARA REJESTRACJA *****/
  
div#welcomeRegister { width: 280px; height: 420px; float: left; background-image: url(../images/welcome-register.jpg); background-repeat: no-repeat}
div#welcomeRegisterSmall { width: 217px; height: 442px; background-image: url(../images/welcome-new-partner.jpg); background-repeat: no-repeat }
.placeForm { width: 500px; height: 420px; float: right; }
.placeForm p { line-height: 18px; padding: 15px 10px 10px 10px; border: 1px solid #ddd }

.placeForm ul.bullets { padding: 15px 10px 10px 10px; border: 1px solid #ddd; margin: 0 0 12px 0; }
.placeForm ul.bullets li { background: url(../nivo/bullets.png) no-repeat left bottom; padding-left: 24px; line-height: 18px; }

ul.registerSteps { margin: 4px 0 16px 0; padding: 0; width: 100%; height: 40px}
ul.registerSteps li { float: left; color: #fff; text-align: center; line-height: 38px; width: 137px; font-size: 16px; padding: 0 14px 0 0; background: url('cms/step-unavailable.gif') no-repeat top center;}
ul.registerSteps li a { color: #fff; line-height: 38px;  }
ul.registerSteps li.active { background-image: url('cms/step-active.gif'); color: #ff0; }
ul.registerSteps li.available { background-image: url('cms/step-available.gif') }

.underInfo { line-height: 18px; width: 540px; float: left; color: black; /*#888;*/ }

.contract { padding: 10px 10px 10px 10px; border: 1px solid #ddd; width: 470px; height: 316px; overflow: scroll; }

/*.uploadBox { border-radius: 4px; float: left; width: 162px; height: 86px; margin:8px 18px 8px 5px; background: #eee; border: 1px solid #777 }
.uploadBox.hint { background: #ffffaa; }*/

#file1, #file2, #file3 { cursor: pointer; margin-top: 5px; width: 110px;}

.noMarginTop { margin-top: 0 !important; }
.mediumInfo { width: 96%; color: #aaa; margin-bottom: 5px;}

.boxHeader a.deleteFiles img { padding: 0 0 0 0; background: url('cms/delete-from-cart.png') no-repeat left bottom; width: 14px; height: 14px; border: 0; }
.boxHeader.active a.deleteFiles img { background-position: left top; }
.deleteFileBtn {
	float: right;
	display: inline;
	margin-top: -28px;
}

.long { width: 100% }
.medium { width: 50% }
.cod_special { border: 2px solid #5C8607!important; }
.orderTotalInfo { width: 220px; }
.left.small { padding-top:6px; width: 90px; }

.handler {
	display: none;
}

.step-desc {
	line-height: 30px;
}

#no_java {
	border: 1px solid #E24343;
	border-radius: 4px;
	color: #992030;
	padding: 15px;
	margin-bottom: 20px;
	background: url('images/attention-50.gif') no-repeat #FFE5E5;
	background-position: 7px 7px;
	padding-left: 75px;
}