/******************************** General styles *******************************/
body, a, table, td, tr, tbody, b, p, input, select, label, textarea {
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

p {
	padding: 0px;
	margin: 2px 0px 3px 0px;
	text-align: left;
}

body {
	padding: 0px;
	margin: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
label {
	width: 140px; 
	padding: 3px 0px 0px 0px;
	float: left;
}
.big_label label {
	width: 320px !important;
}
h1,
h1 a,
h1 a:hover {
	font-size: 150%;
	font-weight: bolder;
	text-decoration: none;
	color: black;
	margin: 0px;
	padding: 6px 0px 6px 0px;
}
h2,
h2 a,
h1 a:hover {
	font-size: 125%;
	font-weight: bolder;
	color: #666666;
	margin: 0px;
	padding: 3px 0px 2px 0px;
	text-decoration: none;
}
h3 {font-size: 120%; font-weight: bolder;}
h4 {font-size: 110%; font-weight: bolder;}
h5 {font-size: 100%; font-weight: bolder;}
.comment {
	color: gray;
}
.comment_entry {
	margin: 5px 0px 5px 0px;
	padding: 2px;
	background: transparent;
}
.comment_entry h1,
.comment_entry h1 a {
	padding: 0px;
	margin: 0px;
	color: black;
	font-size: 100%;
}
.comments {
	clear: left;
	background: transparent;
	display: block;
	margin-top: 10px;
}
.description {
	font-size: 85%;
}
.selected, .disabled {
	color: gray;
}
.message{
width: 98%;
border: 1px solid #FFA500;
background: #FFCE7B;
padding: 5px;
font-weight: bolder;
margin-bottom: 8px;
color: black;
}
.message span, .thongbao span{
display: block;
margin-left: 20px;
font-weight: normal;
}
.message a{
font-weight: bold;
}
.message a:hover{
text-decoration: underline;
}
.adong{
float: right;
margin-top: -5px!important;
margin-top: -10px;
margin-right: -5px!important;
margin-right: -10px;
margin-left: 4px;
background: #FFA500;
padding: 2px 4px;
color: #fff;
font-weight: normal;
}
.message img {
	float: left;
	margin-right: 5px;
}

.error {
	color: red;
}
img .text_right {
	float: left; 
	padding: 0px 5px 5px 0px;
}
img .text_left {
	float: right; 
	padding: 0px 0px 5px 5px;
}
hr {
	height: 1px;
	border: 1px solid #cae4ff;
}
.highlighting {
	background: yellow;
}
.language {
	margin-right: 5px;
}
.language.current {
	font-weight: bolder;
}
.action_button {
	margin-right: 10px;
}
.submit_button {
	margin-left: 183px;
	margin-right: 10px;
}
.fieldset_button {
	margin-left: 140px;
	margin-right: 10px;
}
.hidden {
	display: none;
}
/*******************************************************************************/



/*************************** Lists, Items and Fieldsets ************************/
fieldset {
	border: 1px solid #cae4ff;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
	background: #f9fcff;
}
legend {
	font-weight: bolder;
	color: black;
}
fieldset.page_properties {
	background: #dfefff;
}

/* IE Star-Hack for fieldsets (only for IE 6) */
* html legend {
	position: absolute;
	margin: -20px 0 0 0;
	padding: 3px;
}
* html fieldset {
	margin-top: 10px;
	padding-top: 10px;
	position: relative;
}

.noborder {
	border: none;
}

.language_label {
	font-style: italic;
	font-weight: bolder;
	background: #CDCDCD;
	margin-top: 8px;
}

.fieldset-content-right {
	width: 205px;
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 10px;
	background: white;
}

.fieldset-right {
	float: right;
	clear: right;
}
.fieldset-left {
	float: left;
	clear: left;
	width: 98%;
}
/*******************************************************************************/


/************************************ Portlets *********************************/
.portlet {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
	line-height: 16px;
}
.portlet h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #cae4ff;
}
.portlet a {
	text-decoration: none;
	background: transparent;
	padding: 0px;
}
.portlet .subtitle {
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}
.portlet .content {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}
.portlet .detail {
	font-size: 85%;
	color: gray;
	padding: 0px;
	margin: 0px;
}
.portlet input {
	margin-bottom: 2px;
}

#portlet-page-tools a {
	display: block;
}

