/* Music Teacher’s Helper Studio Website Template Strings1 CSS
------------------------------------------------------*/
body {
   font-size: 62.5%;
   color: #504f4f;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background:#f5e9d1 url(../images/bg_repeat.png) repeat top center; }

* {
   margin:0;
   padding:0;
   /*list-style-type:none;*/
   text-decoration:none;}

.clear {
   clear:both;
   margin:0;
   height:0;
   line-height:0.0;
   font-size:0;}

hr {
   display:none;}

fieldset {
/*    border:1px solid #FFF;*/
    border: 0;
}

a img {
    border:none;}

a, a:visited {
    color:#626161;
	text-decoration:underline;}
a:hover {
	color: #414140;
}

.main_content ul {
	margin: 1em;
}
.main_content li {
	margin: 1em 0;
	font-size: 10pt;
}

/* FORMS - specific form styles
------------------------------------------------------*/
form .buttons button {
    background: #3e482b url( ../images/bg_button.gif  ) repeat-x 0 0;
    border: 1px solid #988e68;
    color: #fff;
    cursor: pointer;
    font: inherit;
    line-height: 1.4em;
    padding: 3px 20px;
    text-transform: uppercase;
}
form .buttons button:hover,
form .buttons button.hover {
    background-position: 0 100%;
    border: 1px solid #fff;
}

/* HEADERS
------------------------------------------------------*/
h1 {
 font-size: 2.8em;
 color:#000;
 font-family:"Times New Roman", Times, serif; }

h2 {
 font-size: 2.5em;
 color:#000;
 font-family:"Times New Roman", Times, serif; }

h3 {
 font-size: 2em;
 font-family:"Times New Roman", Times, serif;
 color:#000;}

h4 {
  color:#676666;
  font-style:italic;
  font-weight:normal;
  font-size: 1.8em;
  font-family:"Times New Roman", Times, serif;}

/* PAGE LAYOUT
------------------------------------------------------*/
#container_wrapper {
 background:url(../images/bg_main_top.png) repeat-x top left;
 min-width:800px;}

#content_wrapper {
background:url(../images/bg_container.jpg) repeat-y top center;
 min-width:800px;}

#top_wrapper {
 background:url(../images/bg_main_top_block.jpg) no-repeat top center;
 min-width:800px;}

#container {
   width: 799px;
   margin: 0 auto;
   padding: 20px 0;
   background:url(../images/side_quote.jpg) no-repeat top left;
   background-position: -1px 83px;}

#sidebar {
   width: 150px;
   float:left;
   padding: 113px 0 0 0;}

#content {
   margin: 0 0 0 31px;
   width:600px;
   float:left;}


/* SIDEBAR
------------------------------------------------------*/
#sidebar .quote {
  color:#FFF;
  text-align:right;
  width: 90px;
  font-size: 1.4em;
  position:relative;
  font-family:"Times New Roman", Times, serif;
  padding: 220px 0 0 45px;  }


#sidebar .quote span.start {
  font-size: 1.8em;}

#sidebar .quote span.name {
  display:block;
  margin-top: 10px;
  font-size: 0.9em;}

/* FORMS
------------------------------------------------------*/
/*
div.form_box {
   background:url(../images/bg_form_repeat.png) repeat top left;
   margin: 1em 0 1em 0;
   color:#f1f1f1;
   text-transform:uppercase;}

div.form_box_wrapper {
   background:url(../images/bg_form.png) repeat-x top left;
   padding: 15px 15px 15px 15px;
   position:relative;}

div.form_box .fieldset_wrapper {
   background:url(../images/bg_form_fieldset_repeat.png) repeat top left;}

div.form_box fieldset {
   background:url(../images/bg_form_fieldset.png) repeat-x top left;
   color:#FFF;
   padding: 0 10px 10px 10px;}

form fieldset legend {
   color:#FFF;
   font-size: 1.2em;
   margin: 0 2px 8px 2px !important;
   margin: -2px 2px 8px 2px;
   text-transform:uppercase;}

form label {
   width: 120px;
   float:left;
   text-align:right;
   font-size: 1.0em;
   padding: 3px 10px 0 0;
   margin: 5px 0;}

form a {
   color: #f1f1f1 !important;
   text-decoration:underline;
   text-transform:uppercase;
   float:left;
   padding: 8px 0 0 0;
   margin: 5px 0;}

form br {
   clear:left;}

form p {
   margin: 10px 0 10px 10px;}

form .align_right {
  float:right;
   padding: 10px 20px 0 0;
   margin:0;}

form input.text {
   background:#FFF url(../images/bg_input.gif) no-repeat top left;
   width: 237px;
   height: 1.4em;
   padding: 4px 0 0 7px;
   color:#535353;
   font-size: 9px;
   border:1px solid #131313;
   float:left;
   margin: 5px 5px 0 0;}

form input.text_big {
   background:url(../images/bg_input_big.gif) no-repeat top left;
   width: 261px;
   height: 23px;
   padding: 4px 0 0 7px;
   color:#535353;
   font-size: 9px;
   border:1px solid #131313;
   margin: 5px 5px 5px 0;
   float:left;}

form textrea {
	background:url(../images/bg_input_big.gif) no-repeat top left;
}

form input.check {
   background:url(../images/bg_input.gif) no-repeat top left;
   border:1px solid #131313;
   margin: 5px 5px 0 0;}

form input.button {
   border:1px solid #aaa;
   background:#465639 url(../images/bg_button.jpg) repeat-x top left;
   height: 2.2em;
   color:#f1f1f1;
   font-size: 12px;
   font-weight:bold;
   padding: 3px 5px;
   margin: 5px 0 0 3px;
   cursor:pointer;
   text-transform: uppercase;}

	form input.button:hover {
		border: 1px solid #fff;
		background-image: none;
	}

form input.radio {
  margin: 0 5px;
  vertical-align:middle;}
*/

