input[readonly], textarea[readonly]
{
  color: gray;
  background-color: whitesmoke;
}

ul,ol,li
{
	list-style:none;
  color:green;
}

th
{
  white-space:nowrap;
}

a img {border:none;}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {text-decoration:none; color:red;}

caption 
{
  background-color:#ABCFFF;
  background-image:url(../images/corner_topleft.gif);
  background-repeat:no-repeat;
  font-weight:bold;
  font-size:14px;
  text-align:left;
  padding:3px;
}

html, body
{
  text-align:center;
  background-image:url(../images/bg.jpg);
}

body, td
{
  margin:0;
  padding:0;
  font-size:14px;
}

/* symfony list
---------------------------------------------*/
ul.radio_list, ul.radio_list li
{
  margin: 0;
  display: inline;
  list-style: none;
  padding: 0 3px;
  color: black;
}

ul.error_list
{
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style: none;
}
ul.error_list li
{
  list-style-image: none;
  list-style: none;
  display: inline;
  color: white;
  background-color: red;
}

/* indicator
---------------------------------------------*/
div#indicator
{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 10px;
  top: 10px;
  z-index: 10000;
  background: url(../images/indicator.gif) no-repeat 0 0;
}

/* container
---------------------------------------------*/
div#container
{
  text-align:left;
  background: url(../images/border.jpg) repeat-y;
  width:950px;
  margin:0 auto;
}

/* navigation 
---------------------------------------------*/
div#navigation
{
  padding-left:15px;
  float:left;
  width:220px;
  margin-left:-950px;
  
}

/* header & login & banner & menu
---------------------------------------------*/
div#header
{
	width:98%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
  border-bottom:solid 2px skyblue;
}

div#login
{
  padding:5px 10px;
  text-align:right;
}

div#banner
{
	padding:0 10px;
}

div#menu
{
  padding:3px 10px;
  text-align:right;
  font-size:16px;
}

/* wrapper & content
---------------------------------------------*/
div#wrapper
{
  float:left;
  width:100%;
}

div#content
{
  margin:20px;
}

div#content h1
{
	height:18px;
  font-size:16px;
  color:#3799FF;
  background-color:#EEF5FC;
  text-align:left;
  padding:5px;
  border-left:solid 30px skyblue;
}

div#content h2
{
	height:18px;
  font-size:15px;
  color:#3799FF;
  background-color:honeydew;
  text-align:left;
  padding:5px;
  border-left:solid 20px #237BD7;
}

div#content h3
{
  font-size:14px;
  color:#3799FF;
}

div#content hr
{
  background-color:white;
  border:none;
  border-top:solid 1px #B59D7A;
  clear:both;
  margin-bottom:10px;
}

div#content p
{
  padding-bottom:10px;
}

/* extra 
---------------------------------------------*/
div#extra
{
  float:left;
  width:10px;
  height:500px;
  margin-left:-10px;
}

/* footer
---------------------------------------------*/
div#footer
{
	width:98%;
	border-top:dashed 1px silver;
	border-bottom:dashed 1px silver;
  margin:0 0 0 6px;
  clear:left;
  text-align:right;
  padding: 3px;
  color:gray;
}

/* tablelist
---------------------------------------------*/
#tablelist table
{
  border-collapse:separate;
  border-spacing:0;
  margin:0 0 1em;
  color:#000;
}

#tablelist thead th, 
#tablelist thead td, 
#tablelist tfoot th, 
#tablelist tfoot td
{
  border:1px solid Gainsboro;
  border-width:1px 0;
  background:#EBE5D9;
  white-space:nowrap;
  text-align:center;
  padding:3px;
}

#tablelist tbody th 
{
  border:1px solid #174F89;
  border-width:1px 0;
  background:#EBEBFF;
  white-space:nowrap;
  padding:3px;
}

#tablelist tbody td 
{
	border:1px solid #fff;
  border-width:1px 0;
  border-color:#EBE5D9;
  background:#F2F8F8;
  padding:3px;
}

#tablelist tbody tr:hover td
{
  background:#ffffee;
}