@import url('turbit/image.css');
@import url('turbit/list.css');
@import url('turbit/captcha.css');
@import url('turbit/error.css');
@import url('turbit/menu.css');
@import url('turbit/progress_bar.css');
@import url('turbit/tab_nav.css');

#main_panel h1, #main_panel h2, #main_panel h3{margin-bottom:0.3em;
border-bottom: 1px solid #f2f2f2;}

hr {margin: 0 0 5px 0; background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}

form {
  padding: 0px;
  margin: 0;
/*   border: 1px solid #f2f2f2; */
}


/* If you're finding the input elements get pushed down, increase the width */

label {
/*   float: left;
 */
/*   width: 25%;
 */
/*   vertical-align: baseline;
 */
}


input,
textarea,
select {
/*   padding: 1px; */
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
vertical-align: middle;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}
.check_box input {
 margin:0px;
 padding:0px;
vertical-align: middle;
}
.check_box {
 padding:3px;
 border: 1px solid #ccc;
}
.check_box:hover {
 background:#ffc;
}

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.1em; }
.css3 { font-size: 1.2em; }
.css4 { font-size: 1.3em; }


.success, .error {
 color: #090;
 font-weight:bold;
 margin:3px;
 padding:3px 5px;
 background: #FFF7C5;
 border: 1px solid #600;
 display: block;
}
.error {
 color: #900;
}
.selected {
 font-weight:bold;
 color: #030;
}
input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #888 #888;
}



input.radio {
  background: none;
  border: 0px;
}
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}


