/*#############################################################
Name: Transparentia
Date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
body {
	background: #fff;
	color: #444;
	font: normal 12px "Lucida Sans Unicode",sans-serif;
	margin: 0;
}
input {
	color: #555;
	font: bold 1em "Lucida Sans Unicode",sans-serif;
}
img {
	border: none;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1.midashi {
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: 4px;
	border-bottom: 1px solid #51B23F;
	border-left: 6px solid #51B23F;
}
code {
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(../img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}

h1 {
	font-size: 14px;
	margin-bottom: 4px;
}

h2,h3 {
	color: #367EA6;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

.controller {
    margin-top:15px;
    text-align:center;
}

/* structure */
.container {
	margin: 0 auto;
	padding-bottom: 6px;
	width: 767px;
}

.header {
}

.sub_header {
	width: 730px;
    margin: 0 auto 0 auto;
}

.complete_message {
    background-color: #CCCCFF;
    font-weight: bold;
    padding:3px 3px 3px 24px;
    border:2px solid #367EA6;
    width: 560px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 5px;
    background-image: url("../img/accept.png");
    background-repeat: no-repeat;
}

.error_message {
    background-color: pink;
    font-weight: bold;
    padding:3px 3px 3px 24px;
    border:2px solid red;
    width: 560px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 5px;
    background-image: url("../img/delete.png");
    background-repeat: no-repeat;
}

.voted_message {
    background-color: #CCFFCC;
    font-weight: bold;
    padding:3px 3px 3px 24px;
    border:1px solid #367EA6;
    width: 700px;
    height: 20px;
    margin-bottom: 20px;
    background-image: url("../img/accept.png");
    background-repeat: no-repeat;
}

/* title */
.title h1 {
	color: #FFF;
	font: normal 21px "Lucida Sans Unicode",sans-serif;
	height: 50px;
	line-height: 40px;
	padding-left: 10px;
	text-align: left;
}
.title_user {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	text-align: left;
}

/* navigation */
.nav {
	text-align: right;
}
.nav_list {
	text-align: right;
}

.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Lucida Sans Unicode",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

a.link {
/*	margin: 100px 0px;
	padding: 8px 0px;
	font: bold 1em "Lucida Sans Unicode",sans-serif;*/
}

/* main */
.main {
	clear: both;
	padding: 8px 18px;
}

/* main left */
.side_image {
	text-align: center;
	float: left;
	padding-top: 5px;
	margin-bottom: 8px;
}
.side_login {
	background: #FFFFCC;
	text-align: center;
	border: 1px solid #E5E5E5;
	float: left;
	width: 190px;
	padding: 5px;
	margin-bottom: 8px;
}
.side_news {
	background: #CCFFCC;
	text-align: left;
	border: 1px solid #003399;
	float: left;
	width: 190px;
	padding: 5px;
	margin-bottom: 8px;
}
.side_news li {
	font-size: 11px;
	margin-left: 18px;
}

.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: left;
	width: 200px;
}
.sidenav h1 {
	color: #666;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: url(../img/bgul.gif) repeat-x;
	margin: 0;
	padding: 0;
}
.sidenav li {
	border: 1px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}

/* content */
.content {
	float: right;
	width: 520px;
}
.content .p_button {
	margin: 40px 15px;
	text-align: center;
}
.content .item {
	padding: 15px 20px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 12px;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../img/li.gif);
	font-size: 11px;
	margin-left: 18px;
}

/* search form */
form {
	padding: 5px;
}
label {
	font: bold 1.0em "Lucida Sans Unicode",sans-serif;
}
.styled {
	border: 1px solid #DDD;
	padding: 2px;
}

.button {
	background: url(../img/search.gif) no-repeat left bottom;
	border: none;
	height: 25px;
	width: 25px;
}
.qaform{
    text-align: center;
}

/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 10px;
	margin: 0 auto;
	text-align: center;
	padding: 6px;
	width: 720px;
}
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}


/* table */
table.profile {
  border: 1px solid #ccc;
  width: 100%;
  clear:both;
  margin-top: 10px;
  margin-bottom: 20px;
}

