html, body {
margin: 0;
padding: 0;
border: 0;
outline: 0;
height: 100%;
text-align: center;
background: #ffffff;
}
/* ---------------------*/
/* ----- layout -----*/
/* ---------------------*/
div#container {
height: auto;
min-height: 100%;
width: 100%;
margin: auto;
text-align: center;
background: #ffffff;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
div#top {
width: 100%;
text-align: center;
background: url(https://artistryofmusic.com/accounts/images/11/722_oboe.png) no-repeat top right #000000 ;
}
div.col_size {
width: 1100px;
}
div.top_height {
height: 200px;
}
div#header {
margin: auto;
height: 270px;
width: 1100px;
text-align: left;
position: relative;
}
div#header_logo {
position: absolute;
top: 25px;
left: 20px;
width: 400px;
height: 120px;
}
div#header a {
color: #fff;
font-size: 17px;
text-decoration: none;
}
div#header a:hover {
color: #000000;
text-decoration: none;
}
#welcome {
position: absolute;
top: 0px;
font-weight: bold;
width: 100%;
font-family: verdana;
font-size: 10px;
color: #ffffff;
line-height: 20px;
background: url(https://artistryofmusic.com/accounts/images/11/525_background.png);
}
.promptLabel {
color: #cccccc;
margin-left: 5px;
padding: 0 0 0 5px;
}
.promptTextBox{
padding-left: 10px;
}
.error{
color: red;
}
#welcome a {
font-family: verdana;
font-size: 10px;
color: #f0cea3;
background: none;
font-weight: bold;
text-decoration: none;
}
div#content_wrapper {
position: relative;
margin: 0 auto; /* center, not in IE5 */
height: auto !important; /* real browsers */
height: 100%; /* IE6: treaded as min-height*/
min-height: 100%; /* real browsers */
text-align: justify;
padding-top: 30px;
}
div#content {
width: 950px;
padding: 10px 0 0 0;
margin-left: 20px;
font-family: "Helvetica Neue", Arial, sans-serif;
}
div#bottom {
font-size: 12px;
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
font-style: italic;
color: #000000;
clear: both;
position: relative;
width: 100%;
text-align: center;
background: #000000;
margin: auto;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
div#bottom {position: absolute; bottom: 0px; } /* your css rules for ipad portrait */
}
div.bottom_height {
height: 150px;
}
#footer {
margin: auto;
text-align: left;
}
.footer_label {
width: 100%;
padding-top: 10px;
text-align: center;
font-size: 10px;
}
#footer a {
background: none;
text-decoration: none;
color: #e6e6e6;
font-family: verdana;
}
#footer a:hover {
}
ol, ul {
/*list-style:none;*/
}
p {
margin: 0;
padding-bottom: 20px;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
/* --- table controls --- */
td {
}
a {
text-decoration: none;
color: #bf662e;
}
a:hover {
text-decoration: none;
}
.button {
background: url(https://artistryofmusic.com/accounts/images/11/539_button.jpg) center;
font-family: "Helvetica Neue", Arial, sans-serif;
text-align: center;
padding: 0 20px 0 20px;
font-size: 12px;
border: 1px solid #462f20;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #ececec;
line-height: 27px;
font-weight: bold!important;
}
a.button {
color: #ececec;
text-decoration: none;
font-weight: bold!important;
}
a.button:hover {
color: #ffffff;
}
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="reset"]{
border-color: #dfdfdf;
background-color: #fff;
border-width: 1px;
border-style: solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: left;
}
input[type="text"], input[type="password"] {
height: 25px;
}
select {
line-height: 25px;
height: 25px;
font-size: 15px;
border: 1px solid #cccccc;
}
div.title {
width: 90%;
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: 100;
font-size: 30px;
border-bottom: 1px solid #6e4827;
color: #000000;
padding: 0 0 0 20px;
margin-bottom: 15px;
}
/* -- Menus -- */
#menu_container {
position: absolute;
top: -30px;
left: 0px;
height: 30px;
width: 100%;
margin: 0;
}
#menu_bar{
position: absolute;
top: 170px;
height: 30px;
width: 100%;
margin: 0;
}
ul#main_menu {
list-style:none;
list-style-position: inside;
padding-left: 0px;
margin-top: 0px;
}
ul#main_menu li:last-child a { border-right: none; } /* Doesn't work in IE */
ul#main_menu li.hover,
ul#main_menu li:hover {
color: black;
position: relative;
}
ul#main_menu li {
font-weight: normal;
float: left;
zoom: 1;
margin: 0px;
line-height: 26px;
}
ul#main_menu li a
{
display: block;
padding-left: 10px;
padding-right: 10px;
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: 150;
font-size: 15px;
color: #ffffff;
line-height: 30px;
text-decoration: none!important;
background: none!important;
}
ul#main_menu li.hover a {
background: #ffffff!important;
color: #000000;
}
ul#main_menu .active {
background: #ffffff!important;
color: #000000;
}
/*
LEVEL TWO
*/
ul#main_menu ul{
list-style:none;
width: 220px;
visibility: hidden;
position: absolute;
top: 100%;
left: -40px;
}
ul#main_menu ul li {
font-weight: normal;
float: none;
line-height: 20px;
font-size: 12px;
}
ul#main_menu ul li a
{
color: #ffffff;
padding-left: 10px;
font-size: 12px;
border-bottom: 1px solid #cccccc;
}
ul#main_menu ul li a:hover {
background: #ebebeb!important;
}
/* my account menu */
#myAccountMenuContainer{
margin-top: -5px;
border-bottom: 1px solid #cccccc;
height: 40px;
width: 100%;
margin-bottom: 20px;
}
ul#myAccountMenu{
list-style:none;
list-style-position: inside;
}
ul#myAccountMenu li{
font-weight: normal;
float: left;
zoom: 1;
margin: 0px;
line-height: 15px;
padding: 0 10px 0 10px;
}
ul#myAccountMenu li a{
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.help-container {
position: relative;
cursor: pointer;
}
.help-info {
padding: 10px;
font-size: .9em;
position: absolute;
top: 0px;
left: 50px;
text-align: left;
background: #ffffff;
display: none;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 0px 7px #545454;
-webkit-box-shadow: 0px 0px 7px #545454;
box-shadow: 0px 0px 7px #545454;
}