/* CSS Reset (Eric Meyer) */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}





@font-face {

   font-family: 'Cantarell';

   src: url(/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/fonts/Cantarell-Regular.eot);

   src: local('Cantarell'), url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/fonts/Cantarell-Regular.ttf') format('truetype');

}





input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 

input[type="submit"]:focus, input[type="button"]:focus { outline : none; }



.clear { clear: both; }



#container {

	width: 754px;

	min-height: 470px;

	height: auto;

	margin: 20px auto;

	padding: 50px 0;

	overflow: auto;

	position: relative;

	border-top-width: medium;

	border-right-width: thin;

	border-bottom-width: medium;

	border-left-width: thin;

	border-top-style: outset;

	border-right-style: solid;

	border-bottom-style: outset;

	border-left-style: solid;

	border-top-color: #ccc;

	border-right-color: #CCC;

	border-bottom-color: #ccc;

	border-left-color: #CCC;

}

    #container #first_step, #second_step, #third_step, #fourth_step { display: none; }

    #container #first_step { display: block; }



    #container .form { margin: 66px 72px 0 72px; }

    

    #container h1, #container h2 {

        font-size: Cantarell, Verdana, sans-serif;

        text-align: center;

        font-size: 24px;

        text-shadow: 1px 1px 2px #222;

    }

        #container h1 span { color: #a90329; }

        

    #container h2 {

        color: #888;

        font-size: 20px;

        text-align: left;

        text-shadow: none;

    }

    

    #container #summary {

        margin: 20px 40px;

        font-size: 14px;

        font-weight: bold;

    }

        #container #summary td {

            padding: 5px 10px;

        }

            #container #summary td:nth-child(2) {

                color: #a90329;

            }   

        

    #container select {

        background: url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/images/input.png') no-repeat;

        color: #888;

        border: 1px solid #ccc;

        font-family: Cantarell, Verdana, sans-serif;

        font-weight: bold;

        font-size: 15px;

        height: 35px;

        padding: 0 25px;

        margin: 20px 0;

        float: left;

        

        border-radius: 6px;

        -moz-border-radius: 6px;

        -webkit-border-radius: 6px;

    }

	

    #container input {

        color: #888;

        border: 1px solid #ccc;

        font-family: Cantarell, Verdana, sans-serif;

        font-weight: bold;

        font-size: 15px;

        padding: 0 25px;

        margin: 20px 0;

        float: left;

        height: 35px;

        

        border-radius: 6px;

        -moz-border-radius: 6px;

        -webkit-border-radius: 6px;

    }

	

        #container input.submit {

            background: url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/images/button.png') no-repeat;

            border: none;

            cursor: pointer;

            width: 85px;

            height: 38px;

            position: relative;

            bottom: 2px;

            left: 655px;

        }

            #container input.submit:focus { border: none; }

        

        #container input.send{ background: url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/images/send.png') no-repeat; }

        

        #container input.home{ background: url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/images/home.png') no-repeat; }

		

        #container input.back{ background: url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/images/back.png') no-repeat; }

		    

        #container input.error { border: 1px solid red; }

        #container input.valid { border: 1px solid #1FFF00; }

        

        #container input:focus, #container select:focus {

            border: 1px solid #a90329;

            color: #a90329;

        }



    #container select { padding: 5px 0 5px 25px; }

        #container option { padding: 0 15px; }



    #container label {

        color: #666;

        font-size: 12px;

        font-weight: bold;

        line-height: 14px;

        float: left;

        margin: 23px 10px;

    }

    



#progress_bar {

    background: url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/images/progress_bar.png') no-repeat;

    width: 339px;

    height: 24px;

    margin: 0 auto;

    position: relative;

}



#progress {

    background: url('/20230317101904oe_/https://dao.crs.cuhk.edu.hk/digitalmuseum/CH/signup/images/progress.png') repeat-x;

    width: 0px;

    height: 23px;

    

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

}

#progress_text {

    position: relative;

    line-height: 21px;

    text-align: center;

    font-weight: bold;

    color: white;

    text-shadow: 1px 1px 2px #222;

    width: 339px;

    height: 24px;

    top: -23px;

    left: 0;

}









.inchkbox {

	margin: 0px;

	padding: 0px;

	clear: none;

	float: none;

	height: 30px;

	width: 30px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	line-height:20px;

	font-size:10px;

}