/*
	Main style sheet for metaportal  
	Created by : Andre Cravo<cravo.andre@gmail.com>
	Last time UPDATED ON: 24-05-2007
	Last time UPDATED BY : Andre Cravo
*/

body {
	background-color: #f5f5f5;
	/*color: #303030;*/
	color: #333;
	/*font: small "Lucida Grande", "Lucida Sans Unicode", sans-serif;*/
	font: small "Lucida Grande", Verdana, sans-serif;
	line-height: 1.4em;
}

form {
	margin: 0;
	padding: 0;
}

#container {
	/*width: 800px;*/
	/*margin: auto;*/
	font-size: 95%;
	padding: 10px;
}

.clear_box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear_box {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear_box {height: 1%;}
.clear_box {display: block;}
/* End hide from IE-mac */

/* ***** INIT CONTENT AREA STYLE ***** */

ul#menu {
	/*
	float: left;
	*/
	margin: 0;
	padding: 0 0 0 50px;
	list-style: none;
	position: relative;
	bottom: -1px;
}

#menu li {
	float: left;
	margin: 0;
	/*margin-right: 5px;*/
	padding: 0;
	/* estes borders não funcam quando não é o primeiro que está seleccionado */
	border-top: 1px solid #464b51;
	border-right: 1px solid #464b51;
	border-bottom-width: 0;

}

#menu li a {
	display: block;
	margin: 0;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 8px 20px 9px 20px;
	text-decoration: none;
	background-color: #383d43;
	color: white;
}

#menu li.selected {
	border: 1px solid #d1d1d1;
	border-bottom-width: 0;		

	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	padding: 8px 20px 9px 20px;
	color: #333;
	background-color: white;
	text-decoration: underline;

}

#menu li.selected a {
	color: #333;
	background-color: white;
	text-decoration: underline;
	cursor: default;
}

#content {
	background-color: white;
	color: inherit;
	border: 1px solid #d1d1d1;
	/*clear: both;*/
	padding: 20px;
}

/* ***** END CONTENT AREA STYLE ***** */

/* ***** INIT FOR INFO/WARNING/ERROR BOXES STYLE ***** */

p.info_box {
	background: #8cd4fa url('images/info_icon.gif') 10px 50% no-repeat;
	color: inherit;
	border: 1px solid #5fb8e4;
	padding: 10px 10px 10px 35px;
	margin:0;
	clear: both;
}

p.warning_box {
	background: #f4f577 url('images/warning_icon.gif') 10px 50% no-repeat;
	color: inherit;
	border: 1px solid #f0d28c;
	padding: 10px 10px 10px 35px;
	margin:0;
	clear: both;
}

p.ok_box {
	background: #caf577 url('images/ok_icon.gif') 10px 50% no-repeat;
	color: inherit;
	border: 1px solid #a5d065;
	padding: 10px 10px 10px 35px;
	margin:0;
	clear: both;
}

p.error_box {
	background: #fd7070 url('images/error_icon.gif') 10px 50% no-repeat;
	color: inherit;
	border: 1px solid #ef4646;
	padding: 10px 10px 10px 35px;
	margin:0;
	margin-top: 10px;
	clear: both;
}

/* ***** END FOR INFO/WARNING/ERROR BOXES STYLE ***** */

/* ***** INIT TOOLBARS STYLE ***** */

.toolbar {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	float: left;
	width: 100%;
}

.toolbar ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.toolbar ul li {
	float: left;
	margin: 0;
	margin-right: 20px;
	color: #6a6a6a;
	cursor: pointer;
}

.toolbar ul li:hover {
	background-color: inherit;
	color: #333;
}

.toolbar_plus_icon,
.toolbar_add_icon, 
.toolbar_save_icon,
.toolbar_create_icon, 
.toolbar_add-categories_icon, 
.toolbar_add-links_icon,
.toolbar_add-articles_icon,
.toolbar_add-contacts_icon,
.toolbar_add-documents_icon,
.toolbar_add-events_icon,
.toolbar_add-images_icon,
.toolbar_add-flash_icon,
.toolbar_add-video_icon,
.toolbar_add-news_icon, 
.toolbar_add-simple_icon,
.toolbar_add-newsletter_icon,
.toolbar_send-alert_icon,
.toolbar_add_xform_icon {
	background: white url('images/toolbar_plus.gif') 0 50% no-repeat;
	padding-left: 28px;
	font-weight: bold;
}

