table.content {
	border: 0px solid #000;
}

table.content th.sidebar{
	background-color: #5B93EE;
}

table.content th.sidebar h1{
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	color: #EEE;
	text-transform: uppercase; 
	padding: 5px 0px;
}

table.content th.sidebar div{
	padding: 2px;
}

table.content th.sidebar div.info{
	width:170px;
	text-align:left; 
	padding: 10px;
}

table.content th.sidebar form{
	padding: 10px;
	border: 0px;
	margin: 0px;
}


table.content th.sidebar input{
	width: 160px;
	border: solid #ddd 2px;
	padding: 2px;
	font-style:bold;
	font-size:1em;
	color:#666;
	text-align:left;
}

table.content th.sidebar div.calendar{
	padding: 20px;
	border: 0px;
	margin: 0px;
}


table.content td{
	padding: 0px;
	border: 0px;
	margin: 0px;
}

#login_span{
	padding: 10px;
	margin-bottom: 10px;
}

#progress {
	position: absolute;
	z-index: 100;
	/*width: 200px;*/
	background-color: #f00;
	border: solid #F30 1px;
	color: #FFF;
	text-align: left;
}
#progress_info{
	text-indent: 5px;
}

#notice{
	width: 780px;
	display: block;
	float: left;
	background-color: #FC3;
	color: #009;
	padding: 4px;
}
#error{
	width: 780px;
	display: block;
	float: left;
	background-color: #F00;
	color: #fff;
	padding: 4px;
}

#content 
{
	width:758px;
	float:left;
	display: inline;
	text-align: left;
}

#content_header{
	float: left;
}
#content_header .header_left{
	/*display: inline;*/
	float:left;
	background:url(../images/content_header_left.gif) no-repeat;
	width:170px;
	height:60px;
}

#content_header .header_center{
	/*display: inline;*/
	float:left;
	background:url(../images/content_header_center.gif) repeat-x;
	padding-top:15px;
	width:570px;
	height:60px;
	text-align:center;
}

#header_info {
	text-transform: uppercase;
	font-style:bold;
	font-size:1.3em;
	color:#fff;
}

#content_header .header_right{
	/*display: inline;*/
	float:left;
	background:url(../images/content_header_right.gif) no-repeat right top;
	width:27px;
	height:60px;
}


#content_body{
	width: 780px;
	float: left;
	text-align:left;
	display: block;
	padding: 5px;
}


#content_body h1{
	font-size:1.2em;
	font-weight: bold;
	color: #009;
	text-align: left;
	margin-top: 5px;
	display: block;
}

#content_body h2{
	font-size:1em;
	font-weight: bold;
	color: #009;
	text-align: left;
	margin-top: 5px;
	display: block;
}

#content_body div.description h1,
#content_body div.description h2,
#content_body div.description h3,
#content_body div.description h4,
#content_body div.description h5,
#content_body div.description h6 {
	color: #000;
	margin: 0px;
	font-weight: normal;
}

