/* general */

body{

	background-image:url(../img/grey.jpg);
	background-repeat:repeat-x;
	
}

a{
	color:#EFFAF8;
	text-decoration:none;
}

a:link{
	color:#EFFAF8;
	text-decoration:none;
}

a:visited{
	color:#EFFAF8;
	text-decoration:none;
}

a:active{
	color:#EFFAF8;
	text-decoration:none;
}

a:hover{
	color:#666666;
	text-decoration:none;
}

table{
	border:none;
}

td{
	padding: 2px;
	border:none;
}

tr{
	border:none;
}

h1{
	margin:0;
	white-space:nowrap;
	float:left;
	font-weight:bold;
	background:none;
}

h3{
	margin:0;
	white-space:nowrap;
}

h3{
	font-size:130%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	color:#ffffff;
	text-transform:uppercase;
	
}

h4{
	margin:0;
	white-space:nowrap;
}

h6{
	font-size:130%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
}

h6 a{
	text-decoration:none;
}

h6 a:link{
	text-decoration:none;
}

h6 a:visited{
	text-decoration:none;
}

h6 a:hover{
	text-decoration:none;
}


input{
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#CCCCCC;
	border:none;
	color:#333333;
}

select{
	max-width:500px;
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#cccccc;
	border:none;
	color:#333333;
	
}


form.listing{
	padding:0.2em;
	background-image:url(../img/bgroundgradient.jpg);
	background-repeat:repeat-x;
	border-width:1px;
	border-color:#cccccc;
	border-style:dotted;
}


form.grey{
	padding:0.2em;
	background-color:#424242;
	border-width:1px;
	border-color:#cccccc;
	border-style:dotted;
	
}

textarea{
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#cccccc;
	border:none;
	color:#333333;

}

.checkbox{
	margin:0.2em 0.2em 0.2em 0.1em;
	padding:0.2em;
	background-color:#cccccc;
	border:none;
	color:#333333;
}

.buttons {
	padding:0.1em;   
 	background-color: #67afdb;  
 	border:none;
 	color: #FFFFFF;  
}

.buttons_form {
	margin:0.5em 0 0.5em 0;
	padding:0.2em;   
 	background-color: #67afdb;  
 	border:none;
 	color: #FFFFFF;
	font-weight:bold;  
}

/* tmp stuff */

#doc4{
	
}

#logo{
	float:left;
}

#hd {
	background:url(../img/grey.jpg);
	background-repeat:repeat-x;
	margin:0 0 1.5em 0;
	background-color:#FFFFFF; 
 	/*background-color:#424242;
  	background:url(../img/grey.jpg);
  	background-repeat:repeat-x;
	*/
 

}

#hd_right {
	float:right;
	width:255px;
	margin-right:0.5em;
	padding: 0.4em;
	
 	text-align: left;
 	
	background-color:#424242;
 	
	border-color:#67afdb;
 	border-width:0 1px 1px 1px;
 
  	border-style:solid;
  	
	
	color:#ffffff;
	font-size:90%;
}

#content_wrap{
	width:100%;
	margin:0;
	padding:0.3em;
	
	background-color:#ffffff;
	
	
	/*
	border-color:red;
 	border-width:1px;
  	border-style:solid;
	*/
	
}

#left_column{
	float:left;
	margin:0;
	width:670px;
	background-color:#FFFFFF;

}

#right_column{
	float:right;
	padding-right:0.5em;
	margin:0;
	width:270px;
}


#search {
 	width:250px;
	margin: 0.5em 0 0 0;
  	padding: 0.7em;
	background-color:#424242;
  	border-color:#CCCCCC;
  	border-width:1px;
  	border-style:solid;
	
	text-align:left;
}
#popular {
	width:250px;
	margin:0.7em 0 0 0;
 	padding: 0.7em;
	background-color:#424242;
  	border-color:#CCCCCC;
  	border-width:1px;
  	border-style:solid;
}

#popular ul{
	display:block;
	margin:0;
	list-style-type:none;
}

#popular li{
	color:#1091D7;
	list-style-type:none;
	margin:0.4em 0 0.4em 0;
	padding:0.2em;
	background-color:#FFFFFF;
	border:#666666;
	border-style:solid;
	border-width:1px;
	
	font-size:110%;
	
}

#popular li a{
	color:#1091D7;
}

#popular li a:active{
	color:#1091D7;
}

