﻿/* STEP BEGIN */
#step
{
    margin: 10px 0px 20px 10px; color: #ffffff; font-weight: bold; font-size: 15px;
}
#step UL
{
    float: left; list-style-type: none; display: inline; margin: 0px 12px; padding: 0px; cursor: pointer;
}

/* step 1 begin */
#step UL#ul_s_1 .left
{
    float: left; clear: left; background: url('../../_imgs/step_bar_1.png') no-repeat; width: 35px; height: 35px;
}
*html #step UL#ul_s_1 .left
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_bar_1.png"); background: none;
}
#step UL#ul_s_1 .center
{
    float: left; background: url('../../_imgs/step_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 38px\9; *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
*html #step UL#ul_s_1 .center
{
     line-height: 37px;
}

#step UL#ul_s_1 .right
{
    float: left; background: url('../../_imgs/step_right.png') no-repeat; width: 18px; height: 35px;
}
*html #step UL#ul_s_1 .right
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_right.png"); background: none;
}

#step UL#ul_s_1_sel .left
{
    float: left; clear: left; background: url('../../_imgs/step_bar_1_sel.png') no-repeat; width: 35px; height: 35px;
}
*html #step UL#ul_s_1_sel .left
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_bar_1_sel.png"); background: none;
}
#step UL#ul_s_1_sel .center
{
    float: left; background: url('../../_imgs/step_r_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 39px\9;  *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
#step UL#ul_s_1_sel .right
{
    float: left; background: url('../../_imgs/step_r_right.png') no-repeat; width: 20px; height: 35px;
}
*html #step UL#ul_s_1_sel .right
{
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_r_right.png"); background: none;
}

/* step 1 end */


/* step 2 begin */

#step UL#ul_s_2 .left
{
    float: left; clear: left; background: url('../../_imgs/step_bar_2.png') no-repeat; width: 35px; height: 35px;
}
*html #step UL#ul_s_2 .left
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_bar_2.png"); background: none;
}

#step UL#ul_s_2 .center
{
    float: left; background: url('../../_imgs/step_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 39px\9; *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
#step UL#ul_s_2 .right
{
    float: left; background: url('../../_imgs/step_right.png') no-repeat; width: 21px; height: 35px;
}
*html #step UL#ul_s_2 .right
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_right.png"); background: none;
}

#step UL#ul_s_2_sel .left
{
    float: left; clear: left; background: url('../../_imgs/step_bar_2_sel.png') no-repeat; width: 35px; height: 35px;
}
*html #step UL#ul_s_2_sel .left
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_bar_2_sel.png"); background: none;
}
#step UL#ul_s_2_sel .center
{
    float: left; background: url('../../_imgs/step_r_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 39px\9; *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
#step UL#ul_s_2_sel .right
{
    float: left; background: url('../../_imgs/step_r_right.png') no-repeat; width: 20px; height: 35px;
}
*html #step UL#ul_s_2_sel .right
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_r_right.png"); background: none;
}

/* step 2 end */


/* step 3 begin */

#step UL#ul_s_3 .left
{
    float: left; clear: left; background: url('../../_imgs/step_bar_3.png') no-repeat; width: 35px; height: 35px;
}
*html #step UL#ul_s_3 .left
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_bar_3.png"); background: none;
}
#step UL#ul_s_3 .center
{
    float: left; background: url('../../_imgs/step_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 39px\9; *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
#step UL#ul_s_3 .right
{
    float: left; background: url('../../_imgs/step_right.png') no-repeat; width: 18px; height: 35px;
}
*html #step UL#ul_s_3 .right
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_right.png"); background: none;
}

#step UL#ul_s_3_sel .left
{
    float: left; clear: left; background: url('../../_imgs/step_bar_3_sel.png') no-repeat; width: 36px; height: 35px;
}
*html #step UL#ul_s_3_sel .left
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_bar_3_sel.png"); background: none;
}
#step UL#ul_s_3_sel .center
{
    float: left; background: url('../../_imgs/step_r_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 39px\9; *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
#step UL#ul_s_3_sel .right
{
    float: left; background: url('../../_imgs/step_r_right.png') no-repeat; width: 20px; height: 35px;
}
*html #step UL#ul_s_3_sel .right
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_r_right.png"); background: none;
}

/* step 3 end */


/* step 4 begin */

#step UL#ul_s_4 .left
{
    float: left; clear: left; background: url('../../_imgs/step_bar_4.png') no-repeat; width: 35px; height: 35px;
}
*html #step UL#ul_s_4 .left
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_bar_4.png"); background: none;
}
#step UL#ul_s_4 .center
{
    float: left; background: url('../../_imgs/step_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 39px\9; *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
#step UL#ul_s_4 .right
{
    float: left; background: url('../../_imgs/step_right.png') no-repeat; width: 18px; height: 35px;
}
*html #step UL#ul_s_4 .right
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_right.png"); background: none;
}

#step UL#ul_s_4_sel .left
{
    float: left; clear: left; background: url('../../_imgs/setp_bar_4_sel.png') no-repeat; width: 35px; height: 35px;
}
*html #step UL#ul_s_4_sel .left
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/setp_bar_4_sel.png"); background: none;
}
#step UL#ul_s_4_sel .center
{
    float: left; background: url('../../_imgs/step_r_bg.png') repeat-x; width: auto; padding-left: 8px; line-height: 36px; line-height: 39px\9; *line-height: 38px; color: #ffffff; text-align: right; height: 35px;
}
#step UL#ul_s_4_sel .right
{
    float: left; background: url('../../_imgs/step_r_right.png') no-repeat; width: 20px; height: 35px;
}
*html #step UL#ul_s_4_sel .right
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/step_r_right.png"); background: none;
}
/* step 4 end */