div.action-right { text-align:right; }
.tab2 {border: 1px solid #369;border-collapse:collapse; width:100%;}
.tab2 td {background: #fff;padding:3px;border: 1px solid #369}
.tab2 th {text-align:left;}
.tab2 thead th {color:#fff;font-size:145%;background: none; padding: 10px 6px}
.tab2 tbody th {color:#fff;font-size:115%;background: none; padding: 6px}
.tab2 tbody th.sub {font-size:100%;color:#000;padding: 6px}
.date { margin-bottom:0px;}
.col-dx {padding: 0 3px 4px 3px; margin-left:555px}
.col-sx {float:left;width: 550px; padding: 0 2px 0 2px; border-right: 1px solid #1E045F;}
.pending { background: #ffc; color: #333; padding:3px; }
.visible { background: #fff; color: #000; padding:3px;}

.navAction {float:right;}
.mainAction {
 text-align:right;
 margin-bottom:2px;
}
.message { font-weight:bold; color:#0c0; text-align:center; background:#fefefe;}

.showPanel { 
border: 1px solid #369; 
padding:3px;
background: #E0FFFA;
}

.headerTab {
}

#headerTab 
{
 margin: 15px 0 0 0;
}

#footerTab
{ margin: 0 0 5px 0;
 background:#036;
 color:#fff;
 padding:10px;
}

.headerTab a {
/*  color:#fff; */
}
.headerTab a:hover {
 color:#036;
}

.headerTab h3 {
 padding: 0;
 margin: 0;
}

.tableItem {
 width:100%;
 background: #eee;
 font-size: 0.9em;
 border: 1px solid #369;
}

.tableItem th{
 background: #600 url(/images/bg-menu.gif) 0 -15px;
 color:#fff;
 padding:1px;
 border: 1px solid #369;
}
.tableItem th a {
 color:#fff;
 text-decoration: underline;
}

.tableItem td {
 padding:2px;
}

.cellAction {
 text-align: center;
}
.cellAction img {
 border: none !important;
 padding: 0;
 margin: 0;
}
.item {
 padding: 3px;
}
.item h3{
 border:none !important;
}

.itemRow {
 margin:0;
 padding:0;
 background:#fff;
}

.featured {
 border:1px solid #d8d8d8;
 margin-bottom:5px;
/*  width:450px; */
 margin:15px auto;
}
.featured p {
 line-height:1.3em;
 margin:0 0 5px 0;
}
.featured h3 {
 margin: 2px;
 padding:5px;
 font-weight:bold;
 font-size: 1.1em;
 background:#d8d8d8;
/*  color: #ccc;  */
/*  text-align:center; */
}
.featured div {
 border-top:1px solid #d8d8d8;
 padding:5px;
}
.action {
float: right;
margin: 0px;/* margin: 0.4em 0 0 0.5em; */
/* padding: 0; */
text-align: right;
}
.action img {
margin: 2px;
}

.firma {
font-weight:bold;
padding: 20px;
text-align: right;
}
.action ul {
margin: 1px 0 2px 0;
padding: 0;
display: block;
}
.action li {
display: inline;
list-style: none !important;
list-style-image: none !important;
margin: 0;
padding: 0;
background: none;
}
.action  a {
border: none !important;
text-decoration: none;
}
.editable:hover {
 border: 2px solid #fc0;
}

.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em; text-align:center;}
.pagination p {position:relative;text-align:right}
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
.pagination a:hover {background:#003366;color:#fff}
.pagination span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}


div.action-right { text-align:right; }



#sectionNav {
z-index: 99;
}

.portlet #errorExplanation {
 width: 90%;
}

.portlet #errorExplanation li {
 list-style: none !important;
}

#navitabs {
 overflow:hidden;
 height:auto;
}


.search_result {
font-size:0.90em;
padding:3px;
}

#ori_nav {
}
/*.content_record,*/
.content_preview {
/*  background:#eee; */
 overflow: hidden;
 height:auto;
}
.white {
 background:#fff;
 overflow: hidden;
 height:auto;
}
div.preview {
 float:left;
 width:250px;
 margin: 5px 0 5px 4px;
}
div.inhome {
 width:505px;
 margin: 5px 0 5px 5px;
}

.root_section {
 float:left;
 background: #ffc;
 border: 1px solid #000;
 padding:3px;
 min-height: 180px;
 min-width: 150px;
}
div.two {
 float:left;
 width: 48%;
 margin: 0 3px 5px 0;
 min-height: 500px;
}
div.three {
 float:left;
 width: 32%;
 margin: 0 5px 5px 0;
 min-height: 320px;
}
.clear{ clear:both;}

.info_portlet {
 float:right;
 margin: 3px 5px 0 0;
 font-size: 0.9em;
 color: #fff;
}
#portal-colophon {
float: none;
margin: 0em;
padding: 0em;
text-align: center;
}
#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
list-style-image: none;
list-style-type: none;
display: inline;
text-decoration: none;
color: Black;
}
#portal-colophon ul {
display: table-row;
list-style-type: none;
}
#portal-colophon ul li {
display: table-cell;
font-size: 85%;
margin: 0 0.25em;
padding: 0.1em 0.2em;
}
#portal-colophon .colophonWrapper {
display: table;
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0;
}
#portal-colophon .colophonIcon {
display: block; /* */
display: inline-block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0 auto;
padding: 0;
padding-top: 15px;
height: 0px !important;
width: 80px;
vertical-align: top;
}
#portal-colophon a.colophonIcon {
cursor: pointer;
}
#portal-colophon .colophonIcon508 {
background-image: url(/images/admin/colophon_sec508.gif);
}
#portal-colophon .colophonIconWAI {
background-image: url(/images/admin/colophon_wai-aa.gif);
}
#portal-colophon .colophonIconXHTML {
background-image: url(/images/admin/colophon_xhtml.png);
}
#portal-colophon .colophonIconCSS {
background-image: url(/images/admin/colophon_css.png);
}
#portal-colophon .colophonIconAnyBrowser {
background-image: url(/images/admin/colophon_anybrowser.png);
}
.content_file {
 vertical-align:middle;
}
.attachment li{
/*  border-bottom: 1px solid #600; */
 background: #ccc;
 line-height:2em;
}
#admin_panel {
 background:#eee;
 border:1px solid #ccc;
}
#admin_panel img { border: none;}
.admin_panel_icon { padding:6px 3px 3px 3px; float:left; margin:2px;
 width:80px;
 height:80px;
 text-align:center;
 vertical-align:middle;
 border: 1px solid #ddd;
}
div:hover.admin_panel_icon{
 background:#ffc;
}
.admin_panel_icon a:hover,
.admin_panel_icon a {
 color:#600;
 border: none;
}
.admin_panel_icon a:hover {
 background: #ffc;
}
.managed {
 margin:0;
 padding:3px;
 border: 1px solid #900;
/*  border-top:none; */
}
.managed .managed {
 border: 1px solid #003;
}
.state-draft {
 color: #578308;
}
.state-reserved {
 color: #c00;
}
.state-published {
 color: #003;
}
.state-rejected {
 color: #000;
 text-decoration:line-through;
}
.hide {
display:none;
}
#page-image {
 float:right;
}
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:48%;}
.clear {clear:both;}