.toolbar_show_form_icon,
.toolbar_show_xhtml_icon,
.toolbar_show_xhtmlc_icon,
.toolbar_show_xml_icon,
.toolbar_show_xsd_icon,
.toolbar_show_css_icon,
.toolbar_create_pdf_fielded_xform_icon,
.toolbar_show_html_fielded_xform_icon  {
	background: white url('images/toolbar_view.gif') 0 50% no-repeat;
	padding-left: 28px;
	font-weight: bold;
}

.toolbar_minus_icon,
.toolbar_remove_icon {
	background: white url('images/toolbar_minus.gif') 0 50% no-repeat;
	padding-left: 28px;
	font-weight: bold;
}

.toolbar_back_icon,
.toolbar_cancel_icon,
.toolbar_show.form_icon {
	background: white url('images/toolbar_back.gif') 0 50% no-repeat;
	padding-left: 28px;
	font-weight: bold;
}

.toolbar_admin_icon {
	background: white url('images/toolbar_admin.gif') 0 50% no-repeat;
	padding-left: 28px;
	font-weight: bold;	
}

.toolbar_config_icon,
.toolbar_editContents_icon,
.toolbar_limitedEditContents_icon {
	background: white url('images/toolbar_config.gif') 0 50% no-repeat;
	padding-left: 28px;
	font-weight: bold;	
}

.toolbar_send_icon {
	background: white url('images/toolbar_send.gif') 0 50% no-repeat;
	padding-left: 28px;
	font-weight: bold;	
}

.toolbar_toleft {
	float: left;
}

.toolbar_toright {
	float: right;
}

#filter_container input {
	vertical-align: middle;
}

#searcher {
	padding-left: 5px;
}

#pagination_toolbar {
	margin-top: 10px;
	border: 0px solid red;
}

#pagination_toolbar div {
	padding-bottom: 1px;	
}

.toolbar input, .toolbar select{
	vertical-align:middle;
}

.toolbar .uicontrols {
	width: 10em;
}

.toolbar .pag_item, .toolbar .pag_item_current{
	background-color: #f6f6de;
	border: 1px solid #dbdabb;
	padding: 0.1em 0.4em;
	font-size: 90%;
	margin-right: 2px;
	margin-bottom: 2px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #333;
}

.toolbar .pag_item:hover {
	background-color: #333;
	color: white;
	border-color: #303030;
}

.toolbar .pag_item_current {
	border-color: #2d95cc;
}

.move_lbl {
	font-weight: bold;
	margin-right: 10px;
	vertical-align: middle;
}

/* ***** END TOOLBARS STYLE ***** */

/* ***** INIT MAIN SEARCH STYLE ***** */
.inner_line {
	margin-top: 5px;
}

.inner_line img {
	margin-right: 10px;
}

.search_rst {
	background: #dbdabe url('images/search_rst_bg.gif') top left repeat-x;
	text-transform: uppercase;
}

.search_rst span {
	display: block;
	background: transparent url('images/search_rst_arrow.gif') top right no-repeat;
	padding: 6px 10px;
}

/* ***** END MAIN SEARCH STYLE ***** */

/* ***** INIT FOR DATA TABLE STYLE ***** */

.data_table {
	clear: both;
	width: 100%;
	border-top: 1px solid #dbdabe;	
	border-left: 1px solid #dbdabe;
	border-right: 1px solid #d1d1d1;
	background-color: white;
	color: inherit;
}

.data_table caption {
	display: none;
}


.data_table tr.alt {
	background-color: #f7f7dd;
	/*see this color. try a little grayer and lighter*/
}