#portlet-login label {
	display: none;
}
/*******************************************************************************/


/******************************* Administration panel **************************/
/*
.administration {
  position: fixed;
  border: 1px solid #ddd;
  padding: 5px;
  border-bottom: 10px solid #f5f5f5;
  background:#f5f5f5;
  width: 200px;
  right: 0px;
  bottom: 0px;
  text-align:left;
  color: #000;
  font-size: 12px;
  z-index:10000;
  opacity:0.9;
  filter:alpha(opacity:90);
}
*/
.administration {
  border: 1px solid #ddd;
  padding: 5px;
  border-bottom: 10px solid #f5f5f5;
  background:#f5f5f5;
  width: 200px;
  text-align:left;
  color: #000;
  font-size: 12px;
  z-index:1000;
  opacity:0.9;
  filter:alpha(opacity:90);
}
.administration h1 {
	color: black;
	font-weight: bolder;
	font-size: 12px;
	padding: 0px;
	margin: 6px 0px 3px 0px;
	letter-spacing: 0em;
}
.administration a {
	color: black;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0em;
}
.administration a:hover {
	color: #666666;
	text-decoration: none;
}
.administration hr {
	height: 1px; 
	width: 100%; 
	padding: 0px; 
	margin: 2px 0px 2px 0px; 
	border: 1px solid #cae4ff;
	letter-spacing: 0em;
}

/*******************************************************************************/



/********************************** Management *********************************/
/* TODO  REMOVE IT (if its no more in action, using list_entry)!! */
a .item {
	display: block;
	background: #f9fcff;
	padding: 3px 3px 3px 3px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #cae4ff;
	color: black;
	height: 50px;
	cursor: pointer;
}

a:hover .item {
	background: #dfefff;
	color: #444444;
}

/* end TODO */

/***** tabs *****/
.tabs {
	width: 100%;
	margin-bottom: -6px;
	margin-left: 10px;
	z-index: 99999;
}
.tabs .tab {
	border: 1px solid #68a5e4;
	width: 120px;
	padding: 1px 6px 2px 6px;
	text-decoration: none;
	color: black;
	margin-left: 5px;
	line-height: 16px;
	cursor: pointer;
}


.tabs a.tab:hover,
.tabs .tab a:hover {
	background: #fff39f;
	color: black !important;
	padding: 1px 6px 2px 6px;
	border-bottom: none;
	font-weight: normal;
	cursor: pointer;
}

.tabs a.current:hover,
.tabs .tab a.current:hover,
.tabs a.standard:hover,
.tabs .tab a.standard:hover,
.tabs .tab.current,
.tabs .tab.standard {
	background: #f9fcff;
	color: black !important;
	padding: 1px 6px 3px 6px;
	border-bottom: none;
	font-weight: normal;
	cursor: pointer;
}

.tabs a {
	text-decoration: none !important;
}