#content_body div.description{color:#000;}
#content_body div.description,
#content_body div.description div,
#content_body div.description dl,
#content_body div.description dt,
#content_body div.description dd,
#content_body div.description ul,
#content_body div.description ol,
#content_body div.description li,
#content_body div.description h1,
#content_body div.description h2,
#content_body div.description h3,
#content_body div.description h4,
#content_body div.description h5,
#content_body div.description h6,
#content_body div.description pre,
#content_body div.description code,
#content_body div.description form,
#content_body div.description fieldset,
#content_body div.description legend,
#content_body div.description input,
#content_body div.description textarea,
#content_body div.description p,
#content_body div.description blockquote,
#content_body div.description th,
#content_body div.description td{margin:0;padding:0;}
#content_body div.description table{border-collapse:collapse;border-spacing:0;}
#content_body div.description fieldset,
#content_body div.description img{border:0;}
#content_body div.description address,
#content_body div.description caption,
#content_body div.description cite,
#content_body div.description code,
#content_body div.description dfn,
#content_body div.description em,
#content_body div.description strong,
#content_body div.description th,
#content_body div.description var{font-style:normal;font-weight:normal;}
#content_body div.description li{list-style:none;}
#content_body div.description caption,
#content_body div.description th{text-align:left;}
#content_body div.description h1,
#content_body div.description h2,
#content_body div.description h3,
#content_body div.description h4,
#content_body div.description h5,
#content_body div.description h6{font-size:100%;font-weight:normal;}
#content_body div.description q:before,
#content_body div.description q:after{content:'';}
#content_body div.description abbr,
#content_body div.description acronym{border:0;font-variant:normal;}
#content_body div.description sup{vertical-align:text-top;}
#content_body div.description sub{vertical-align:text-bottom;}
#content_body div.description input,
#content_body div.description textarea,
#content_body div.description select{font-family:inherit;font-size:inherit;font-weight:inherit;}
#content_body div.description input,
#content_body div.description textarea,
#content_body div.description select{*font-size:100%;}
#content_body div.description legend{color:#000;}
#content_body div.description del,
#content_body div.description ins{text-decoration:none;}
#content_body div.description{font:13px/1.231 tahoma,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
#content_body div.description select,
#content_body div.description input,
#content_body div.description button,
#content_body div.description textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}
#content_body div.description table{font-size:inherit;font:100%;}
#content_body div.description pre,
#content_body div.description code,
#content_body div.description kbd,
#content_body div.description samp,
#content_body div.description tt{font-family:monospace;*font-size:108%;line-height:100%;}
#content_body div.description, 
#content_body div.description td, 
#content_body div.description pre {color:#000; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
#content_body div.description {background:#FFF;}
#content_body div.description .mceForceColors {background:#FFF; color:#000;}
#content_body div.description h1 {font-size: 2em}
#content_body div.description h2 {font-size: 1.5em}
#content_body div.description h3 {font-size: 1.17em}
#content_body div.description h4 {font-size: 1em}
#content_body div.description h5 {font-size: .83em}
#content_body div.description h6 {font-size: .75em}
#content_body div.description .mceItemTable, 
#content_body div.description .mceItemTable td, 
#content_body div.description .mceItemTable th, 
#content_body div.description .mceItemTable caption, 
#content_body div.description .mceItemVisualAid {border: 1px dashed #BBB;}
#content_body div.description img {border:0;}
#content_body div.description table {cursor:default}
#content_body div.description table td, 
#content_body div.description table th {cursor:text}
#content_body div.description ins {border-bottom:1px solid green; text-decoration: none; color:green}
#content_body div.description del {color:red; text-decoration:line-through}
#content_body div.description cite {border-bottom:1px dashed blue}
#content_body div.description acronym {border-bottom:1px dotted #CCC; cursor:help}
#content_body div.description abbr {border-bottom:1px dashed #CCC; cursor:help}

.item .title{
	font-weight: bold;
}

.products { height: 240px;}

.large_thumbnail{ display: block; }
.large_thumbnail .item
{
  width: 240px;
  height: 220px;
  float:left;
  display: inline;
  border: solid #eee 1px;
  text-align: center;
  margin: 5px;
}

.large_thumbnail .picture {
	display: block;
	float: center;
}
.large_thumbnail .picture a{
  width: 150px;
  height: 150px;
  border: solid #03C 3px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin-top: 5px;
}
.large_thumbnail .picture a:hover{
  border-color: #49F;
}

.large_thumbnail .title{
  width: 230px;
  text-align: center;
  display: block;
}

.large_thumbnail .short_description{
  width: 230px;
  text-align: center;
  display: block;
}


.medium_thumbnail{ display: block; float: left;}
.medium_thumbnail .item
{
	display: block;
	float: left;
	width: 350px;
	/*height: 200px;*/
	/*float:left;*/
	border: solid #eef 1px;
	text-align: center;
	margin: 7px;
	padding: 5px;
}

.medium_thumbnail .picture a{
  width: 100px;
  height: 100px;
  border: solid #03C 2px;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-right: 5px;
}
.medium_thumbnail .picture a:hover{
  border-color: #49f;
}

.medium_thumbnail .title{
  width: 240px;
  text-align: left;
  display: block;
  float: left;
}

.medium_thumbnail .short_description{
  width: 240px;
  text-align: left;
  display: block;
  float: left;
}


.small_thumbnail{ display: block; }
.small_thumbnail .item
{
	display: block;
	float: left;
	width: 740px;
	/*height: 200px;*/
	/*float:left;*/
	border: solid #eff 1px;
	text-align: center;
	margin: 7px;
	padding: 5px;
}

.small_thumbnail .picture a{
  width: 50px;
  height: 50px;
  border: solid #03C 2px;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-right: 5px;
}

.small_thumbnail .picture a:hover{
  border-color: #49f;
}


.small_thumbnail .title{
  width: 680px;
  text-align: left;
  display: block;
  float: left;
}

.small_thumbnail .short_description{
  width: 680px;
  text-align: left;
  display: block;
  float: left;
}

.list{
  display: block;
}

