@import url("../css/reset.css");

body, td {  
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px; 
}

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

a:hover {
  color: #666;  
}

em, strong {
  font-weight: bold;
}

h1 {
  font-size: 26px;  
  margin-bottom: 0px;
  color: #333;
  border-bottom: 1px solid #888;
  letter-spacing: 2px;
  font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Trebuchet MS";  
  padding: 4px 0;
}



/* Forms */

input {
	font-size : 12px ; 
	font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif ;  
	color: #075788;
	padding: 2px;
	border:1px solid #ccc;
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

input:hover, input:focus {
	border-color:#cccccc;
	background:#f6f6f6;
} 

.submit {
	color: #075788;
	font-family: Verdana, Arial, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid #ccc;      
}

input.login {
	color:#075788; 
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
  width: 155px;
  margin-bottom: 5px;
}


/* Header style */

#header {
  height: 96px;
  background-image: url(../images/header_bg.jpg); 
}

#header a.logo {
  display: block;  
  width: 120px;
  margin: 0 auto;
  margin-bottom: -7px;
  padding-top: 12px;
}

/* Top Menu style */

#menu {  
  height: 20px;
  margin: 0 auto;    
  width: 670px;
}

#menu li {
  margin: 0; 
  padding: 0;
  display: inline;
  list-style-type: none;
}

#menu a:link, #menu a:visited {
  float: left;
  background-color: #f3f3f3;
  font-size: 0.85em;  
  font-weight: bold;
  padding: 2px 10px 2px 10px;
  margin-right: 4px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #666;
}

#menu a:link.active, #menu a:visited.active {
  background-color: #fff;
}

#menu a:hover {
  background-color: #fff;  
  border-bottom: 3px solid #CC0000;
  height: 16px;
}

/* Content wrapper */            

#main-container-wrapper {
  width: 670px;
  margin: 0 auto;   
}

#main-container {
  float: left;  
  background-color: #fff;
  width: 670px;  
}

/* Message box */

#notice {
  color: green;
  font-weight: bold;
}

/* Errors */

ul.error_list {
  color: red;
  font-weight: bold;
}

/* Form background */

form#reset-password, form#user-profile, #form {
  background: #f2f2f2;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 670px;
  padding: 6px;  
}


form#reset-password label, form#user-profile label, #form label {
  float: left;  
  margin-top: 9px;  
}

#form label {
  width: 120px;  
}

form#add-review {
  width: 670px
}

form#add-review ul li {
  margin-bottom: 20px
}

form#user-profile label {
  width: 150px;
}

form#reset-password label {
  width: 45px;
}

form#reset-password input, form#user-profile input, #form input, #form select {  
  margin-top: 6px;  
}

form#user-profile input.submit, form#user-profile img {
  display: block;
}

form#form.topic-suggestion {
  width: 620px;
  float: left;
}

ul.measures {  
  float: left;
  width: 500px;
}

/* Add review, rating criteria */

ul.scores {
  float: left;
  padding: 8px;
  margin-left: 0px;
  margin-top: 14px;
  margin-bottom: 14px;
  width: 650px;  
  background: #E8FFDD;
}

ul.scores label {
  float: left;
  margin-right: 5px;  
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

ul.scores li {
  float: left;
  width: 670px;
  margin-bottom: -10px;
}

/* Homepage styles */
/* -------------- */

/* Top Divs (login box and search) */

#wrapper {overflow:hidden;}
#wrapper td {padding: 3px;}

#search form {
  background: #DEDACF;
  border: 1px solid #bbb;
  font-weight: bold;
  letter-spacing: 1px;
  height: 80px;
  width: 430px;
  text-align: center;
  padding: 4px;
  margin:0px 0px 0px 270px;
}

#search form label {font-weight: normal; padding-left:28px}
#left_box form, #left_box div#welcome {float:left; width:240px; height: 80px; padding:4px; margin-right: 10px; background: #DEDACF; border: 1px solid #bbb; font-size: 12px;}

#left_box form ul li {
  float: left;
}

#left_box form input.submit {
  margin-left: 5px;
  margin-top: -5px;
}

#left_box form ul.menu {  
  margin-left: 0px;
  margin-top: 5px;
  width: 240px;  
  float: left;  
}

