body, html{
background: #cbd0d3 url(../img/background.gif) no-repeat;
background-position: 50% 0;
color: #62686c;
border: 0;
padding: 0;
margin: 0;
font: normal 14px/22px helvetica, arial, verdana, sans-serif;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.button{
padding: 5px 10px;
border: 2px solid #cececa;
margin: 0 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.button:hover {
text-decoration: none;
border-color: #b7b7a7;
}

#wrapper{
width: 1000px;
padding-bottom: 20px;
position: relative;
background: #f1f1ef url(../img/content-background.gif) no-repeat;
margin: 100px auto 0 auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#head{
display: block;
height: 30px;
padding: 24px 0;
line-height: 30px;
background-color: #fff;
border-bottom: 3px solid #e5e5e3;
font-size: 18px;
color: #939a9f;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#head img{
vertical-align: middle;
margin-right: 10px;
}

#logo{
width: 180px;
height: 17px;
margin: 8px 0 0 45px;
float: left;
display: inline;
background: transparent url(../img/logo.png) no-repeat;
border-right: 1px solid #cbd0d3;
margin-right: 30px;
}

span.hidden{
display: none;
}

#subhead{
display: block;
padding: 20px 45px;
background-color: #4f5b63;
margin-top: -3px;
border-top: 3px solid #374045;
font-size: 16px;
color: #fff;
line-height: 30px;
}

#subhead.blocked{
background-image: url(../img/shield.png);
background-repeat: no-repeat;
background-position: 45px 18px;
padding-left: 120px;
}

#subhead a{
color: #a9aaab;
}

#subhead .button{
color: #fff;
font-weight: bold;
background-color: #727c82;
border-color: #434d53;
display: inline-block;
}

#subhead .button:hover {
border-color: #2f393f;
background-color: #3c4850;
}

/* forms */
form{
display: block;
margin: 0;
padding: 30px 45px;
}

form dl, dl.display {
display: block;
margin: 0;
padding: 0;
}

dl.display{
padding: 30px 45px;
}

form dl dt, dl.display dt{
font-size: 16px;
text-shadow: 1px 1px 0 #fff;
width: 180px;
float: left;
display: inline;
clear: left;
margin: 10px 0;
}

form dl dd, dl.display dd{
float: left;
display: inline;
margin: 10px 0;
width: 350px;
padding-right: 300px;
}

dl.display dd{
width: 700px;
padding-right: 0;
}

dl.display dd ul{
margin: 0;
padding: 0;
}

dl.display dd ul li{
margin: 0 0 10px 0;
padding: 0 0 0 20px;
list-style: none;
background: transparent url(../img/bullet.png) no-repeat;
background-position: 0 7px;
}

dl.display dd .button:first-child {
margin-left: 0;
}

.answer{
margin-top: 10px;
display: block;
}

form dl dd input{
clear: both;
}

form input.text{
width: 330px;
margin: 0;
padding: 5px 10px;
vertical-align: middle;
border: 2px solid #cececa;
background-color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
color: #374045;
}

.info{
width: 500px;
margin: 0;
padding: 5px 10px;
vertical-align: middle;
border: 1px solid #cececa;
background-color: #ffe;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
color: #374045;
}

form select{
width: 330px;
}

form input.highlight{
background-color: #fdfddd;
}

form input.url{
width: 650px;
}

form input.captcha{
width: 120px;
}

form input.submit, .button.submit{
cursor: pointer;
margin: 0;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #56626a;
border-color: #414c54;
background-image: linear-gradient(bottom, rgb(102,115,123) 6%, rgb(65,76,84) 77%);
background-image: -o-linear-gradient(bottom, rgb(102,115,123) 6%, rgb(65,76,84) 77%);
background-image: -moz-linear-gradient(bottom, rgb(102,115,123) 6%, rgb(65,76,84) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(102,115,123) 6%, rgb(65,76,84) 77%);
background-image: -ms-linear-gradient(bottom, rgb(102,115,123) 6%, rgb(65,76,84) 77%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, rgb(102,115,123)),
	color-stop(0.77, rgb(65,76,84))
);
text-shadow: 1px 1px 0 #343e46;
}

form input.submit:hover {
background-color: #66737b;
border-color: #2d363d;
background-image: linear-gradient(bottom, rgb(131,144,152) 6%, rgb(65,76,84) 77%);
background-image: -o-linear-gradient(bottom, rgb(131,144,152) 6%, rgb(65,76,84) 77%);
background-image: -moz-linear-gradient(bottom, rgb(131,144,152) 6%, rgb(65,76,84) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(131,144,152) 6%, rgb(65,76,84) 77%);
background-image: -ms-linear-gradient(bottom, rgb(131,144,152) 6%, rgb(65,76,84) 77%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, rgb(131,144,152)),
	color-stop(0.77, rgb(65,76,84))
);
}

form img{
vertical-align: middle;
}

form dt em{
color: #d53421;
font: normal 20px georgia, times, serif;
position: relative;
top: 4px;
margin: 0 5px;
}

form dd em{
color: #d53421;
display: block;
clear: both;
}

/* select2 */
.select2-container .select2-choice{
border: 2px solid #cececa;
}

.select2-container .select2-choice div{
border: 0;
background: transparent;
}

.select2-results .select2-highlighted{
background: #4f5b63;
}

.select2-result-sub{
padding-left: 0;
}

.select2-results span.warning, .select2-container .select2-choice span.warning{
color: #de5525;
}

/* transit page */
#diagram{
margin: 30px 0 0 45px;
max-width: 705px;
width: 90%;
}

/* footer */
#footer{
clear: both;
font-size: 12px;
text-align: right;
position: relative;
bottom: -50px;
color: #8e9aa1;
}

#footer a{
color: #8e9aa1;
margin: 0 5px;
}

#footer a:hover {
color: #6c7a82;
}

/* progress */
#waiting{
width: 50%;
margin: 0 auto;
padding: 130px 0;
text-align: center;
line-height: 30px;
}

#waiting .timer{
padding: 5px 10px;
margin: 0 10px;
background-color: #d8d8d7;
border: 2px solid #d0d0cb;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.progress{
width: 148px;
height: 8px;
margin: 50px auto 0 auto;
background: transparent url(../img/progress.gif) no-repeat;
}

/* content */

a{
color: #203142;
}
h1{
font-size: 18px;
text-shadow: 1px 1px 0 #fff;
font-weight: normal;
color: #464d53;
}

#content{
display: block;
padding: 100px 0 100px 250px;
}

/* 640 size */
@media only screen and (max-width: 1000px) {
	#wrapper{
		width: 100%;
        min-width: 320px;
        margin-top: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
	}
    
    form dl, form dl dt, form dl dd, dl.display dd{
        width: 100%;
        min-width: 320px;
    }
    
    form dl dt{
        margin-bottom: 0;
    }
    
    #content{
        padding: 65px;
        display: block;
    }
    
    #content .button{
        display: inline-block;
        margin: 10px 0 0 0;
    }
    
    form dl dd input.text, form dl dd select{
        display: block;
        width: 95%;
    }
    
    #head{
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    
    #subhead .button{
    margin: 10px 0 0 0;
    }
}

@media only screen and (max-width: 520px) {
    #head{
        height: 70px;
        padding: 10px 0 10px 45px;
    }
    #logo{
    border-right: 0;
    margin: 10px 0 10px 0;
    float: none;
    display: block;
    clear: both;
    }
}