.list .item{
  list-style: none;
  list-style-type: none;
  display: block;
  width: 735px;
  border: solid #eff 1px;
  text-align: left;
  margin: 1px 5px 1px 5px;
  padding: 1px 5px;
}

.list .picture{
  width: 50px;
  height: 10px;
  float:left;
  display: none;
  /*overflow: hidden;*/
}

.list .title{
  width: 390px;
  float:left;
}

.list .short_description{
  width: 220px;
  float:left;
}





/* LIST */
#content_list{
	clear: both;
}

#content_list table{
	width: 740px;
	background-color: #06a;
}

#content_list caption{
	font-size:1.3em;
	color: #06c;
}

#content_list th{
	border: solid #fff 1px;
	text-align: center;
	font-size: 0.9em;
	background-color: #06a;
	color: #aaa;
	font-weight: bold;
	height: 28px;
}

#content_list th a{
	color: #aaa;
	text-decoration: none;
	height: 28px;
}

#content_list th a:hover{
	text-decoration:underline;
}


#content_list th.desc a{
	background: url(../images/up.gif) no-repeat;
	padding-left: 20px;
	color: #fff;
}

#content_list th.asc a{
	background: url(../images/down.gif) no-repeat;
	padding-left: 20px;
	color: #fff;
}

#content_list th.content_id, 
#content_list th.show_home{
	background: url(../images/corner_lt.gif) no-repeat left top;
}

#content_list th.created_at, 
#content_list th.actions{
	background: url(../images/corner_rt.gif) no-repeat right top;
}

#content_list th.content_id{ 	width: 60px; }
#content_list th.guest{ 	width: 520px; }
#content_list th.updated_at{ width: 80px; }
#content_list th.created_at{ width: 80px; }

#content_list th.authen{ width: 360px; }
#content_list th.show_home{ width: 80px; }
#content_list th.actions{ width: 80px; }

#content_list td.updated_at, 
#content_list td.created_at{
	font-size: 0.8em;
}

#content_list .content_id,
#content_list .created_at,
#content_list .updated_at,
#content_list .show_home,
#content_list .actions{
	text-align: center;
}

#content_list td{
	border: solid #fff 1px;
	vertical-align: top;
	padding: 2px;
}

#content_list td a{
	text-decoration: none;
	font-weight: bold;
	color: #0000FF;
}

#content_list td a:hover{
	text-decoration: none;
	color: #0099FF;
}


#content_list td.updated_at, #content_list td.created_at{
	font-size: 0.8em;
}

#content_list .actions div.action a{
	float: left;
	margin: 2px;
	width: 16px;
	height: 16px;
	overflow:  hidden;
	text-indent: -50px;
	cursor: pointer;
}

#content_list .actions div.edit a{	margin-left: 20px; background: url(../images/edit.gif) no-repeat 0 0px; }
#content_list .actions div.edit a:hover{ background: url(../images/edit.gif) no-repeat 0 2px; }
#content_list .actions div.delete a{ background: url(../images/delete.png) no-repeat 0 0px; }
#content_list .actions div.delete a:hover{ background: url(../images/delete.png) no-repeat 0 2px; }

#content_list div.yes{
	background-image: url(../images/select.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -100px;
}

#content_list div.no{
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -100px;
}

#content_view {
	width: 730px;
	border: solid #eee 1px;
	padding: 5px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#content_view .view{
	width: 100%;
	margin: 0px;
	margin-bottom: 5px;
}

#content_view .content_id{
	display: none;
}

#content_view .title{
	font-size: 1.5em;
	font-weight: bold;
}
#content_view .description{
	border-top: solid #eee 1px;
	border-bottom: solid #eee 1px;
	/*height: 500px;
	overflow: auto;*/
}

#content_edit{
	z-index: 1000;
	position: absolute;
	width: 780px;
	top: 400px;
	left: 400px;
	border: solid #000 0px;
	padding: 0px;
	margin: 0px;
}

#content_edit div{
	opacity:1.0; 
	filter: alpha(opacity=100);
}

#content_edit div.titlebar{
	width: 780px;
	height: 30px;
	margin: 0px;
	background-image: url(../images/title.png);
	background-repeat: no-repeat;
	border:solid #000 0px;
	cursor: move;
}

#content_edit div.close a{
	float: right;
	width: 21px;
	height: 21px;
	overflow: hidden;
	text-indent: -50px;
	background: url(../images/close.png) 0 0px;
	cursor: pointer;
	margin: 4px;
}
#content_edit div.close a:hover{ background: url(../images/close.png) 0 21px; }