/***** management *****/
.management a, 
.management table, 
.management td, 
.management tr, 
.management tbody, 
.management b, 
.management p, 
.management input, 
.management select, 
.management label, 
.management textarea {
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

.management p {
	padding: 0px;
	margin: 2px 0px 3px 0px;
}
/*
.management input, 
.management select, 
.management textarea {
	border: 1px solid #cae4ff;
	margin-bottom: 1px;

}
*/
.management {
	background: #f9fcff;
	border: 1px solid #cae4ff;
	padding: 5px;
	margin-top: 7px;
	color: black;
	text-align: left !important;

}
.management a {
	color: black !important;
	text-decoration: none !important;
}
.management a:hover {
	color: #cae4ff;
	text-decoration: none;
}
.management h1 {
	font-size: 120%;
}
.management h2 {
	font-size: 100%;
	margin-bottom: 0px;
}
.management p {
	margin-top: 0px;
	margin-bottom: 2px;
}
.management .custom_table {
	border: 1px solid #cae4ff;
	background: white;
}
.management table .heading {
	font-weight: bolder;
	background: #cae4ff;
}
.management table .heading td {
	color: #003b89;
}

.management .general_settings label {
	width: 255px;
}
.management .inactive {
	color: #8F8F8F;
}
.management hr {
	height: 1px;
	border: 1px solid #cae4ff;
}

/***** list entries *****/
.management a.list_entry {
	display: block;
	background: #CCCCCC;
	border: 1px solid #cae4ff;
	margin-top: 3px;
	padding: 5px;
	color: black;
}
.management.list_entry a:hover {
	background: #f9fcff;
	color: #444444;
}
.management a {
	color: black;
}
.management a:hover {
	color: #444444;
}
.management label {
	width: 180px;
}

.state-draft {
	color: red;
}
.state-reviewed {
	color: green;
}
.state-published {
	color: blue;
}
.state-archived {
	color: orange;
}
/*******************************************************************************/



/********************************** Navigation *********************************/

/**** navigation
.navigation {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}

.navigation li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navigation li a {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}
.navigation li.current a {
	font-weight: bolder;
	color: gray;
}
.navigation li a:hover {
	color: gray;
}


.navigation li.level0 a {
	margin-left: 0px;
	font-size: 100%;
}
.navigation li.level1 a {
	margin-left: 15px;
	font-size: 100%;
}
.navigation li.level2 a {
	margin-left: 25px;
	font-size: 90%;
}
.navigation li.level3 a {
	margin-left: 35px;
	font-size: 80%;
}
.navigation li.level4 a {
	margin-left: 45px;
	font-size: 70%;
}

*/
.edit-navigation-entry {
	height: 18px;
	padding: 4px;
}
.edit-navigation-entry:hover, .edit-navigation-entry.even:hover{
background: #fff39f;
}
.edit-navigation-entry.even{
background: #ecf5ff;
}
.edit-navigation-control {
	float: right;
}

/* IE6.0 Hack for additional spaces between li's */
* html li a  {
	height: 100%;
} 


/**** root-navigation ***/
.root-navigation {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
.root-navigation li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}
.root-navigation li a {
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}
.root-navigation li.current a {
	font-weight: bolder;
	color: gray;
}
.root-navigation li a:hover {
	color: gray;
}

/*******************************************************************************/



/*********************************** Content ***********************************/
.introduction {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
.content {
	line-height: 16px;
}
.content ul, li {
	margin-top: 0px;
	margin-bottom: 0px;
}
.content p {
	margin-top: 5px;
	margin-bottom: 3px;
}
.content .heading {
	font-weight: bolder;
	background: #DDDDDD;
}

.float_right {
	float: right;
	clear: right;
	margin: 0px 0px 10px 10px;
}

.float_left {
	float: left;
	clear: left;
	margin: 0px 10px 10px 0px;
}

.float_left_no_clear {
	float: left;
	margin: 0px 10px 10px 0px;
}

.page-ressource-subtitle {
	padding: 0px !important;
	margin: -8px 0px 10px 0px !important;
}

/*******************************************************************************/



/************************************ Module ***********************************/
.module_intro {
	border-bottom: 1px solid #cae4ff;
	margin-bottom: 6px;
	padding-bottom: 3px;
}
.module_admin {
	border-bottom: 1px solid gray;
	margin-bottom: 6px;
	padding-left: 5px;
	padding-bottom: 3px;
	min-height: 20px;
	width: 100%;
	clear: left;
}
.module_admin a {
	padding: 3px;
	margin-right: 5px;
	border: 1px solid gray;
	float: left;
	background: #fff;
}
.module_admin a img {
	float: left;
	margin-right: 3px;
}
.module_admin a:hover {
	background: #fff39f;
	color: #ff3300 !important;
	border: 1px solid #fcbf6d;
	border-bottom: 0px;
}
.module_admin a.active{
margin-top: 1px;
border-bottom: 0px;
position: relative;
z-index: 10;
}
/*******************************************************************************/



/************************************ Search ***********************************/
.search_item {
	display: block;
	text-decoration: none;
	padding-top: 5px;
}

.search_item_title,
.search_item_title .highlighting {
	text-decoration: underline;
	font-weight: bolder;
}
.search_item_introduction {
	display: block;
	font-weight: bolder;
}
.search_item_content {
	display: block;
	text-decoration: none;
}
.search_item_details {
	display: block;
	color: gray;
}
/*******************************************************************************/



/************************************ Tools ************************************/

/***** Next and previous buttons *****/
.next_previous {
	color: black;
	margin: 5px 0px 0px 0px;
	text-align: right;
	float: left;
	clear: left;
	width: 100%;
}
.next_previous a {
	color: black;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
}


/***** Page 1 2 3 (on the bottom of a page) *****/
.page_123 {
	border-top: 1px solid #cae4ff;
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	float: left;
	clear: left;
	width: 100%;
}
.page_123 a {
	padding: 0px 0px 0px 5px;
	font-weight: normal;
	color: #cae4ff;
	text-decoration: none !important;
}
.page_123 span {
	padding: 0px 0px 0px 5px;
	font-weight: bolder;
}

.multipage a {
	text-decoration: none !important;
}
.multipage .current {
	font-weight: bold;
}


.breadcrumb a {
	text-decoration: none !important;
}

.page_counter{
background: transparent;
border: 0px;
}
.page{
float: left;
padding: 2px 8px;
margin: 5px 4px;
border: 1px solid #c9dced;
background: url(img/blue_bg.png) repeat-x left center;
color: #000;
font-weight: bold;
}
a.page:hover, a.next-button:hover, a.previous-button:hover{
border: 1px solid #f79a5d;
background: url(img/red_hover_bg.png) repeat-x left center;
}
.page.current{
background: #f4f5fa;
color: #808080;
}
.next-button, .previous-button{
float: right;
padding: 3px 2px;
margin: 5px 4px;
border: 1px solid #c9dced;
background: url(img/blue_bg.png) repeat-x left center;
color: #000;
}


.file_content {
	font-family: Courier;
	width: 98%;
}

table th {
	text-align: left;
}

.table {
	border: 1px solid #999999;
}
.table th {
	background: #999999;
	color: white;
	padding: 2px;
	margin: 0px;
}

.table td {
	padding: 2px;
	background: transparent;
	margin: 0px;
}

.table tr {
	padding: 0px;
	margin: 0px;
}

.even {
	background: transparent;
}
.odd {
	background: #f9fcff;
}

.mod-database-detail,
.mod-database-detail td,
.mod-database-detail th,
.mod-database-detail tr {
	border: none;
}
.mod-database-detail td {
	padding-left: 0px;
}
.mod-database-detail {
	border-top: 1px solid #999999;
}
.mod-database-detail td {
	border-bottom: 1px solid #999999;
}


.padding-top-250 {
	margin-top: 250px;
}

.documents a {
	text-decoration: none !important;
}

/***** Access and permission styles *****/
.access_fieldset {
	display: none;
}
.page_permission_left{
	float:left;
	width:31%;
	display: inline;
}
.page_permission_right{
	float:right;
	width:31%;
}
.filemanager_permission {
	float:left;
}

/***** jtDialogBox - BEGIN REQUIRED *********************************/
DIV.jtDialogBox {
	position: absolute;
	display: none;
	}
DIV.jtDialogBox .tbLeft {
	background: url(dialogTL.gif) no-repeat left top;
	width: 10px;
	}
DIV.jtDialogBox .tbRight {
	background: url(dialogTR.gif) no-repeat right top;
	width: 16px;
	padding: 08px 4px 3px 0px;
	vertical-align: bottom;
	}
DIV.jtDialogBox .Title {
	background: url(dialogTM.gif) top;
	background-color: #a9a9a9;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	color: #000000;
	padding: 4px 0px 2px 0px;
	cursor:move;
	}
/***** jtDialogBox - END REQUIRED *********************************/


/***** jtDialogBox - BEGIN SUGGESTED *********************************/
DIV.jtDialogBox {
	border-top   : 1px solid #EDEDED;
	border-right : 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	border-left  : 1px solid #EDEDED;
	}
DIV.jtDialogBox .MainPanel {
	background-color: #ffffff;
	border-top   : 1px solid #898989;
	border-right : 1px solid #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
	border-left  : 1px solid #898989;
	}
DIV.jtDialogBox .MainPanel .ContentArea {
	margin: 16px;
	font-size: 9pt;
	}
/***** jtDialogBox - END SUGGESTED *********************************/
.resizable {
    padding: 0;
    background: #fcfcfc;
    border: 0px solid transparent;
    border-spacing: 0;
	text-align: left;
	margin: 0px;
}
.resizable td:hover {
    border: 1px solid #d2fd79;
	background: #d8fc8b;
}
.resizable td{
    padding: 0px;
	text-align: left;
	border: 1px solid transparent;
}
td.e, td.s,td.se{
border: 0px;
margin: 0px;
padding: 2px;
}
td.e:hover, td.s:hover,td.se:hover{
background: #a3de60;
}