.data_table th {
	font-weight: bold;
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	background: #f4f0d3 url('images/tbl_header_bg.gif') top left repeat-x;
	border-bottom: 1px solid #dbdabe;
	padding: 3px 8px 3px 8px;
	margin: 0;
}
.data_table th.sortable {
	cursor: pointer;	
}

.data_table th span.asc_sort {
	background: transparent url('images/asc_sort_icon.gif') no-repeat right center; 
	padding-right: 10px;	
}

.data_table th span.desc_sort {
	background: transparent url('images/desc_sort_icon.gif') no-repeat right center; 
	padding-right: 10px;	
}

.data_table td {
	border-bottom: 1px solid #d1d1d1;
	margin: 0;
}

.data_table td.state_col {
	color: #2e96cd;
	background-color: inherit;
	font-weight: bold;
	text-align: left;
}

.data_table td.icon_col {
	padding: 0;
	margin: 0;
	width: 50px;	
	cursor: pointer;/* Add by Flopes */
}

data_table td.icon_col img{
	cursor: pointer;	
}

.data_table td.check_col {
	text-align: center;
}

.data_table td a {
	display: block;
	color: #2e96cd;
	background-color: inherit;
	font-weight: bold;
	text-decoration: none;
}

.data_table td label {
	display: block;
	color: #2e96cd;
	background-color: inherit;
	font-weight: normal;
	cursor: pointer;
	padding-left: 8px;
}


.data_table th.name_header, .data_table th.state_header, .data_table th.lastmod_header {
	text-align: left;
}

.data_table th.check_header {
	text-align: center;	
}

.data_table th.check_header a {
	text-decoration: none;
	color: #333;
	background-color: transparent;
	border-bottom: 1px dotted #333;
	/*font-weight: bold;*/
}

/* ***** END FOR DATA TABLE STYLE ***** */

/* ***** INIT FOR BASIC FORM STYLE ***** */

.form_row, .form_btn_row {
	border-top: 1px dotted #c3c3c3;
	padding-top: 10px;
	margin-top: 10px;
}

.noborder_form_row {
	/*margin-top:0;*/
	padding-top:0;
	border-top-width: 0;

}

.last_form_row {
	border-bottom: 1px dotted #c3c3c3;
	padding-bottom: 10px;
}

.form_row label, .form_row p.label {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.form_row .inline_middle {
	display: inline;
	font-weight: normal;
	vertical-align: middle;
}

.form_btn_row {
	text-align: right;
}

.form_row .full {
	padding: 0 0.5em 0 0;
	height: auto!important;
	/*height: 22px;*/
	height: 1.9em;
}

.form_row .search_input {
	padding: 0 0.5em 0 0;
	height: 1.9em;
	margin-right: 2em;
}

.form_row .search_button {
	float: right; 
	border-width: 0;
	background: transparent;
	padding: 2px;
	cursor: pointer;
}

.form_row .full input {
	width: 100%;
}


.form_row .search_input input {
	width: 100%;
	position: static!important;
	/* workaround to make IE6 draw the input side by side with the button */
	position: absolute;
}

.invalid_field {
	background-color: #fd7070;
	border: 1px solid #7f9db9;
	padding: 2px;
}

.form_row p.value {
	margin: 0;
	margin-top: 5px;
}

.form_row .row {
	clear:both;
}

.form_row .first-field {
	float: left;
	margin-right: 10px;
}

.form_row .field {	
	display: inline;
	margin-right: 10px;
}

.row input.xsmall-field {
	width: 100px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.form_row .search_page_row {
	margin-bottom: 10px;
}

.form_row p.row_desc {
	margin: 5px 0;
}

p.value .tag {
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #dad8bd;
	border: 1px solid #b7b5a0;
	border-left-width: 0;
	border-top-width: 0;
}

p.value a {
	text-decoration: none;
	color: #2e96cd;
	background: inherit;
	border-bottom: 1px dotted #2e96cd;	
}

p.value a.plain, td img.plain {
	border-width: 0;
}

p.value a:hover {
	color: white;
	background-color: #2e96cd;
}

p.value .thumb, .dialog img.thumb {
	border: 5px solid #dbdabb;
	background-color: white;
	padding: 5px;
}

p.value .mini_thumb, .dialog img.mini_thumb, .form_row img.mini_thumb {
	max-height: 100px;
	max-width: 100px;
	vertical-align: top;
	border: 3px solid #dbdabb;
	margin-top: 10px;
}

p.value .mini_thumb_selected, .dialog img.mini_thumb_selected, .form_row img.mini_thumb_selected {
	max-height: 100px;
	max-width: 100px;
	vertical-align: top;
	border: 3px solid #2e96cd;
	margin-top: 10px;
}

img.preview {
	width: 190px;
	height: 190px;
}

input.button, input.main_button {
	background: #eee url( 'images/fade-butt.png' ) top left repeat-x;
	border: 1px solid #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.35em;
	font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

input.main_button {
	font-weight: bold;
}



/* ***** END FOR BASIC FORM STYLE ***** */

/* ***** INIT FOR MAIN LAYOUT ***** */

body {
	height: 100%;
	margin: 0;
}
#layout_wrapper {
	/*width: 100%;
	margin: auto;
	background-color: white;*/
}

/*
#layout_header {
	margin: 0;
	background: #303030 url('images/header_bg.gif') bottom left repeat-x;
	padding: 8px 0 4px 0;
	float: left;
	width: 100%;
}
*/

#layout_header h1 {
	background: #303030 url('images/logo.gif') bottom left no-repeat;
	padding: 22px 0;
	margin: 0;
	float: left;
	width: 210px;
}

#layout_header span {
	position: relative;
	left: -9999px;
}