#popular li a:visited{
	color:#1091D7;
}

#popular li a:hover{
	color:#666666;
}

#nav {
	/*
	background-image:url(../img/list.jpg);
	background-repeat:repeat-x;
	background-color: #424242;
	*/
	
	margin:0;
	width:100%;
	font-size:105%;
	font-weight:bold;

	
	
}

#nav ul{
	display:inline;
	margin:0;
}

#nav li {
	display:inline;
	margin:0 0.4em 2px 0;
	padding: 4px 0.4em 0 0.4em;
	list-style-type:none;
	background-color:#ffffff;
	background-image:url(../img/list.jpg);
	background-repeat:repeat-x;
}

#nav li.not_current {
	margin:0 0.4em 2px 0;
	font-weight:normal;
}

#nav li.current{
	margin:0 0.4em 0 0;
	padding: 4px 0.4em 1px 0.4em;
	background-color:#FFFFFF;
	color:#1091D7;	
}

#nav li.current a {
  color:#1091D7;  
}

#nav li a {
	color:#666666;
	text-decoration:none;
}

#nav li a:hover {
	text-decoration:none;
	color:#1091D7;
}

#ft {
  background-color: #424242;
  margin: 0.3em 0 0 0.3em;
  padding:0.2em;
  text-align: center;
  color:#FFFFFF;
}

#buy_button {
	height:128px;
	width:103px;
	font-weight:bold;
	font-size: 108%;
	
	font-weight: bold;
	background-color: #ffffff;
	background-image:url(../img/codebox.jpg);
	background-position:center;
	background-repeat:no-repeat;
  
  float: right;
}

.buy{
	font-size:110%;
	margin: 60px 5px 10px 5px;
	text-align:center;
}


.buy a{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}

.buy a:link{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}

.buy a:visited{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}

.buy a:hover{
	margin: 60px 5px 10px 5px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}

/* done tmp stuff */

#top_div {
	width: 1008px;
	margin: 0 auto;
	text-align: left; /* override the body text-align: center; */
}

#feedback {
	margin:0.5em 0 0.5em 0;
 	text-align: left;
	font-weight: bold;
	font-size: 108%;
	
	border-width:1px;
	border-color:#CCCCCC;
	border-style:dotted;
	
	background-image:url(../img/bgroundgradient.jpg);
	background-repeat:repeat-x;
}

.stars{
	margin:0.3em 0 0.3em 0;
}

.desc{
	margin: 0.5em 0 1em 0;
	color:#666666;
}

.on_grey a{
	color:#71C3F9;
}

.on_grey a:link{
	color:#71C3F9;
}

.on_grey a:visited{
	color:#71C3F9;
}

.on_grey a:hover{
	color:#ffffff;
}

.leader{
	
}

.input_req {
  color: blue;
}

.error {
  color: red;
}

.notice {
	color: green;
}

/* horizontal-layout forms */
form.hz input, form.hz select {
	margin: 0.5em;
	font-weight:normal;
}

form.hz div.form_field {
 	display: inline;
	font-weight:bold;
}

/* vertical-layout forms */

form.vt{
	padding: 0.7em 0 0.7em 0;
	background-image:url(../img/bgroundgradient.jpg);
	background-repeat:repeat-x;
	border-width:1px;
	border-color:#cccccc;
	border-style:dotted;
}

form.vt label {
  clear: left;
  float: left;
  width: 120px;
  font-weight:bold;
  padding: 0.2em;
}

form.vt .form_field {
  clear: both;
}

/* narrow vertical-layout forms */
form.vtn label {
  clear: left;
  float: left;
  width: 75px;
}

p {
  margin-bottom: 0.8em;
}

ol li {
  list-style: decimal;
  margin-left: 2em;  
}

ul li {
  list-style: disc;
  margin-left: 2em;
}

h2 {
  font-size: 146.5%;
  font-weight: bold;
  color:#333333;
}

h4 {
  font-size: 108%;
  font-weight: bold;
  margin-top: 1em;
  color:#333333;
}

h4.first {
  margin-top: 0;
  color:#333333;
}

h5 {
  font-size: 146%;
  margin-bottom: 0.5em;
  color:#333333;
}

h7{
	font-size:185%;
	margin:0;
	color:#333333;
	line-height:115%;
}



/* used for headings at the top of forms. */
h6 {
  font-weight: bold;
  display: inline;
}

.ferr {
  background-color: #ffa6a6;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}