BODY {
	min-height: 100%;
	height: auto !important;
	height: 100%
	}

BODY {
	margin:0px;
	padding:0px;
	border-right: 4px solid #FCFAF9;
	background: #F2F2F2;
	}

BODY, TABLE, TR, TD {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	line-height: 16pt;
	}

FORM {
	padding: 0px;
	margin: 0px;
	}

.email {
	color: white;
	}




/******** elxis table styles ***********/

.contentpaneopen, .blog {
	font-size: 22px;
	padding-bottom: 10px;
	width: 100%;
	}

.contentheading {
	font-size: 14px;
	color: #1D97CC;
	line-height: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	}


.componentheading {
	font-size: 14px;
	color: #1D97CC;
	line-height: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	}






P {
	padding: 0px;
	margin: 0px;
	padding-left: 35px;
	padding-right: 35px;
	}

INPUT {
	border: 1px solid #BEBEBE;
	font-size: 8pt;
	}

H1 {
	}

H2 {
	font-size: 1.4em;
	color: #1D97CC;
	line-height: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #4C90A8;
	font-weight: normal;
	}


UL, LI {
	padding: 0px;
	margin: 0px;
	color: #333;
	}

IMG {
	border: 0px;
	}

A {
	color: #1D97CC;
	}

A:hover {
	text-decoration: none;
	}



UL.nav A {
	color: #fff;
	text-decoration: none;
	padding-left: 27px;
	display: block;
	font-size: 9px;
	background-image: url("./img/menu_norm.gif");
	background-repeat: no-repeat;
	background-position: 1px 2px;
}

UL.nav A:hover {
	background-image: url("./img/menu_bg.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	}

.nav {
	background-color: #5D5E5F;
	padding: 0px;
	margin: 0px;
	line-height: 24px;
	}

.subnav {
	margin-top: 4px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #C9C9C9;
	}

.lilang {
	background-image: url("./img/icon_lang.gif");
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 20px;
	}

.libookmark {
	background-image: url("./img/icon_bookmark.gif");
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 20px;
	}

.liprint {
	background-image: url("./img/icon_print.gif");
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 20px;
	}

UL.subnav A {
	font-family: tahoma;
	color: #333;
	text-decoration: none;
	}

UL.subnav A:hover {
	text-decoration: underline;
	}

UL.subnav LI {
	margin-left: 8px;
	}










.header {
	height: 106px;
	margin:0px 0px 0px 142px;
	padding:0px;
	border-left: 4px solid #FCFAF9;
	border-top: 4px solid #FCFAF9;
	background: none;
	background-image: url("img/header.jpg");
	background-repeat: repeat-x;
	background-position: center top;
	}

.header2 {
	font-size: 1.4em;
	}





.sidebar {
	position: absolute;
	left: 0px;
	width: 142px;
	padding: 0px;
	color: #ffffff;
	line-height: 17px;
	font-size: smaller;
	border-top: 4px solid #FCFAF9;
	background: #F2F2F2;
	}






.content {
	margin:0px 0px 0px 142px;
	padding:0px;
	border-left: 4px solid #FCFAF9;
	}

.in_content {
	background: #DFE6E8;
	padding: 10px;
	padding-top: 1px;
}

.main_text {
	padding: 10px;
	background: #F2F2F2;
	/** border-top: 4px solid #FCFAF9; **/
	}


.footer {
	text-align: center;
	font-size: smaller;
	background: #F2F2F2;
	border-top: 4px solid #FCFAF9;
	}

.footer A {
	color: #1D97CC;
	text-decoration: none;
	border-bottom: 1px solid #1D97CC;
	}

.help {
	}

.help A {

	}










.linkbox {
	border-bottom: 1px dashed #C9C9C9;
	font-family: tahoma;
	color: #333;
	padding: 10px;
	text-align: center;
	}
.linkbox A {
	color:#333;
	text-decoration: none;
	}

.linkinfo {
	display: block;
	width: 120px;
	line-height: 1em;
	}

.searchbox {
	border-top: 4px solid #FCFAF9;
	border-bottom: 4px solid #FCFAF9;
	text-align: right;
	background: #F2F2F2;
	font-size: 7pt;
	color: #1D97CC;
	}

.breadcrumbs {
	float: left;
	display: inline;
	padding-left: 10px;
	}
.searchit {
	display: inline;
	}


.options {
	width: 100%;
	text-align: right;
	color: #5D5E5F;
	letter-spacing: -1px;
	}
.options A {
	text-decoration: none;
	color: #333;
	padding-right: 10px;
	}
.options A:hover {
	text-decoration: underline;
	}
.options IMG {
	position: relative;
	top: 3px;
}





/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	position: absolute;
	z-index:101;
	left:-11px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #CCCCCC;
	background-image: url(bg.png);
}

#JT_copy{
	padding-left: 10px;
	color:#333333;

}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 1px;
	line-height: 14px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0px;