#layout_header #nav {
	float: right;
	margin: 20px 30px 0 auto;
	padding: 0;
}
	
#layout_header #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #464b51;
	position: relative;
	top: 8px;
	float: left;
}

#layout_header #nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 80%;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	top: -1px;
}

#nav li#manag_tab,
#nav li#prefs_tab,
#nav li#gout_tab {
	border-left: 1px solid #464b51;
}

#layout_header #nav li a {
	float: left;
	padding: 8px 15px;
	text-decoration: none;
	color: #fff;
	border: none;
}

#layout_header #nav li a:hover {
	background: #464b51;
}

#layout_header #nav li.selected a {
	text-decoration: underline;
	background: #292e34 url('images/area_bg_selected.gif') top left repeat-x;
}

#main_zone {
	margin: 0;
	background: #303030 url('images/header_bg.gif') bottom left repeat-x;
	padding: 8px 0 4px 0;
	float: left;
	width: 100%;
}

#msg_zone {
	clear:both;
	background: #d3d1b8 url('images/msg_zone_bg.gif') top left repeat-x;
	border-bottom: 1px solid #bcbaa3;
	font-size: 85%;
	padding: 6px;
}

#msg_zone p {
	background: transparent url('images/msg_icon.gif') 0 50% no-repeat;
	padding-left: 17px;
	margin: 0px;
}

#message_gadget_left {
	float:left;
	width: 14px;
	height: 56px;
	background: transparent url('images/ajax-message-left-bg.gif') top left no-repeat;	
}

#message_gadget_middle {
	float:left;
	height: 56px;
	background: transparent url('images/ajax-message-middle-bg.gif') top left repeat-x;
	padding: 10px;	
	width: 470px;
}

#message_gadget_middle_close_btn {
	float:left;
	height: 56px;
	background: transparent url('images/ajax-message-middle-bg.gif') top left repeat-x;
	width: 20px;
	padding-top: 14px;
}

#message_gadget_middle_close_btn img{
	cursor: pointer;
}

#message_gadget_right {
	float:left;
	width: 14px;
	height: 56px;
	background: transparent url('images/ajax-message-right-bg.gif') top left no-repeat;	
}

#message_gadget_error_icon {
	background: transparent url('images/warning-small.gif') top left no-repeat;
	width: 24px;
	height: 24px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}

#message_gadget_text {
	
}

