body {

    background:url(../images/back.jpg) no-repeat center top #0a050c;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size:14px;

    min-height:850px;

}

.box {

    background:rgb(255, 255, 255);

    background:rgba(255, 255, 255, 0.1);

    border:1px solid #0a050c;

    padding:10px;

    box-shadow:0px 0px 5px #000;

    -moz-box-shadow:0px 0px 5px #000;

    -webkit-box-shadow:0px 0px 5px #000;

}



.rounded {

    border-radius:10px;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

}

.menuItem:hover {

    background:rgb(10, 20, 30);

    background:rgba(10, 20, 30, 0.8);

}

.menuItem {

    background:rgb(30, 40, 50);

    background:rgba(88, 16, 29, 1);

    color:#FFF;

    margin:10px 0px;

    border:3px solid #0a050c;

    font-size:30px;

    font-weight:bold;

    text-align:center;

    padding:2px;

    box-shadow:0px 0px 5px #000;

    -moz-box-shadow:0px 0px 5px #000;

    -webkit-box-shadow:10px 14px 20px #000;

}

.menuItemFooter:hover {

    background:rgb(10, 20, 30);

    background:rgba(88, 16, 29, 1);
	-webkit-box-shadow:10px 14px 20px #000;

}

.menuItemFooter {

    background:rgb(30, 40, 50);

    background:rgba(88, 16, 29, 1);
	-webkit-box-shadow:10px 14px 20px #000;

    color:#FFF;

    margin:3px 0px;

    border:2px solid #0a050c;

    font-size:14px;

    font-weight:bold;

    text-align:center;

    padding:1px;

    box-shadow:0px 0px 5px #000;

    -moz-box-shadow:0px 0px 5px #000;

    -webkit-box-shadow:0px 0px 5px #000;

}

a {

    text-decoration: none;

}

.textbox {

    background:rgb(255, 255, 255);

    background:rgba(255, 255, 255, 0.5);

    border:1px solid #71aabd;

    padding:5px;

    margin:10px 0px;

    box-shadow:0px 0px 3px;

    -moz-box-shadow:0px 0px 3px;

    -webkit-box-shadow:0px 0px 3px;

    width:558px;

    color:#222;

    font-weight: bold;

    outline:none;
}

.button {

    background:rgb(255, 255, 255);

    background:rgba(255, 255, 255, 0.5);

    border:1px solid #71aabd;

    box-shadow:0px 0px 3px #000;

    -moz-box-shadow:0px 0px 3px #000;

    -webkit-box-shadow:0px 0px 3px #000;

    font-weight:bold;

    padding:0px;

    font-size:16px;

    line-height:30px;

    height:30px;

    width:150px;

}

.button:hover {

    background:rgb(200, 200, 200);

    background:rgba(200, 200, 200, 0.5);

    cursor:pointer;

}

.important {

    color:#0a050c;

}

#container {

    margin:30px auto 0px auto;

    width:600px;

    border-width:3px;

}



#header {

    background:url(../images/logo.png);

    width:500px;

    height:200px;

    margin:10px auto;

}



label {

    font-size: 18px;

}





#flashmessage-container .success {

    width: 97%;

    margin: 15px auto 22px auto;

    background: #b4ffb2;

    border: 1px solid #368a34;

    color: darkgreen;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



#flashmessage-container .notice {

    width: 97%;

    margin: 15px auto 22px auto;

    background: #fff9b2;

    border: 1px solid #d1c000;

    color: #d1c000;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



#flashmessage-container .error {

    width: 97%;

    margin: 15px auto 22px auto;

    background: #ffb0b0;

    border: 1px solid #970000;

    color: #970000;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



.flashmessage p {

    margin: 0;

    padding: 10px;

    text-align: center;

    font-weight: bold;

}