/* STEP END */

/* PROTECT FORM BEGIN */
INPUT.txtForm
{
	border: 1px solid #000000; height: 16px;
}
SELECT.SelectBox
{
	border: 1px solid #000000;
	}
#protect_form
{
    width: 615px; margin: 0px 0px 20px 25px; float: left;
	}
*html #protect_form
{
	width: 600px; margin: 20px 0px 20px 10px;
}
#protect_form .explain_txt
{
	width: 600px; float: left; line-height: 22px; font-size: 13px; margin: 20px 0px 0px 5px; color: #4D4D4D;
}
*html #protect_form .explain_txt
{
	width: 590px;  margin: 0px 0px 0px 5px;
}
#protect_form #form_body
{
	width: 615px; margin: 0px 0px 20px 0px; float: left;
}
#protect_form #form_body UL.formCell
{
    list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px; clear: both;
	}
#protect_form #form_body UL LI.formTitle
{
    float: left; line-height: 21px; color: #4D4D4D; background: #E8EDED; clear: left; width: 170px; text-align: right; padding: 5px 0px;
}
#protect_form #form_body UL LI.formControls
{
	float: left; line-height: 21px; color: #4D4D4D; border-bottom: #B3B3B3 1px dashed; padding: 5px 5px; width: 400px;
}
#protect_form #form_body UL LI.submit
{
	float: left; line-height: 21px; padding: 10px 0px; text-align: center; width: 100%;
}
#protect_form #form_body UL LI.formControls .searchTextbox
{
	margin-left:2px;
}
#protect_form #form_body UL LI.formControls .searchTextbox .searchLeft
{
	float:left;
}
#protect_form #form_body UL LI.formControls .searchTextbox .searchLeft INPUT
{
	width:110px;
}
#protect_form #form_body UL LI.formControls .searchTextbox .searchRight
{
	float: left; width: 20px; height: 18px; background: url(../../_imgs/btn_seach.png) no-repeat; border:1px solid #000; border-left:none; margin-left: -1px; margin-top:1px; cursor: pointer;
}

.sectionBar {
	 height: 26px; width: 620px; margin: 5px 0px; float: left;
}
.sectionBar UL 
{
	list-style-type: none; margin: 0px; padding: 0px;
}
.sectionBar UL LI
{
    margin: 0px; padding: 0px; line-height: 19px; float: left; display: inline;
}
.sectionBar UL LI.sect_left
{
    background: url(../../_imgs/sect_bg_l.png) no-repeat; height: 26px; width: 15px;
}
*html .sectionBar UL LI.sect_left
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/sect_bg_l.png"); background: none;
}
.sectionBar UL LI.sect_center
{
    background: url(../../_imgs/sect_bg.png) repeat-x; height: 26px; width: 565px; color: #fff; line-height: 25px; line-height: 28px\9; font-weight: bold;
}
*html .sectionBar UL LI.sect_center
{
	line-height: 28px;
}
.sectionBar UL LI.sect_center SPAN { float:left; }
.sectionBar UL LI.sect_right
{
    background: url(../../_imgs/sect_bg_r.png) no-repeat; height: 26px; width: 15px;
}
*html .sectionBar UL LI.sect_right
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/sect_bg_r.png"); background: none;
}
#viewCovered
{
	height: 17px; width: 135px; background: url('../../_imgs/section_bar_view.png') no-repeat; float: right; margin-top: 4px; cursor: pointer;
}
*html #viewCovered
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="_imgs/section_bar_view.png"); background: none;
}

TABLE.orderInfo
{
    border: 0px; width: 600px; background: #4D4D4D; margin: 0px 0px 0px 0px; table-layout: fixed;
}
TABLE.orderInfo TR
{
    height: 38px;
}
TABLE.orderInfo TD
{
    background: #ffffff; padding-left:5px;
}
TABLE.orderInfo TD.tdTitle
{
    background: #E8EDED; width: auto; color: #C00000; font-size: 13px; font-weight: bold; text-align: right;
}

.toolsBar
{
	width: 610px; height: auto; float: left; text-align: center; padding-top: 10px;
	}
/* PROTECT FORM END */