table.profile tr.private td {
  background: darkgrey;
}

table.profile tr.public td {
  background: #CCFFCC;
}

table.profile th {
  border: none;
  text-align: left;
  padding: 5px;
  background: #CCFFCC;
  color: black;
  white-space: nowrap;
}

table.profile th.row {
  width: 30%;
  white-space: normal;
}

table.profile td {
  font-size: 10px;
  padding: 5px;
  background: #EEE;
}

table.profile td.row {
  width: 70%;
  font-size: 10px;
  padding: 5px;
  background: #EEE;
}


table.config {
  border: 1px solid #ccc;
  width: 100%;
  font-size: 100%;
  clear:both;
}

table.config th {
  border: none;
  text-align: left;
  padding: 10px;
  background: #CCFFCC;
  color: black;
  white-space: nowrap;
}

table.config th.row {
  width: 150px;
  white-space: normal;
}

table.config th span.require{
  font-weight:normal;
  color:red;
  font-size:90%;
  color:#ba1f00;
  margin-left:5px;
}

table.config td {
  width: 570px;
  padding: 5px;
  background: #EEE;
}

table.config td input.text, table.config td input.password {
  width: 13em;
}

table.config td .note {
  padding-left: 10px;
  font-size: 90%;
  color:#666;
}

table.config td div.note{
  margin-top:0;
  border:0;
  padding-top:3px;
}

table.config td span.parent-child {
  font-size: 90%;
  color: #999;
  padding-left: 5px;
}

table.config td textarea{

}

table.login {
  border: 1px solid #ccc;
  width: 400px;
  font-size: 100%;
  clear:both;
}

table.login th {
  border: none;
  text-align: left;
  width: 200px;
  padding: 10px;
  background: #CCFFCC;
  color: black;
  white-space: nowrap;
}

table.login th.center {
  border: none;
  text-align: center;
  width: 200px;
  padding: 10px;
  font-size: 12px;
  background: #51B23F;
  color: white;
  white-space: nowrap;
}

table.login td {
  width: 200px;
  padding: 5px;
  background: #EEE;
}


table.question {
  border: 0;
  width: 100%;
  font-size: 100%;
  clear:both;
}

table.question th.row {
  border: 0;
  text-align: left;
  padding: 10px;
  color: black;
  white-space: nowrap;
  background: #CCFFCC;
}

table.question td.row {
  border: 0;
  white-space: normal;
  background: #CCFFCC;
  padding-right: 10px;
  text-align: right;
}

table.question td {
  padding: 10px;
  background: #EEE;
}

table.answer {
  border: 0;
  width: 100%;
  font-size: 100%;
  clear:both;
}

table.answer th.row {
  border: 0;
  text-align: left;
  padding: 10px;
  color: black;
  white-space: nowrap;
  background: #CCFFCC;
}

table.answer td.row {
  border: 0;
  white-space: normal;
  background: #CCFFCC;
  padding-right: 10px;
  text-align: right;
}

table.answer td {
  padding: 10px;
  background: #EEE;
}

table.list {
  border: 1px solid #ccc;
  width: 100%;
  font-size: 100%;
  clear:both;
}

table.list th {
  border: none;
  text-align: left;
  padding: 5px;
  background: #CCFFCC;
  color: black;
  white-space: nowrap;
}

table.list td {
  padding: 5px;
  background: #EEE;
}


.result {
	background: #CCFFCC;
	text-align: left;
	border: 1px solid blue;
	font-size: 100%;
	padding: 2px;
	margin-bottom: 8px;
}


.Tcat
{
width:160px;
_width:170px;
height:283px;
/* \*/
height:280px;
/* */
}

.squeeze{
  font-size:90%;
  float:left;
  _margin:5px 0;
}

div.pager{
  text-align: right;
  font-size: 90%;
  margin:5px 0;
}

div.pager a,div.pager strong{
  padding-left:5px;
}

.hint li {
	font-size: 11px;
	margin-left: 20px;
}