#left_box form ul.menu li {
  margin-right: 30px;
  margin-left: 0;
  padding-left: 0;
  font-size: 1.2em;
  float: left;
}

#left_box form ul.menu li a {
  background: url(../images/arrow.gif) no-repeat center left;
  padding-left: 15px;
}

#left_box form ul.menu li.last {
  margin-right: 0px;
}

#left_box div#welcome h3 {font-weight: bold;}
#left_box div#welcome p {padding-left: 4px; padding-top:4px}
#left_box div#welcome ul {
  padding-left: 8px;
  padding-top: 3px;
  list-style-image: url(../images/arrow.gif);
  margin-left: 15px;
}
#left_box, #search {padding-bottom:7px; margin-bottom:-7px;}
#search form input.text {width: 220px; border:2px solid #bbb;}
#search form p {text-align:center; padding-top: 24px;}

/* Categories div */

#categories, #sidebar {
  width: 250px;
  float: left;
}

#categories-tree {
  background-color: #EBEBEB;
  padding: 5px;
  font-size: 18px;
  letter-spacing: 1px;
}


#categories-tree ul ul {
  margin-left: 20px;  
}

/* Topics div */

#topics {
  float: left;
  width: 670px;
}

/* Topic preview */

div.topic-preview {
  margin-bottom: 10px;  
}

div.topic-preview div.header {
  float: left;       
  padding: 5px;
  background-color:#eee;
  border-bottom: 1px solid #ccc;
  width: 670px;  
}

div.topic-preview div.header:hover {
	background-color: #FFE8E8;
	border-bottom: 1px solid #FFCECE;
}

div.topic-preview div.header a {
  font-weight: bold;      
  float: left;
}

div.topic-preview div.rating {
  float: right;
  margin-left: 10px;
}

div.topic-preview div.description {
  clear: both;
  background-color: #ddd;
  border-bottom: 1px solid #ccc;  
  font-size: 12px;  
  color: #333;
  letter-spacing: 1px;  
  padding: 5px;
}

div.topic-preview div.description img {
  float: right;
  margin: 0 0 3px 3px;
  width: 80px;
}

div.topic-preview div.description p {
  margin: 5px 0;
}

div.topic {
  background-color: #f4f4f4;
  padding: 5px;
  border-bottom: 2px solid #cccccc;
}

div.topic h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
}

div.topic h2 span.reviews {
  font-weight: normal;
  text-transform: none;
  font-size: 0.8em;
}

div.topic h2 span.reviews a {
  text-decoration: underline;  
}

div.options {
  background-image: url(../images/options_bg.jpg);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  font-size: 10px;
  letter-spacing: 1px;
  height: 15px;  
  text-transform: uppercase;    
  padding: 4px;
  margin-top: 10px;  
  float: left;
  width: 670px;
}

div.options, div.options a {
  color: #eee;
}

div.options ul.sortings, div.options ul.sortings li {  
  display: inline;  
}

div.options ul.sortings li {
  border-right: 1px solid #eee;
  padding-right: 5px;
}

div.options ul.sortings li.last {
  border-right: none;  
}

#topics div.options {
  margin-top: 0;
  width: 670px;  
}

div.options ul.feeds {
  float: right;  
  margin-top: -2px;    
  margin-left: 20px;
  padding-left: 20px;      
}

div.options ul.feeds li {     
  float: right;  
  margin-left: 10px;
}

div.options ul.feeds li a {
  background: url(../images/RSS.gif) no-repeat top left;
  padding-left: 23px;
  height: 20px;
  line-height: 20px;
  display: block;
}

div.topic {
  float: left;
  width: 670px;
}

div.topic div.rating-by-measures {
  background-color: #f0f0ee;
  padding: 5px;
  margin: 5px 0;
  float: left;  
  font-size: 0.8em;
  border-bottom: 1px solid #ccc;
}

div.topic-with-image div.rating-by-measures {
  width: 670px;
}

div.topic-without-image div.rating-by-measures {
  width: 660px;
}

div.topic div.rating-by-measures dl, div.topic div.rating-by-measures dt, div.topic div.rating-by-measures dd {
  float: left;
}

div.topic div.rating-by-measures dt {
  text-transform: uppercase;
}