line-height: 1.5em;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}



/* ---------->>> thickbox <<<---------------------------------------------------------------*/


#TB_window {
	font: 12px verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #000;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	font-size: 11px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> docman settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

img  { border: 0 none; }
.clr { clear: both;    }
dl, dd, dt { margin: 0;      }

.message { 
	padding: 10px 10px 10px 50px;
    margin-bottom: 10px;
	border: 1px solid gray;
    background: #FFFFCC url(../images/message.gif) no-repeat 10px 50%; 
	color: red;
    font-weight: bold; 
}

#dm_header 		{ 
height: 50px; 
border-bottom: 2px dotted #dddddd;
text-align: center;
}
#dm_header div { 
float: left; 
padding: 3px; 
width: 30%; 
}

#dm_header a, #dm_header span  { 
display: block;
padding-bottom: 5px;
}

#dm_pathway {
	font-size: 11px;
	text-align: left;
	background: #dddddd;
	margin-bottom: 5px; padding: 3px 3px 3px 10px;
}

h2 { padding-left: 10px; text-align: left;}

#dm_cats, #dm_docs { text-align: left; }

#dm_cats h3, 
#dm_docs h3       { background: #dddddd; padding: 2px 2px 2px 10px; clear: both; }
#dm_docs h3       { margin-bottom: 0; }

#dm_docs h3 span, 
#dm_cats h3 span  { display: block; float: right; margin: -15px 5px 0 0; font-size: 11px; font-weight: normal;}