#message_gadget {
	z-index:100; 
	position:absolute; 
	right:80px; 
	top:10px; 
	visibility:visible; 
}

#loader_gadget {
	z-index:100; 
	position:absolute; 
	padding: 16px 15px 15px 15px; 
	right:10px; 
	top:10px; 
	visibility:visible; 
	background: transparent url('images/ajax-loader-bg.gif') top left no-repeat;
}

#loader_gadget.mini_version {
	padding: 7px 7px 7px 8px;
	right:5px; 
	top:0px; 
	background: transparent url('images/ajax-small-loader-bg.gif') top left no-repeat;
}

#layout_content {
	clear: both;
}

#left_col {
	float: left; 
	width: 30%;
}

#right_col {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	float:right;
	width: 70%;
}

#layout_footer {
	clear: both;
}

/* ***** END FOR MAIN LAYOUT ***** */

/* ***** INIT FOR CREATE NEW PAGE SPECIFIC ***** */

#extra_opts, #extra_opts_templates, #extra_opts_pages {
	background: white url('images/extra_bg.gif') top left no-repeat; 
	padding-top: 10px;
}

#extra_opts .wrapper, #extra_opts_templates .wrapper, #extra_opts_pages .wrapper {
	background: white url('images/extra_bg.gif') bottom left no-repeat; 
	padding-left : 20px; 
	padding-bottom: 20px;
}

.img_link {
	cursor: pointer;	
}

/* ***** END FOR CREATE NEW PAGE SPECIFIC ***** */

/* ***** INIT FOR CREATE NEW TRANSLATION SPECIFIC ***** */

.transl_label {
	float: left;
}

.showorg_label {
	float: right;
	font-size: 90%;
	color: inherit;
	background: #f4f3df url('images/so_corner.gif') top left no-repeat;
	padding-right: 5px;
	padding-left: 15px;
}

.showorg_label a {
	text-decoration: none;
	color: #333;
}

.row .org_zone {
	clear: both;
	background: #f4f3df;
	border-top: 1px solid #dbdabb;
	margin-bottom: 10px;
	padding: 1em;
}

.hide_org {
	color: inherit;
	background: transparent url('images/hide_org.gif') 0 50% no-repeat; 
	padding-left: 15px;
}

.show_org {
	color: inherit;
	background: transparent url('images/show_org.gif') 0 50% no-repeat; 
	padding-left: 15px;
}

/* ***** END FOR CREATE NEW TRANSLATION SPECIFIC ***** */

/* ***** INIT FOR ACCORDION SPECIFIC ***** */

.containerClass {
    border: 1px solid #d1d1d1;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    background-color: #f5f5f5;
}

.tabClass {
    color:white;
    padding: 15px 24px;
    font-weight: normal;
    background: #2f3237 url(images/tab_bg.gif) top left repeat-x;
    cursor:pointer;
}

.tabClass:hover {
    cursor:pointer;
    font-weight: bold;
}

.expandedTabClass {
    color:white;
    padding: 15px 24px;
    font-weight: bold;
    background: #2f3237 url(images/tab_bg.gif) top left repeat-x;
    cursor:default;
}

.stab_wrapper {
    background: transparent url('images/stab_bg.png') top left repeat-x!important;
    /* for IE6 -load gif because of non png transparency suport*/
    background: transparent url('images/stab_bg.gif') top left repeat-x;
}

.stab {
    color:white;
    padding: 17px 24px 17px 9px;
    font-weight: normal;
    position: relative;
    background: transparent url('images/stab_bg_arrow.png') top right no-repeat!important;
    left: 15px!important;
    /* for IE6 -load gif because of non png transparency suport*/
    background: transparent url('images/stab_bg_arrow.gif') top right no-repeat;
    left: 14px;
    cursor:default;
}

.scontent_wrapper {
    background-color: white;
    margin: 0 10px;
    padding: 0 5px;
    border-left:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
}

.scontent {

}

/* ***** END FOR ACCORDION SPECIFIC ***** */


/* ***** INIT FOR DIALOGS SPECIFIC ***** */

