/* CSS Document */


#registration_container {
	
    width:100%;
	max-width:400px;
    padding:0px;
    background:#fefefe;
    margin:0 auto;
    border:1px solid #c4cddb;
    border-top-color:#d3dbde;
    border-bottom-color:#bfc9dc;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    position:relative;
	margin-top:20px;
}

	
#registration_container h3{
		font-size:22px;
		font-weight:bold;
		margin:0px;
		color:#4183D7;
			
		}

#registration_container ul, li {
    margin:0;
    padding:0;
    list-style-type:none;
}


#registration_container h1 {
    margin:0;
    padding:10px 0;
    font-size:22px;
    text-align:center;
    background:#eff4f7;
    border-bottom:1px solid #cccccc;
    box-shadow:0 -1px 0 #fff inset;
    border-radius:5px 5px 0 0; /* otherwise we get some uncut corners with container div */
    text-shadow:1px 1px 0 #fff;
}

#registration_container h2 {
    margin:0;
    padding:10px 0;
    text-align:center;
    background:#EFEFEF;
    border-bottom:1px solid #cccccc;
    box-shadow:0 -1px 0 #fff inset;

    text-shadow:1px 1px 0 #fff;
	
	font-size:14px;
	font-weight:normal;
}

#registration_container form ul li {
    margin:10px 20px;
}

#registration_container #button_holder{
text-align:center;
    margin:20px 0 25px 0;		
}

#registration_container select {
    padding:10px 10px;
    border:1px solid #cccccc;
    border-radius:5px;
    box-shadow: 0 0 5px #e8e9eb inset;
    width:308px; /* 400 (#container) - 40 (li margins) -  10 (span paddings) - 20 (input paddings) - 2 (input borders) */
    font-size:1em;
    outline:0; /* remove webkit focus styles */
}

#registration_container textarea {
    padding:10px 10px;
    border:1px solid #cccccc;
    border-radius:5px;
    box-shadow: 0 0 5px #e8e9eb inset;
    width:308px; /* 400 (#container) - 40 (li margins) -  10 (span paddings) - 20 (input paddings) - 2 (input borders) */
    font-size:1em;
    outline:0; /* remove webkit focus styles */
}



#registration_container input {
    padding:10px 10px;
    border:1px solid #cccccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 3px 10px rgba(0,0,0,0.2);
    width:308px; /* 400 (#container) - 40 (li margins) -  10 (span paddings) - 20 (input paddings) - 2 (input borders) */
    font-size:1em;
    outline:0; /* remove webkit focus styles */
}
#registration_container input:focus {
    border:1px solid #b9d4e9;
    border-top-color:#b6d5ea;
    border-bottom-color:#b8d4ea;
    box-shadow:0 0 5px #b9d4e9;
}

#registration_container label {
    color:#555;
	font-weight:bold;
}
#registration_container span {
    background:#f6f6f6;

    display:block;
    border-radius:5px;
    margin-top:5px;
}


#registration_container .button_blue {
    background-color:#4183D7;

    border:1px solid #4183D7;
    color:#ffffff;

    font-size:.875em;
    padding:8px 15px;
    width:150px;

	cursor:pointer;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

#registration_container .button_blue:hover {
    background-color:#ffffff;
    border:1px solid #4183D7;
    color:#4183D7;
    font-size:.875em;
    padding:8px 15px;
    width:150px;

	cursor:pointer;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	font-weight:bold;
}

#registration_container .button_blue:active {
    background-color:#ffffff;
    border:1px solid #4183D7;
    color:#4183D7;
    font-size:.875em;
    padding:8px 15px;
    width:150px;

	cursor:pointer;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
		font-weight:bold;
}


#registration_container .button_greyout{
	
	
	    background-color:#999999;

    border:1px solid #999999;
    color:#ffffff;

    font-size:.875em;
    padding:8px 15px;
    width:150px;

	cursor:pointer;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);

	
	
}




#registration_container .invalid {
    background:url(/img/silkicons/cross.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
#registration_container .valid {
    background:url(/img/silkicons/tick.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}

a.bwglink:link,a.bwglink:hover,a.bwglink:active,a.bwglink:visited{
		font-size:16px;
		color:#2A3991;
		text-decoration:none;

		}

a.bgatelink:link,a.bgatelink:hover,a.bgatelink:active,a.bgatelink:visited{
		color:#C65F37;
		text-decoration:none;

		}