dt { padding: 2px; border-top: 1px solid #bbb; clear: both; }

dt a.dm_icon    	 { float: left; padding-right: 10px; }
dt a.dm_thumb      { }
dt a.dm_name		 { display: block; margin-top: 3px;  padding: 8px 0 6px 0; font-weight: bold;}
dt a.dm_name:hover { background: #FFCC00; color: #FC6401; }
dt span 				 { padding-left: 10px; color: black; font-weight: normal; font-style: italic;}

dd.dm_date, dd.dm_files	{ float: right; margin: -22px 5px 0 0; }
dd.dm_description 	   { background-color: #EEEEEE; padding: 5px; }
dd.dm_counter				{ float: right; clear: right; padding-right: 5px; margin-top: -14px; font-size: 10px; }
dd.dm_homepage				{ padding: 1px 1px 1px 5px; font-size: 10px; background-color: #F8F8F8;  }
dd.dm_taskbar     	   { height: 22px;}

.dm_cat 			  			{ padding: 3px; }
.dm_cat .dm_name 			{ float: left; font-size: 14px; font-weight: bold; color: #666; margin-bottom: 3px; }
.dm_cat .dm_description { float: left; clear: left;  }
.dm_cat .dm_thumb       { float: right; margin-top: -15px; }

.dm_unpublished 		   { border: 1px dotted red; background-color: #FFCCCC;}
.dm_unapproved 		   { border: 1px dotted green; background-color: #CCFFCC;}

.dm_license       { }
.dm_license_agree { }

/* ---------- Orderby styles ---------------------------------------- */

.dm_orderby { margin: 0 0 10px 0; padding: 1px 1px 1px 10px; background-color: #EEE; font-size: 10px;  }

/* ---------- Details styles ---------------------------------------- */

/* -- shared styles */
.dm_doc caption, #dm_tooltip caption  
{ margin: auto; padding: 5px 0 5px 0; font-weight: bold; }

.dm_doc table, #dm_tooltip table {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-collapse: collapse;
}

.dm_doc td, #dm_tooltip td {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.dm_doc thead, #dm_tooltip thead       { background-color: #FFCC00; font-weight: bold; }
.dm_doc col#prop			                { background-color: #EEEEEE; }
.dm_doc thead td, #dm_tooltip thead td { text-align: center; }

/* -- specific style when show as seperate page */

#dm_details 		{ width: 100%; text-align: center; }
#dm_details table { margin: auto; }
#dm_details td, #dm_details thead { padding: 5px; }

/* -- specific style when show as tooltip */

#dm_tooltip td, #dm_tooltip thead { padding: 2px; }

/* ---------- Taskbar styles ---------------------------------------- */

dd.dm_taskbar { list-style-type: none; }

dd.dm_taskbar li {
   float: left; list-style-type: none;
   background-image: none;
   padding: 0 0 0 3px;
   margin: 0.5em 0 2px 0;
   /* width:  6em; */
   font-size: 85%;
}
dd.dm_taskbar li a {
   display: block;
	padding-left: 3px;
	padding-right: 3px;
}
dd.dm_taskbar li a:link,
dd.dm_taskbar li a:visited,
dd.dm_taskbar li a:hover {
    color: #696969;
    background-color: #eeeeee;
    text-decoration: none;
}
 dd.dm_taskbar li a:link,
 dd.dm_taskbar li a:visited {
   border-top: 1px solid #cecece;
   border-bottom: 1px solid Gray;;
   border-left: 1px solid #cecece;
   border-right: 1px solid Gray;;
 }
  dd.dm_taskbar li a:hover {
   border-bottom: 1px solid #cecece;
   border-top: 1px solid Gray;
   border-right: 1px solid #cecece;
   border-left: 1px solid Gray;
 }
 
 dd.dm_taskbar li.approve a:link { background-color: #CCFFCC; } 
 dd.dm_taskbar li.publish a:link { background-color: #FFCCCC; }
 
 /* ---------- Toolbar styles --------------------------------------- */
 
 .dm_toolbar    { list-style: none; height: 32px; margin-right: 25px; }
 .dm_toolbar li { float: right; background-image: none; }
 
 .dm_toolbar .dm_btn        { text-indent: -5000px; height: 32px; width: 32px; display: block;}
 .dm_toolbar #dm_btn_save         { background-image: url(../images/save.png)   }
 .dm_toolbar #dm_btn_cancel       { background-image: url(../images/cancel.png) }
 .dm_toolbar #dm_btn_save:hover   { background-image: url(../images/save-over.png)   }
 .dm_toolbar #dm_btn_cancel:hover { background-image: url(../images/cancel-over.png) }

 /* ---------- Form styles ------------------------------------------ */

.dm_form {
    margin: 0 auto;
 	/*width: 35em; */
 	width: 100%;
	padding: 1em 0em 1em 0em;
	border: 1px solid #cecece;
 }

.dm_form fieldset { border: 0 none; margin: 0; padding: 0.5em;}
/* .dm_form br       { display: none; } */
.dm_form label    { display: block; width: 100px; font-weight: bold; float: left; }
.dm_form label.nofloat { float: none; }
.dm_form p        { text-align: left; }
.dm_form fieldset.dm_button    { border-top: 1px solid Gray; }
.dm_form select option.label { background-color: #EEEEEE; border: 1px solid #DDDDDD; color : #333333; }
.dm_form .editor { float: none;  }

#dm_frmupload label { width: 100px; padding-right: 10px;}
#dm_frmupload #dm_btn_back   { float: left;  }
#dm_frmupload #dm_btn_submit { float: right; }
#dm_frmedit { 
width: 100%; 
border: 0 none; 
}
#dm_frmedit #dmthumbnail_preview { float: right; margin-right: 30px; height: 80px; width: 80px; padding: 3px; border: 1px solid silver; }
#dm_frmedit #license-page label  { width: 250px; }
 
/* ---------- Nav styles ------------------------------------------ */

#dm_nav 	  { clear: both; padding-top: 15px; margin-top: 15px; border-top: 2px dotted #ddd;}
#dm_nav div { margin-top: 10px; }