.dialog {
	margin: auto;
	width:715px;
	background: white;
	border: 1px solid #CCCCCC;
	font-size: 95%;
	overflow: hidden;
}

.sys_dialogs {
	width:500px;
}

#header {

}

#header img {
	float:right; 
	vertical-align:middle;
	padding:2px 10px;
}

#header h3 {
	margin: 0;
	background: #309ad4 url('images/header.gif') top left repeat-x;
	padding:2px;
	text-align: center;
	font-size: 90%;
	color: white;
}

#wrapper {
	padding: 20px;
	overflow:auto!important;
	overflow: visible;
}

#wrapper h3 {
	margin: 0;
	font-size: 120%;	
}

.dialog #nav {
	float:left;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	width:5%;
}

.dialog #nav li {
	margin-bottom: 7px;
	position: relative;
	left: 1px;
	padding-top: 1px;
	background: white url('images/tabborder.gif') top left no-repeat;
}

.dialog #nav li +li {
	margin:0;
}

.dialog #nav li.selected a{
	border-right-width: 0;
	padding-right: 1px;
}

.dialog #nav li a {
	display: block;
	padding: 8px;
	background: url('images/tabborder.gif') bottom left no-repeat;
	border-right: 1px solid #CCCCCC;
}

.dialog #nav li img {
	border-color: white;
	vertical-align: middle;
	text-align: center;
	margin:0;
	padding:0;
}

.dialog #tab_content_wrapper {
	float:left;
	width:95%;
	padding:0;
	margin:0;
}

#tab_content_wrapper .left_col {
	float: left; 
	width: 65%; 
}

#tab_content_wrapper .right_col {
	float: right;
}

#tab_content_wrapper .right_col img {
	vertical-align: middle; 
	position:relative; 
	top: 15px;
}

#tab_content {
	border: 1px solid #CCC;
	padding: 10px;
}

#tab_content .input_zone {
	width:100%;
}

.dialog_btns {
	clear: both;
}

.dialog_icon {
	float:left; 
	margin: 5px;
}

#message .highlight {
	font-weight: bold;
}

.dialog .toolbar {
	margin-bottom: 0;
}

.dialog .search_link_result {
	margin-bottom: 10px;
}

/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
/*background-color: #FFF;*/
}

div#mb_contents {
width: 400px;
/*height: 400px;*/
/*removed by cravo*/
/*border: 10px solid #DDD;*/
overflow: auto;
/*background-color: #FFF;*/
visibility: hidden;
}

.mb_loading {
background: #DDD url(images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
/*added by cravo*/
display: none;

font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}


/* ***** END FOR DIALOGS SPECIFIC ***** */

/* ***** INIT FOR LOADING PANEL ***** */
/*
#loading-panel {
	border-top: 1px solid rgb( 88,88,88);
	border-bottom: 1px solid rgb( 88,88,88);
	border-left: 1px solid rgb( 88,88,88);
	
	width: 150px;
	height: 35px;
	padding-top: 2px;
	background: white url(images/loader.gif) top left no-repeat;
	position: absolute;
	top: 59px;
	right: 0;
}

#loading-panel span {
	position: relative;
	top: 10px;
	left: 40px;
	background-color: white;
}
*/
/* ***** END FOR LOADING PANEL ***** */


/* ***** INIT FOR SEARCH FILTER  ***** */

form#filterForm {	
	position:relative;	
}

div#filterSearch {
	position:relative;
	float:left;
	margin-right:3px;
}

input#filterSearchInput {
	width: 12em;
}

label.overlabel {
	color:#999;
}

label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
	cursor: text;	
}

/* ***** END FOR SEARCH FILTER  ***** */

/* ***** LINK MENUS - MOVE UP - MOVE DOWN ***** */
.link-img, .link-img img {
	border: 0;
	cursor: pointer;
}

/* ***** INIT TREE SPECIFIC STYLE ***** */

ul.tree {
	margin:0;
	padding-left: 0; 	
	list-style:none;
	text-transform: uppercase; 
	font-weight: bold;	
	font-size: 80%;
}