div.topic div.rating-by-measures dd {
  margin: 0 10px 0 5px;
}

div.topic div.description, div.topic div.website {
  background-color: #f0f0ee;
  padding: 5px;
  margin: 5px 0;
  border-bottom: 1px solid #ccc;    
}

div.topic div.website a {
    background-image: url(../images/link-icon.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.topic div.description p {
  margin: 5px 0;  
}

div.topic div.content {
  float: left;  
  margin-left: 5px;
  margin-bottom: 0px;
}

div.topic-with-image div.content {
  width: 670px;
}

div.topic-without-image div.content {
  width: 670;
}

div.topic img.image {
  float: left;
  width: 175px;
}

a.review {
  font-weight: bold;
  font-size: 1.6em;
  text-transform: uppercase;
  font-family: sans-serif;  
  margin: 20px auto;  
  display: block;
  width: 298px;  
  padding-top: 10px;
  clear: both;
}

p.return-to-category {
  margin: 0 auto;
  width: 240px;
}

div.reviews {
  float: left;  
}

div.review {
  background-color: #f4f4f4;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #cccccc;
  border-right: none;
}

div.review div.header {
  float: left;
  height: 15px;
  width: 670px;
  padding: 5px 3px;
  border-bottom: 1px solid #cccccc;
  font-size: 0.8em;
}

div.review div.header img {
  float: right;
  padding-right: 10px;
}

div.review div.sidebar {
  float: left;
  width: 185px;    
  font-size: 0.8em;  
}

div.review div.sidebar h3 {
  font-weight: bold;
  margin-bottom: 5px;
}

div.review div.sidebar div.rating-by-measures {
  background-color: #f2f4ff;
  padding: 3px;
  float: left;
  border-bottom: 1px solid #cccccc;
  width: 180px;
}

div.review div.sidebar div.rating-by-measures dl {
  margin-top: 3px;
}

div.review div.sidebar div.rating-by-measures dt, div.review div.sidebar div.rating-by-measures dd {  
  float: left;
}

div.review div.sidebar div.rating-by-measures dt {    
  clear: both;
}

div.review div.sidebar div.rating-by-measures dd {
  margin-left: 5px;
}

div.review div.sidebar div.helpfulness {
  margin-top: 5px;
  float: left;
  padding: 3px;
  width: 180px;
}

div.review div.sidebar div.helpfulness p {
  float: left;
}

div.review div.sidebar div.helpfulness form {
  float: left;
  margin-left: 5px;
}

div.review div.content { 
  border-left: 1px solid #cccccc;
  float: left;
  padding: 5px 3px;  
  background-color: #eee;
  width: 483px;
}

div.review div.content p {
  margin: 5px 0;
}

div.review div.content h2 {
  font-weight: bold;
  margin-bottom: 5px;
}

div.review div.user {
  float: left;
  margin: 3px;
}

img.avatar {
  width: 179px;
}

div.profile img {  
  float: left;
  margin-right: 10px;
}

div.profile dl {
  padding: 5px;
  background-color: #eee;
  border-bottom: 1px solid #999;

}

div.profile dt {
  font-weight: bold;  
  float: left;
  margin-right: 5px;
  padding: 5px;

}

div.profile dd {
  padding: 5px;

}

div.profile h2 {
  font-size: 1.5em;
  margin-top: 10px;
}

/* Footer div */

#footer {
  height: 35px;
  background-image: url(../images/header_bg.jpg);
  border-top: 1px solid #111;  
  clear: both;
  position: relative;
  z-index: 10; 
  margin-top: -35px;
  visibility: hidden;
}

#footer p {
  width: 190px;  
  margin: 0 auto;
  margin-top: 10px;
  font-size: 0.65em;
  color: #EF9292;
  visibility: hidden;
}

#footer p a {
  color: #EF9292;
  text-decoration: none;
  visibility: hidden;
}

table#prerequisites {
  border-collapse: collapse;
  margin: 10px 0;
}

table#prerequisites, table#prerequisites td, table#prerequisites th {
  border: 1px solid #bbb;  
}

table#prerequisites td, table#prerequisites th {
  padding: 5px;
}

table#prerequisites th {
  background-color: white;
  color: #cc0000;
  font-weight: bold;
}