#e_content_id { width: 100px; border: solid #fff 0px; }
#e_title { width: 400px; border: solid #aaa 1px; }
#e_description { width: 400px; height: 600px; border: solid #aaa 1px; }
#e_short_description { width: 400px; border: solid #aaa 1px; }
#e_reference { width: 400px; border: solid #aaa 1px; }

.odd {
	background-color: #CCC;
}

.even {
	background-color: #EEE;
}
div.page_count{
	font-size: 0.8em;
	color: #666;
}
#pager{
	display: inline;
}

#pager div a{
	margin: 2px;
	float: left;
	width: 16px;
	height: 16px;
	text-indent: -50px;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

#pager div.prev a{	background: url(../images/pager.png) no-repeat 0px 0px;}
#pager div.prev a:hover{	background: url(../images/pager.png) no-repeat 0px 2px;}
#pager div.prev_page a{	background: url(../images/pager.png) no-repeat -16px 0px;}
#pager div.prev_page a:hover{	background: url(../images/pager.png) no-repeat -16px 2px;}
#pager div.next a{	background: url(../images/pager.png) no-repeat -48px 0px;}
#pager div.next a:hover{	background: url(../images/pager.png) no-repeat -48px 2px;}
#pager div.next_page a{	background: url(../images/pager.png) no-repeat -32px 0px;}
#pager div.next_page a:hover{	background: url(../images/pager.png) no-repeat -32px 2px;}


#login_form{
	/*display: block;
	float: left;
	text-align: center;*/
}

#login_form table{
	border: 0px;
	/*width: 180px;
	margin: 50px 300px 300px 50px;*/
}

#login_form th,
#login_form td{
	width: 90px;
	/*background-color: #fff;*/
}

#login_form input{ width: 160px; }
#login_form thead th{
	width: 150px;
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	/*color: #0033FF;*/
}

/*
#login_form tbody th{ text-align: right; font-size: 0.8em; }
#login_form tbody td{ text-align: left; }
*/

/**************
		SEARCH 
**************/
#search{
	width: 780px;
}

#search caption{
	width: 780px;
	font-size:1.3em;
	color: #06c;
}
#search td{
	background: url(../images/corner.gif) no-repeat right top;
	background-color: #F5F5F5;
	border:solid #fff 2px;
	padding: 5px;
	width: 776px;
}
#search .content_id{
	font-size: 0.8em;
}

#search .title{
	font-size: 1.2em;
}

#search .footer{
	float: right;
}
#search .footer, #search .created_at, #search .updated_at{
	font-size: 0.8em;
	display: inline;
}




/* ******** */
div.button a{
	margin: 2px;
	padding: 0px;
	padding-top: 4px;
	width: 94px;
	height: 22px;
	font-size: 0.8em;
	text-align: center;
	vertical-align: bottom;
	float: left;
	display: inline;
	cursor:pointer;
	font-weight:bold;
	text-decoration: none;
	color: #336600;
}
div.new  a{ background:url(../images/buttons.png) no-repeat 0 -52px;}
div.new a:hover{ background:url(../images/buttons.png) no-repeat 0 -50px; }

div.update  a{ background:url(../images/buttons.png) no-repeat 0 -26px;}
div.update a:hover{ background:url(../images/buttons.png) no-repeat 0 -24px; }

div.delete a{ background:url(../images/buttons.png) no-repeat 0 0px;}
div.delete a:hover{	background:url(../images/buttons.png) no-repeat 0 2px;}

div.reset a{ background:url(../images/buttons.png) no-repeat 0 -52px;}
div.reset a:hover{	background:url(../images/buttons.png) no-repeat 0 -50px;}

div.close_btn a{ background:url(../images/buttons.png) no-repeat 0 0px;}
div.close_btn a:hover{	background:url(../images/buttons.png) no-repeat 0 2px;}

table.calendar { width: 150px; background-color: #AFDAFA; color: #FFF;}
table.calendar caption{ text-align:center; font-size: 1em; font-weight: bold; background-color: #AFDAFA; color: #FFF;}
table.calendar th { text-align:center; font-size: 1em; }
table.calendar td { font-size: 0.9em; }


table.log { width: 680px; background-color: #CCC;}

table.log .id {width: 80px; }
table.log .title {width: 400px; }
table.log .type {width: 120px; 
table.log .sum {width: 80px; }

table.log thead tr { background-color:#369; color:#FFF; }

table.log th { text-align: center; padding: 2px;}
table.log td { text-align: center; padding: 2px;}
table.log td.title { text-align: left; }
table.log td.type { text-align: left; }



#content_progress {
	display: block;
}