ul.tree * {
	vertical-align: middle;
}

ul.tree img {
	display:none;

}

ul.tree ul {
	margin: 0;
	padding: 0;
	list-style:none;	
}

ul.tree ul img {
	display:inline;
}

ul.tree ul img.switcher {
	display : inline;
	margin-right: 10px;
}

ul.tree ul ul img {
	display : none;
}

ul.tree li a {
	color: #2e96cd;
	font-weight: bold;	
	text-decoration: none;
}

ul.tree li img, ul#tree li a{
	vertical-align:middle;
}

ul.tree li.selected a {
	color: white;
	background-color: #2e96cd;
}

ul.tree li.selected li a {
	color: #555;
	background-color: white;
}

ul.tree li li {	
	border-bottom: 2px solid #eee;
	padding: 8px 0 8px 0px;
}

ul.tree li li a {
	margin-left: 8px;
	color: #333;
}

ul.tree li li li {
	border-bottom-width: 0;
	padding: 8px 0 0px 20px;
}

ul.tree li li li a {
	color: #555;	
}

/* ***** END TREE SPECIFIC STYLE ***** */

/*** BEGIN OF LIST ITEMS AND ORGANIZER STYLES ***/
	
.itemList_item_mod {
	padding-top: 2px;
	padding-bottom: 5px;
	border-bottom:1px solid #e5e5e5;		
}

.itemList_item_mod .itemList_title {
	float: left;
}

.itemList_item_mod .itemList_title img{
	vertical-align: middle; 
	padding-left: 5px;
}

.itemList_item_mod .itemList_title span{
	color:#2d97cb; 
	font-weight: bold;
}

.itemList_item_mod .itemList_title span{
	padding-left: 5px;
}

.itemList_item_mod .itemList_check_input{
	float: right;
	padding-right: 5px;
}

.itemList_item_mod .itemList_content_info{
	clear:both; 
	padding-left: 22px;
	padding-top: 3px;
}

.itemList_content_info .itemList_hidden_content{
	display: none;
}

.itemList_sink {		
	margin: auto;
}

.itemList_sink h3 {
	font-weight: normal;
	font-size: small;
	margin: 0;
	padding: 0;		
}

.itemList_top_navigation {		
	background: red url(images/search_top_btn_bg.gif) top left repeat-x;
	height: 22px;
	text-align: center;
	cursor: pointer;
}

.itemList_top_navigation img, .itemList_bottom_navigation img{		
	padding-top: 5px;
}

.itemList_bottom_navigation {		
	background: #3299d4 url(images/search_bottom_btn_bg.gif) top left repeat-x;
	height: 22px;		
	text-align: center;	
	cursor: pointer;
	position: relative;
	top: -5px;
}


.organizer_sink {
	border: 1px solid #c3c3c3;
	background-color: #f2f3eb;
	/*width: 800px;*/
	margin: auto;
	padding: 3px;
	font-size: 95%;
}

/* STARTS HERE! */
.news_mod_wrapper {
	position: relative;
}

.news_mod {
	clear: both;
	margin-bottom: 5px;
	/*IE6 fix*/
	height:1%;
}

/* INIT SHADOW FRAME */
/* right (with top and bottom corners) shadow border - acts as the top right slider door */
.news_mod .container {
	background: white url(images/news_mod_r_shad.gif) top right no-repeat;
} 

/* left (with top and bottom corners) shadow border - acts as the top left slider door */
.news_mod .top_row {
	padding: 0px 3px 0 3px;
	background: url(images/news_mod_l_shad.gif) top left no-repeat;
}

/* left (with top and bottom corners) shadow border - acts as the bottom left slider door */
.news_mod .bottom_row {
	padding: 0 0 0 9px;
	background: url(images/news_mod_l_shad.gif) bottom left no-repeat;
}

/* right (with top and bottom corners) shadow border - acts as the bottom right slider door */
.news_mod .em {
	padding: 0 9px 0px 0;
	font-style: normal;
	background: url(images/news_mod_r_shad.gif) bottom right no-repeat;
}

