/*  CSS For week03 lab 02 */
body {
  font-family: Georgia, Geneva, Verdana, Tahoma, Arial;
  /*background: #00CC00; */
  background: #6c9f06;
  color: #000000;
  margin: 0;
  padding: 0;
}

#content {
  color: #000000;
  /*border: 1px solid #ff0000;  */
  border-right: none;
  line-height: 1.5em;
  margin: 0 auto;
  width: 800px;  
}

form {
  font: 0.8em Arial, Helvetica, sans-serif;
}

form fieldset {
  width: 315px; 
  padding: 4px 1px 4px 8px; 
	margin: 10px 0px 20px 5px;
}

form label {
	margin-top:10px;
  float: left;
	width: 30%;
	font: bold 0.9em Arial, Helvetica, sans-serif; 
	padding: 2px 4px 2px 4px;
}

form legend {
  font: 1.2em Arial, Helvetica, sans-serif;
}

form input, form select {
	margin-top:10px;
	color: #00008b;
	border: 1px solid #00008b;
	font: 0.8em Arial, Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
	
}

input.txt {
}
.sampletext{
  color: #999999;
  font-size:10px;
}	
.btn {
  background-color: transparent;
	border: 0;
	padding: 0;
	font: 1.2em Arial, Helvetica, sans-serif;
}

.centered_text{
  text-align: center;
}

.birthday_form_title {
  background: url("birthday_form_title2.gif") no-repeat left top;
	height: 92px;
}

.newrndtop {
	padding: 5px 5px 0px 0px;
	margin: 10px 5px 3px 3px;
}

.newrndbottom {
  background: url("bd_form_bottom.gif") no-repeat right bottom;  
	padding: 0px 0px 0px 0px;
	width: 100%;
	}

.answer {
  padding: 1em 1em 0em 0.5em;
}
h1 { 
  font-size: 120%; 
  color: #ff0000; 
  text-align: center;
}

.mainpage_righthubbox, .mainpage_lefthubbox {
  /*border: 1px solid #aaaaaa; */
  /*width: 42%;  */
  width: 345px;
  display: inline;
}

.mainpage_righthubbox {
  float: right;
  padding: 0em 0em 0em 0em;
/*  margin: 0em 3em 3em 0em;
  background: #ffffff; */
	margin: 0em 0em 0em 0em;
  background: url("bd_form_top.gif") no-repeat left top;
}
.mainpage_lefthubbox {
  float: left;
  margin: 0em 0em 0em 0em;
  background: url("bd_form_top.gif") no-repeat left top;

}
.mainpage_boxtitle, .mainpage_hubtitle {
  font-size: 100%;
  padding: 0.2em;
  background-color: #eeeeee;
  border-bottom: 1px solid #666666;
}

.mainpage_boxtitle {
  line-height: 120%;
}

.mainpage_hubtitle {
  text-align: center;
  font-size: 125%;
  font-weight: bold;
}

.mainpage_boxcontents {
  /*background: #ffffff; */
  /*padding: 0.2em 0.4em; */
}
.mainpage_boxcontents .whitebackground {
  background: #ffffff;
}

.mainpage_righthubbox ul, .mainpage_lefthubbox ul {
  list-style: circle;
}
.mainpage_righthubbox li, .mainpage_lefthubbox li {
  padding: 0em 0em 1em 0em; 
}

.browser_boxtitle {
  color: #0000ff;
}
.screen_boxtitle {
  color: #006633;
}

.platform_boxtitle {
  color: #ff0000;
}
.location_boxtitle {
  color: #222222;
}
.highlite_text {
  font-weight: bold;
}

.italic_text {
  font-style: italic;
}