form * {
	font-size: 12px;
}
form h3.legend {
    padding: 0 0 5px;
    text-transform: uppercase;
    color: #ffffff;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
form .item { overflow: hidden; }
form .item input,
form .item textarea {
    background: #fff url( ../images/bg_text_input.png ) no-repeat 0 0;
    border: 1px solid #4f504f;
    font: inherit;
    padding: 0 3px;
}
form .item textarea { padding: 3px; }
form .item select { font: inherit; line-height: 0.8em; }
form .buttons button {
    background: #3e482b url( ../images/bg_form_button.png ) repeat-x 0 0;
    border: 1px solid #988e68;
    color: #fff;
    cursor: pointer;
    font: inherit;
    line-height: 1.4em;
    padding: 0 10px;
    text-transform: uppercase;
}
form .buttons button:hover,
form .buttons button.hover {
    background-position: 0 100%;
    border: 1px solid #fff;
    color: #988e68;
}
form {
    background: #525151 url( ../images/bg_form.png ) repeat-x 0 0;
    color: #fff;
    margin: 0 0 14px;
    padding: 15px  0 0 20px;
}
form fieldset { padding: 0 0 20px; }
form h3.legend {
    background: transparent url( ../images/bg_form_legend.png ) no-repeat -397px 100%;
    margin: 0 0 15px;
}
form .item { margin: 0 0 9px; }
form label,
form span.label {
    float: left;
    line-height: 1em;
    padding: 3px 0 0;
    text-align: right;
    width: 124px;
}
form .withTextarea label,
form .withCheckbox span.label {
    display: block;
    float: none;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
}
form .withSelect label { padding: 6px 0 0; }
form .withCheckbox label {
    line-height: 1.3em;
    padding: 0;
    text-align: left;
    width: auto;
}
form ul.radios li label {
    text-align: left;
    margin: 0 10px 0 0;
    width: auto;
}
form .item input,
form .item select {
    margin: 0 3px 0 11px;
 /*   width: 207px;*/
}
form .item li {
    background: none;
    color: #fff;
    padding: 0;
}
form .item li input {
    background: none;
    float: left;
    margin: 0 5px 0 0;
    width: auto;
}
form textarea {
    height: 28px;
    margin: 0 0 0 135px;
    width: 267px;
}
form ul.radios {
    float: left;
    margin: 0 0 0 7px;
}
form ul.checkboxes { margin: 0 0 0 7px; }
form ul.radios li { display: inline; }
form ul.checkboxes li {
    float: left;
    overflow: hidden;
    margin: 0 0 4px;
    width: 100%;
}



/* CONTENT
------------------------------------------------------*/

/* MAIN CONTENT */
div.main_content {
   background:url(../images/content_top.gif) top left repeat-x;
   margin: 1em 0;
   padding: 28px 0 0 0;}

div.main_content .main_content_wrapper {
  background:url(../images/content_bg.gif) repeat-y top left;
  }

div.main_content p {
  font-size:1.2em;
  margin: 8px 0;
  line-height:16px;}

div.main_content a{
  color: #4C5D3D; /*#7c1719*/}

div.main_content a:hover {
	color: #6e7f5f;
	text-decoration: none;
}

div.main_content .link {
  color:#7c1719}

div.main_content .left_side {
   background: #f3e7cd;
   width: 362px;
   float:left;
   padding: 10px 16px;
}

div.main_content .right_side {
   background: #f3e7cd;
   width: 159px;
   float:left;
   padding: 10px 16px;}

div.main_content .right_side p {
  font-size: 1.1em;}

div.main_content .right_side p span.title {
  font-size: 1.2em;
  font-weight:bold;}

/* CREDITS*/
p.credits {
   color:#848383;
   font-size: 0.98em;
   margin: 10px 0;}

/* WARNING BOX */

div.warning_box {
   background:#bb2c30 url(../images/bg_warning.gif) repeat-x top left;
   color:#f1f1f1;
   font-size: 1em;
   text-transform:uppercase;
   width: 346px;
   padding: 0 16px;
   border:1px solid #2d1515;}

div.warning_box fieldset {
   border:1px solid #FFF;
   padding: 0 10px 10px 10px;
   margin: 10px 0;}

div.warning_box fieldset legend {
   color:#FFF;
   font-size: 1.2em;}

div.warning_box ul {
   margin: 10px 0 0 10px;}

div.warning_box ul li {
   margin: 0 0 4px 0;
   text-transform:uppercase;}

/* NAVIGATION */
ul.navigation {
   color:#504f4f;
   font-size: 1.1em;
   list-style-type: none;}

ul.navigation li {
   float:left;
   padding:0 5px;
   border-right:1px solid #504f4f;}

ul.navigation li a {
   color:#504f4f !important;
   text-decoration:none;
   text-transform: uppercase;}

	ul.navigation li a:hover {
		text-decoration: underline;
		color: #302c2c;
	}

/* Ticket #1187 - BUG: Some themes are blocking the sidebar login form. */		
#right_side {float:right; width:191px;}
#right_side .section {background:#f1f1f1; width: 159px; float:left; margin:0 0 1em; padding: 10px 16px;}
#right_side .section p {font-size: 1.1em;}
#right_side .section p span.title {font-size: 1.3em; font-weight:bold;}
 
#right_side #login {}
#right_side #login h4 {}
#right_side #login form {background:none; padding:0;}
#right_side #login fieldset {}
#right_side #login ul {padding:0; margin:0;}
#right_side #login li {list-style:none; padding:0; margin:0 0 .5em;}
#right_side #login li input {}
#right_side #login li label {float:none; text-align:left; color:#000; padding:0; width:auto;}