/* END SHADOW FRAME */

/* INIT TITLE BORDER */

.news_mod .title {
	color: white;
	background: #3299d4 url(images/news_mod_title_bg.gif) top left repeat-x;
	clear: both;
	padding: 3px 10px 3px 20px;
}

.news_mod h3 {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	cursor: move;
}

.news_mod .icons {
	float: right;
}

/* END TITLE BORDER */

/* INIT CONTENT ZONE */

.content img, .icons img {
	vertical-align: middle;
	padding-left: 12px;
}

.news_mod .icons img{
	vertical-align: top;
	padding-top: 4px;
	cursor: pointer;
}

.news_mod .content, .news_mod .hided-content {
	padding: 10px 20px 10px 20px;
	background: white url(images/news_mod_b_shad.gif) bottom left repeat-x;
	color: black;
}

.news_mod .content * {
	visibility: visible;
	height: auto;
}

.content p, .hided-content p {
	margin-top: 0;
	margin-bottom: 5px;
}

.content p input, .hided-content p input {
	vertical-align: middle;	
}

.content p input, .content p label, .hided-content p input, .hided-content p label {
	cursor: pointer;
	font-weight: bold;
	vertical-align: middle;
}

.news_mod .hided-content {
	padding: 0px 20px 0px 20px;
}

.news_mod .hided-content * {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

.mceItemFlash {
	border:1px dotted #cc0000; 
	background-position:center; 
	background-repeat:no-repeat; 
	background-color:#ffffcc;
	background-image:url(images/flash.gif);
}

.mceItemVideo {
	border:1px dotted #cc0000; 
	background-position:center; 
	background-repeat:no-repeat; 
	background-color:#ffffcc;
	background-image:url(images/video.gif);
}

/* END CONTENT ZONE */

/* WORKFLOW MESSAGES added by Henrique Fernandes */

.message_log {
	background: white url(images/message_bg.gif) top left no-repeat;
	margin-top: 15px;
	padding-bottom: 10px;
	padding-left: 7px;
}

.message_log h3 {
	background: white url(images/message_bg.gif) top right no-repeat;
	padding: 0;
	margin: 0;
	padding-top: 7px;
	padding-right: 10px;
	font-size: small;
	font-weight: normal;
	color: #2e96cd;
}

.message_log h3 img {
	vertical-align: middle;
}

.message_log h3 strong {
	font-weight: bold;
}

.message_log p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.form_row .full textarea {
	width: 100%;
}

/* END WORKFLOW MESSAGES */

/*** END OF LIST ITEMS AND ORGANIZER STYLES ***/

#error_zone p {
	margin:0;
	margin-right: 20px;
	padding-bottom: 20px;
}

#error_zone {
	width: 600px;
	margin: 100px auto;

	color: white;
	background: #333 url('images/right-shadow.gif') repeat-y bottom right;
}

#error_zone_wrapper {
	background:  url('images/left-shadow.gif') repeat-y top left;
	padding-left: 20px;
}

#error_zone_header {
	background:  url('images/right-shadow.gif') repeat-y top right;
	padding-top: 20px;
	padding-right: 20px;
}
#error_zone_body {
	background:  url('images/error-icon.gif') no-repeat 50% 50%;
	padding: 30px 20px;
}
#error_zone_footer {
	background:  url('images/left-shadow.gif') repeat-y bottom left;
	padding-bottom: 50px;
	padding-left: 40px;
}

#error_zone h1 {
	background: transparent url('images/error-logo.gif') no-repeat top left;
	padding: 20px;
	margin-left: 10px;
}

#error_zone h1 span {
	position: relative;
	left: -9999px;
}

#error {
	color: #f2a93a;
	background-color: transparent;
	font-style: italic;
	margin-bottom: 50px;
}

#error_zone a {
	background: transparent url('images/back-icon.gif') no-repeat 0 50%;
	padding: 5px 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	background-color: transparent;
}

#error_zone a:hover {
	font-weight: bold;
}

/*** END OF ERROR ITEMS AND ERROR STYLES ***/