/* demo page styles */
body {
    margin:0;
    padding:0;
}
.example {
    padding:0px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


/* main menu styles */
#nav {
    display:inline-block;
    width:100%;
    margin:0px auto;
    padding:0;
    background:#000000;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#nav li {
    margin:5px;
    float:right;
    position:relative;
    list-style:none;
}
#nav a { 
    font-family:Trebuchet MS, Helvetica, sans-serif;
    font-size:14;
    color:#FFFFFF;
    text-decoration:none;
    display:block;
    padding:8px 12px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

#nav b { 
    font-family:Trebuchet MS, Helvetica, sans-serif;
    font-size:14;
    color:#FFFF00;
    text-align:left;
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#800000 repeat-x -100px -100px;
    color:#FFFF00;
    border-top:1px solid #f8f8f8;
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#FFFFFF;
}
#nav ul li a:hover {
    background:#800000 repeat-x -100px -100px;
    color:#FFFF00;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    width: 155px;
    opacity:0;
    visibility:hidden;
    padding:0;
    position:absolute;
    background:#000040 repeat-x -50px -50px;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
}
#nav ul ul {
    left:140px;
    top:0px;
    width:195px;
}

.myButton {

	-moz-box-shadow: 0px 1px 0px 0px #fff6af;

	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;

	box-shadow: 0px 1px 0px 0px #fff6af;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));

	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);

	background-color:#ffec64;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #ffaa22;

	display:inline-block;

	cursor:pointer;
	color:#333333;

	font-family:arial;

	font-size:15px;
	font-weight:bold;

	padding:6px 24px;

	text-decoration:none;

	text-shadow:0px 1px 0px #ffee66;
}


.myButton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));

	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);

	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);

	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);

	background-color:#ffab23;
}


.myButton:active {

	position:relative;

	top:1px;
}

input, button, label {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 250;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text], input[type=password] {
  padding: 0 10px;
  width: 150px;
  height: 40px;
  color: #000000;
  font-weight: 700;
  /* text-shadow: 1px 1px 1px black; */
  background: rgba(255, 255, 255, 1);
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); 
}
input[type=text]:focus, input[type=password]:focus {
  color: #000000;
  background: rgba(192, 192, 192, 1);
  outline: 0;
}