/**
 * Style.css - This file store portal and portlet(non-content) style
 * History :gdfg
 * 20080421.jack.1.177 - add system toolbar
 * 20071005.jamnan.1.176 - remove border from prevnext's prev/next links
 * 20070921.jamnan.1.175 - tweak to layout_fixed
 * 20070914.jamnan.1.174 - minor tweaks to prevnext / freestyle
 * 20070910.jamnan.1.173 - minor tweaks
 * 20070905.jamnan.1.172 - tweak on prevnext style
 * 20070904.jamnan.1.171 - add position:relative to layout_fixed .portlet
 * 20070902.jamnan.1.170 - add loading style for portlet and portal
 * 20070830.jamnan.1.169 - remove position:relative whereever possible, remove default portlet shadow, fix tab to flow to next line when too long
 * 20070809.roy.1.168 - remove "float:left;" from ".tdRightPane .top"
 * 20070731.jamnan.1.167 - style tweak on dialog's bd and reader-block
 * 20070705.jamnan.1.166 - hide substitle by default, add padding to title/subtitle
  * 20070628.jamnan.1.164-1.165 - add cascaded portlet_frame.portlet_reset to make it overrider other styles
 * 20070627.jamnan.1.163 - add portlet_reset
 * 20070627.jamnan.1.162 - style tweak
 * 20070620.jamnan.1.161 - limit .show to background-image only. background-color will be controlled by colstyle
 * 20070615.jamnan.1.160 - fix .show class for IE6
 * 20070615.jamnan.1.159 - add column.show class, add overflow hidden to portlet_content for ie6
 * 20070614.jamnan.1.158 - fix portlet .title color = white, should be confined to portlet_top only
 * 20070614.jamnan.1.157 - minor tweak to portlet
 * 20070613.jamnan.1.156 - minor tweak to portlet
 * 20070611.jamnan.1.155 - minor tweak to msgbar
 * 20070608.jamnan.1.154 - add margin-left to reader's leftpane
 * 20070607.jamnan.1.153 - add samplebox/selected_sample
 * 20070502.jamnan.1.152 - add portlet's tool (for designer only)
 * 20070424.jamnan.1.151 - add savePane style
 * 20070422.jamnan.1.150 - style tweak for miniportal
 * 20070421.jamnan.1.149
 * - adapt to new portlet drag&drop/col resize,
 * - add miniportal/miniportlet, style for portlet_popup, other tweaks
 * 20070410.roy.1.148 - change z-index of .MenuContainer to 10000
 * 20070313.jamnan.1.147 - fix some IE7 compatibility
 * 20070210.jamnan.1.146 - add style for restore_css button
 * 20070207.jamnan.1.145 - update to designbar/banner/controlbar
 * 20070124.jamnan.1.144 - remove login portlet's style from style.css
 * 20070120.jamnan.1.143 - tweak on tab's padding
 * 20070120.jamnan.1.142 - add fussy shadow for firefox
 * 20070115.jamnan.1.141 - style tweaks (fixes for some IE bugs)
 * 20061220.jamnan.1.140 - fix hide_header style
 * 20061219.jamnan.1.139 - minor style tweak
 * 20061130.jamnan.1.138 - minor style tweak
 * 20061129.jamnan.1.137 - style tweak
 * 20061128.jamnan.1.136 - move AlphaImageLoader *filter to style.php so that path (basepath) is correct
 * 20061128.jamnan.1.135 - update tab's style
 * 20061128.jamnan.1.134 - move tab's style from theme.css to here
 * 20061120.jamnan.1.133 - add more portlet margin if under colstyle
 * 20061120.jamnan.1.132 - remove fix font-size for a, use 1em
 * 20061120.jamnan.1.131 - style tweak
 * 20061118.jamnan.1.130 - update on msgbar
 * 20061116.jamnan.1.129 - style tweak for reader
 * 20061103.jamnan.1.128 - style tweak
 * 20061026.jamnan.1.127 - style tweak
 * 20061025.roy.1.126 - community menu style tunes
 * 20061023.jamnan.1.125 - revert 1.124's changes, style tune
 * 20061019.jamnan.1.124 - apply z-index to table under td_message only
 * 20061019.jamnan.1.123 - style tune
 * 20061011.jamnan.1.122 - minor fixes
 * 20061003.jamnan.1.121 - tweak portal_content's height
 * 20060922.jamnan.1.120 - style tweak for td_message
 * 20060921.jamnan.1.119 - style tweak
 * 20060920.jamnan.1.118 - remove width attribute for designbar close button
 * 20060919.jamnan.1.117 - style fix for IE7
 * 20060919.jamnan.1.116 - remove overflow:hidden from portlet
 * 20060918.jamnan.1.115 - make pngbg lang-independent
 * 20060918.jamnan.1.114 - remove portlet's styles (only default left)
 * 20060904.roy.1.113 - styles for help texts
 * 20060831.ray.1.112 - add default fontsize for input,textarea,select fields
 * 20060830.jamnan.1.111 - style tweak
 * 20060830.jamnan.1.110 - add style for designbar's prev / next, change add frame's top to table
 * 20060830.roy.1.109- style tune for "add frame" ; add margin-top to layout menu
 * 20060828.jamnan.1.108- add style for add frame / update some style for fixed_layout
 * 20060828.roy.1.107 - change design bar menuitem structure if there is submenu
 * 20060825.roy.1.106 - set community menu link display to block
 * 20060824.jamnan.1.105 - minor tweak
 * 20060824.jamnan.1.104 - add hide_frame style for portlet
 * 20060824.roy.1.103 - move some styles to themes/NNN/theme.css
 * 20060823.jamnan.1.102 - tune portlet styles under bag layout
 * 20060822.jamnan.1.101 - tune submenu's style
 * 20060821.jamnan.1.100 - revert to non-float designbar, style tune, separate theme-related style.css into theme.css
 * 20060818.roy.1.99 - style tunes for ring post button
 * 20060811.roy.1.98 - style tunes
 * 20060808.roy.1.97 - change icons in design bar
 * 20060807.jamnan.1.96 - minor tweak on iconpane
 * 20060804.ray.1.94-1.95 - update css for login and mailtoicon
 * 20060727.roy.1.93 - minor mod.
 * 20060727.ray.1.92 - add css for trashbin portlet
 * 20060726.jamnan.1.91 - various changes to tab/banner/portlet's styles
 * 20060725.jonathan-1.90 - add reader unread
 * 20060718.jamnan.1.89 - update banner, editToolbar, fixed_layout styles, other updates
 * 20060714.roy.1.88 - change .submenu vertical position
 * 20060713.jamnan.1.87 - fix to tab's vertical position
 * 20060712.jamnan.1.86 - update to tab/portlet/designbar /banner
 * 20060711.roy.1.85 - add commmenu styles
 * 20060627.jamnan.1.84 - change reader's leftpane style to leave room for post type's icons
 * 20060620.jamnan.1.83 - more changes for reader
 * 20060618.jamnan.1.82 - minor change for reader
 * 20060618.jamnan.1.81 - add reader's styles
 * 20060612.jamnan.180 - remove drop-shadow - does not work with favorite editor
 * 20060612.jamnan.1.79 - add z-index to msgcorner
 * 20060612.jamnan.1.78 - add drop-shadow, 'updated' class
 * 20060612.ray-1.77 - update homeicon css
 * 20060610.jonathan-1.76 - Add default blog title alignment
 * 20060610.jonathan-1.75 - Fix portlet height problem
 * 20060610.jonathan-1.74 - Remove float left
 * 20060609.jonathan-1.73 - Remove rbottom
 * 20060608.roy.1.72
 *  - set z-index of lowerpane of designbar to 5000 ; new portlet to 6000
 *  - change style of lowerpane of designbar, make it now popup
 * 20060606.jonathan-1.71 - Remove portal_content position:relative
 * 20060606.roy.1.70 - add style div.row
 * 20060606.jonathan-1.69 - restore top_title class to cater go.php, use custom class to control customizable css
 * 20060605.jonathan-1.68 - add customizable css support
 * 20060527.jamnan.1.67 - add support for design grid / minor changes
 * 20060527.roy.1.66 - add styles for LAYOUT_TYPE_BAG
 * 20060525.jamnan.1.65 - remove z-index from fixed_layout's dummy, minor changes
 * 20060525.jamnan.1.64 - add fixed layout for portlet
 * 20060519.jamnan.1.63 - fix portlet's and reader's CSS
 * 20060519.jonathan-1.62 - Adjust footer font size
 * 20060519.jonathan-1.61 - Remove a{} selector , use body class to control font-weight of a
 * 20060518.jonathan-1.60 - Add body class
 * 20060518.jonathan-1.59 - Change global font-size to 8pt(cont)
 * 20060518.jonathan-1.58 - Change global font-size to 8pt
 * 20060517.jonathan-1.57 - Change add module font-size
 * 20060517.jonathan-1.56 - Add portlet header font-size
 * 20060517.jonathan-1.55 - remove portlet_content selector
 * 20060517.jamnan.1.54 - update font size
 * 20060517.jamnan.1.53 - set reader's size to 10pt
 * 20060517.jamnan.1.52 - add partial firefox support for menu
 * 20060516.jamnan.1.51 - increase menu font size
 * 20060516.jamnan.1.50 - add drop-down menu banner
 * 20060516.jonathan-1.49 - Adjust portlet_content font-size
 * 20060515.jamnan.1.48 - add InlineEditor's style
 * 20060503.jamnan.1.47 - add coldiv's left/right style
 * 20060419.roy 1.46 - change img
 * 20060418.jamnan.1.45 - add transparency to portlet, add css-based bubbletooltip
 * 20060410.jamnan.1.44 - major update to use %-based column size, add designbar, update to tab header for better firefox compatibility
 * 20060410.roy-1.43 - add {img : border:0px}
 * 20060323.jamnan.1.41 - add prev next range style / add some portlet's style
 * 20060322.jamnan.1.40 - add bubbletooltip,
 * 20060316.jonathan-1.39 - Change .portlet_content margin-right to 5px
 * 20060315.jonathan-1.38 - Fix form element issue
 * 20060309.jamnan.1.37 update banner style (again)
 * 20060309.jamnan.1.36 update banner style
 * 20060309.jamnan.1.35 add banner style
 * 20060309.jamnan.1.34 add close/refresh CSS-based icons, add toptitle style
 * 20060308.ray- 1.32 add icons
 * 20060307.jamnan.1.31 minor updates
 * 20060302.jamnan.1.30 add tabdiv style
 * 20060301.ray-1.29 - rename cancelicon to deleteicon
 * 20060228.ray-1.28 - add css for previewicon,mailtoicon,editicon,cancelicon
 * 20060227.jonathan-1.26-1.27 - Add .portlet_content anchor style
 * 20060226.jonathan-1.25 - Remove post level content(migrated to content.css)
 *
 */

/*************************** PAGE LEVEL STYLES ********************************/

/*
html, body, div, table, p {
  margin:0px;
  padding:0px;
  color:#000;
  font:x-small/1.5em Tahoma, Arial, Helvetica, sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
}
*/

html, body { width: 100%; height: 100%;  min-height: 100%;}
html {
   overflow-x:auto;overflow-y:scroll;
}
body { margin: 0; padding:0; }

body.help {
  cursor: help !important;
}
body.help *{
  cursor: help !important;
}
div, ul, h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
#content {
	margin: 0;
	min-width:760px;
	width:100%;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	/* height: 100%;	float:left; */
}

#container {
	float:left;
	width:100%;
	height: auto; 
}

#td_header {
	top: 0px;
	left: 0px;
	width: 100%;
	min-width:760px;
	/*position: fixed;
	*position: absolute;  */
	/*position: absolute;*/
	z-index: 5000;
	/*float:left;
	clear:both;*/
}

#td_footer {
/*	position: fixed;
	*position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%; 
	float:left;	*/
	width:100%;
	clear:both;
}

#td_error {
	/*display:none;*/
	overflow: auto;
	border: 1px solid red;
	color: black;
	background: white;
	width:99%;
	float:left;
	clear:both;
/*  display:none;*/
}
/*
#td_toolbar p, #content p {margin: 1em;}
#td_toolbar ul {margin-left: 0;}
#td_toolbar li {margin: 0 1em 0 2em;}
#td_toolbar {position: absolute; top: 0px; left: 0px; display: none; width: 0px; margin-top: 30px; border-right: 1px solid #333;}
*/
#wizard-div { 
	position:relative;
}

#subpane {
	float:left;
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
}
.subpane2 .item {
	margin-right:20px;
}
/*
::-moz-selection{
	background: #fbdbe8;
	color: #F55B99;
}

::selection {
	background: #fbdbe8;
	color: #F55B99;
}


a:visited, a:link, a:hover  {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	border-bottom: 2px solid #FBDBE8;
	-moz-outline-style: none;
}

a:hover, a:active, a:focus {
	border-bottom: 2px solid #fa90bb;
}*/

/*BODY
{
  scrollbar-face-color:#505050;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#C0C0C0;
  scrollbar-shadow-color:#C0C0C0;
  scrollbar-highlight-color:#C0C0C0;
  scrollbar-3dlight-color:#C0C0C0;
  scrollbar-darkshadow-Color:#C0C0C0;
}*/

.body a {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}

.body a:visited, .body a:link {
    color           : #222;
    text-decoration : none;
}

.body a:hover  {
	color           : #444;
	text-decoration : underline;
}

.body {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size   : 8pt;
	margin:0px;
	padding:0px;
}

.body a {
	font-weight:bold;
}

input, textarea, select {
	font-size: 8pt;
 	padding: 1px;
}

/*
h1{
   margin:0 0 20px 0;
   font:bold 20pt "Tahoma";
   color:#999;
   padding-left:10px;
   text-align:center;
   height:100px;
}*/



img {
   border: 0px;
   /* generally apply this alpha *filter to make sure img will not be transparent */
}



div.portal {
/*	padding: 0 10px; /* allow column to touch top and bottom */
	text-align:left;
	/*float:left;*/
}
div.portal .row {
	position:relative;
	*z-index:1;/*by vicky for submenu(like 800 toolbox) under ie, let it display under div.portletframe of same level*/
}
div.column {
	padding:0 0px 2px 0px;
	overflow:hidden;
	/*height:100%;  no use*/
	/*width is set in code */
	float:left;
	clear:none;
    padding-bottom: 29000px !important; /* allow column colour to extend to bottom */
    margin-bottom: -28999px !important;
}

div.column.show {
/* do not overrider column background color */
	background-image: url(images/drophere.gif);
	background-position: center 12px;
	background-repeat: no-repeat;
}

div.column.show .ColToolbar {
	margin-bottom: 22px;
}

.colstyle1 .portlet_frame, .colstyle2 .portlet_frame {
	margin: 5px 10px 5px 7px;
}


div.row {
	display:block;
	text-decoration: none;
	padding:0px;
	margin:0px 0px 0px 0px;
	/*position: relative; /* this is for coldiv to be positioned */
	/* overflow: hidden;  this affects the scrollIntoView action, but.... */
	overflow:hidden; /* to stop page from extending to the bottom because of padding-bottom: 3000px/margin-bottom: -2999px */
}


div.coldiv {
	background: none;
	visibility:hidden;
}

div.coldiv, div.colhighlight {
	/* this require row to be relative */
	position:absolute;
	top:0px;
	left: 0px;
	bottom: -1px;
	width: 5px;
    _padding-bottom: 3000px !important;
    _margin-bottom: -2999px !important;
    margin-left: -3px;
}

div.colhighlight {
	background: #888;
}

div.colhighlight .left, div.colhighlight .right {
    position:absolute;
    width: 30px;
	background-color:#F00;
	text-align:center;
	color: #fff;
	z-index: 10;
}

div.colhighlight .left
 {
 	left: -30px;
 }

div.colhighlight .right
{
	left: 2px;
}

/*************************************************************/
div.EleEditToolbar{
	height: 14px;
    border: 1px solid #FFF;
    margin-bottom: 2px;
    display:none;
}

div.EleEditToolbar div.EleEditButton{
	border: 1px solid #FFF;
	cursor: pointer;
	width: 12px;
	height: 12px;
	color: red;
	font-weight: bold;
	text-align:center;
	-moz-user-select:none;
}

div.RowToolbar{
    position: absolute;
    width: 26px;
    height: 14px;
    right: 0px;
    top: 0px;
    z-index: 0;
}


div.ColToolbar{
    background: #888;
    z-index: 1;
}

div.RowToolbar div.EleEditButton {
	float: left;
	border-width: 1px 1px 1px 0;
	background: #ccc;
}

div.ColToolbar div.EleEditButton {
	float: left;
	border-width: 0px 1px 0px 0;
}

.imgtd{
   height:5px;
   line-height:1px;
   font-size:1px;
   vertical-align:top;
}


/* http://pro.html.it/esempio/nifty/ */
#td_message {
	text-align:center;
	height:1.5em;
	clear:both;
	position: absolute;
	left: 0;
	top: 40px;
	font-weight: bold;
	font-size: 1.2em;
	visibility: hidden;
	z-index: 10001;
}

#td_message table {
	z-index: 10001;
}

#td_message center {
    padding-bottom: 1px;
}


td.nm {line-height:1.7ex; background-color: #FFCC00; padding: 2px 5px;}
b.rtop, b.rbottom{display:none;}
/*b.rtop b, b.rbottom b{display:block;  overflow: hidden; background-color: #FFCC00; border-color: #FFCC00;
border-style:solid;}
b.rtop b.r1, b.rbottom b.r1{margin: 0 2px; height: 0; line-height:0; font-size: 0; border-width: 1px 0 0 0;}
b.rtop b.r2, b.rbottom b.r2{margin: 0 1px; height: 1px; border-width: 0 1px; line-height:1px;font-size: 1px;}*/

td.error {background-color:#F00; border-color:#F00; color:white;}
.error .r1 {background-color: #F00; border-color:#F00;}
.error .r2 {background-color: #F00; border-color:#F00;}

/*************************** Portlet Styles******************************/

.portlet_frame {
	margin:5px 5px 5px 5px;
	display:block;
	text-decoration: none;
	padding:0px;
	/*
 	*zoom:1;
	*filter:alpha(opacity:50) progid:DXImageTransform.Microsoft.Blur(pixelradius=3);
	*background:#000;*/
	*position:relative; z-index:5;/*by vicky Compare to line 350*/
}

.portlet_frame .w1 {
	padding:0px;
    margin:0px;
	height:100%;
	/*position: relative; /* this is necessary for firefox/ .w2 to work */
	/* *position: relative; /* use IE's blur for shadow, use relative to stop blur*/
}

/*
.portlet_frame .w2 {
	*zoom:1;
	*filter:alpha(opacity:50) progid:DXImageTransform.Microsoft.Blur(pixelradius=3);
	*background:#000;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index:-2;
	position:absolute;
}*/

.portlet_frame .w2 {
	display:none;
}
.portlet_frame .w2[class] s {
	/*position:absolute;
	background:#000000;
	border-top:solid 2px #000000;
	border-left:solid 2px #000000;
	-moz-border-radius:4px;
	border-radius:4px;
	top:0px;
	left: 0px;
	right: -1px;
	bottom: -1px;
	z-index:-2;
	opacity:0.5;
	*display:none;*/
}

.portlet_frame .w2[class] s s {
	opacity:0.7;
	top:-1px;
	left: -1px;
}



/*
.portlet_frame .w1 {
    *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    *background: green;
    height: 100%;
}*/

.portlet .updated {
   position: absolute;
   background-color:#F00;
   text-align:center;
   font-size: 8pt;
   color: #FFF;
   padding : 0px;
   opacity:0.7;
   -moz-opacity:0.7;
   *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   right:0px;
   top:0px;
}

#drag_dummy{
   /*float:left;*/
   padding:0;
   margin:0 0 -2px 0;
   background: red;
   opacity:0.5;
   -moz-opacity:0.5;
   *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   position: absolute;
   height: 10px;
   z-index: 10;
}

#freestyle_dummy {
   /*float:left;*/
   border:1px dotted red;
   padding:0;
   position: absolute;
   min-height: 10px;
   margin:0px 0px 8px 0px;
   z-index: 10;
}

.portlet_freeze .w1 {
	opacity:0.5;
	-moz-opacity:0.5;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.portlet_dragging {
	position: absolute;
	border: 1px solid #444;
	background: #ccc;
	opacity:0.7;
	-moz-opacity:0.7;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	cursor: move !important;
	width: 50px;
	height: 30px;
	margin-left: -25px;
	margin-top: -15px;
	left: 0;
	top: 0;
	z-index: 10;
}

.portlet_new {
	*zoom:1;
	*margin:0px;
	*filter:none;
	*background:transparent;
	clear: both;
	border: 5px solid #ffff00;

}

.add_frame {
/* for portlet adding */
	z-index: 6000;
	width: 400px;
	position: absolute;
	display: none;
}



.add_frame iframe {
position:absolute;top:0;left:0;z-index:-1;*filter:alpha(opacity:0);width:400px;height:800px/*really big value*/;
}

.add_frame .top {
/*	display:none;*/
	background:#FFFFFF none repeat scroll 0%;
}

.portlet_header {
	padding:5px 0px;
	height: 20px;
	display: block;
	overflow: hidden;
	/*position:relative;*/  /*allow alpha loader to show properly, but this stop the events inside header?? */
}

.portlet_main {
	/*background:url("../pngbg/4AAC0030.png") repeat;
	*background: #4AAC00;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	*height:100%;*/
	height: 100%;
	position:relative; /*this is required for portlet_bg position for ff */
	*position:static; 
}

/*.portlet_bg {
	position: absolute;
	width: 100%;
	height: 1000px;
	background: red;
	margin-top: -1000px;
	z-index: -1;
}*/

.portlet {
    display: block;
	/*font:normal 10pt;*/
	overflow:hidden; /*in some cases, full height is hidden *//*by vicky: hidden scrollbar under Chrome5*/
	/*overflowx: hidden;
	overflow-y: visible;*/
	overflow: -moz-scrollbars-none;
	margin:0px;
	/*background-color: White;*/
	/*
	opacity:0.9;
	-moz-opacity:0.9;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); */
	*height:100%;  /* must give height to get opacity effect in IE?? */
	padding:5px;
    /* *position:relative; /* this is required to stop opacity in ie6 & ie7*/
}

.portlet_frame .loading {
	background: url(images/loading_big.gif) center center no-repeat;
}

.portlet_frame .loading  .portlet_content {
	opacity:0.4;
	-moz-opacity:0.4;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}


.layout_fixed .portlet_frame {
	position: absolute;
	*filter:none;		/* Disable portlet drop shadow */
 	*background:none;	/* Disable portlet drop shadow */
	margin: 0px;
	z-index: 1; /* for ff to display layer properly */
}

.layout_fixed .portlet, .layout_bag .portlet {
	overflow:hidden;
}

/*
.layout_fixed .portlet_frame .w1, .layout_fixed .portlet_frame .w2 {
	position: static;
    background: none;
}
*/

.layout_bag  .portlet_frame {
	margin: 0px;
	*filter:none;		/* Disable portlet drop shadow */
 	*background:none;	/* Disable portlet drop shadow */
}

/*
.layout_bag .portlet_frame .w1, .layout_bag .portlet_frame .w2 {
	position: relative;
    background: none;
}
*/

.layout_fixed .portlet {
    overflow-y: auto;
    position: relative; /* this is necessary for scrolling of portlet_content */
    /* position stays at relative to allow content's opacity to be 100%
    *position: static;
    */
}

.layout_fixed .portlet_main {
    height: auto !important;
    *height: 1%;
    *position: absolute; /* for ie7 to display filter effect properly */
}

.layout_fixed .portlet_edit {
}


.layout_fixed #drag_dummy{
   /*float:left;*/
   position: absolute;
   z-Index: 2;
   padding:0;
}

.layout_fixed .portlet_content {
    height: auto;
}


.layout_fixed .resize {
    position: absolute;
    bottom: 0px;
    right: 0px;
	display:block;
	width: 16px;
	height: 16px;
	cursor: se-resize;
	z-index: 2;
}

/*
a.portlet_frame:hover, a.portlet_frame:active {
   text-decoration: none;
}
a.portlet_frame:hover .portlet, a.portlet_frame:active .portlet {
	opacity:1;
	-moz-opacity:1;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}*/

.portlet_header .title0 {
	font-weight: bold;
	overflow:hidden;
	height: 20px;
	position:relative;
	text-overflow: ellipsis;
	margin: 0 5px 0 0;
}

.portlet_header .title, .portlet_header .title_shadow {
	font-weight: bold;
	position: absolute;
	line-height: 1.4em;
	vertical-align:middle;
	left: 0px;
	top:0px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.portlet_header .title_shadow {
	display: none;
}

.portlet_header .edit_title{
	height: 1.0em;
	line-height: 0.9em;
	font-size: 0.9em;
	display:inline-block;
}

.portlet_header .expanded, .portlet_header .collapsed{
	width: 16px;
	height: 16px;
	cursor: pointer;
	float: left;
	padding: 2px 0 0 2px;
	position: relative; /* to avoid opacity inheritance, also allow img to get ontop of shinny top image */
}

.portlet_header .close_sure, .portlet_header .close_ask, .portlet_header .refresh, .portlet_header .startedit, .portlet_header .drag, .portlet_header .share, .portlet_header .maxmium {
	float: right;
	margin: 1px;
	cursor: pointer;
	position: relative; /* to avoid opacity inheritance, also allow img to get ontop of shinny top image */
}

.portlet_header .drag{
   cursor: move;
}
.portlet_frame .rbottom {display:none;}
.portlet_frame .rtop b {background-color: #222; border-color:#222;}

.portlet_top {
	border-style:solid;
	border-width:1px;
	border-color: #494949;
	font-size: 10pt;
	height: 30px; /* needed for opacity to work 1.6em*/
	background: #454545;
}

/*
img.pngbg {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 0;
   background-repeat: no-repeat;
   background-position: -200px -200px;
}

* html img.pngbg {
   *display:none;
}
*/

.portlet_top .title { color: #fff;}

.portlet_bg {
	/* this is under .portlet_main, require position: relative in .portlet_main, for ff only */
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	zoom:1;
	background: white;
	display: block;
	*display: none;
}

.portlet {
	border-style:solid;
    border-color:#222;
    border-width: 0px 1px 1px 1px;
}

.portlet_main, .portlet_main a, .portlet_main a:hover,.portlet_main a:link, .portlet_main a:visited  {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.portlet_main {
	background: white; /* default background */
}

.portlet_frame .color_x {color:#000;}
.portlet_frame .color_y {color:#444;}

.samplebox {
	margin-left: 5px;
	padding: 3px;
}

.samplebox.selected_sample {
	padding: 1px 3px;
	border: 0 solid red;
	border-width: 2px 0;
}

.hide_header .rtop, .hide_header .rbottom {display: none; }
.hide_header .portlet_top {border:0; height: 0;}
.hide_header .w1 {position: relative; } /*this is required for the position of portlet_header */
/*.hide_header .w2 {position: relative !important;}*/
.hide_header .portlet_header {position: absolute !important; right: 0px; top: 2px; z-index: 10001; background: none !important; float:right; height: 20px; border:0; opacity:1 !important; -moz-opacity: 1 !important; *filter: none !important;}
.hide_header .portlet_header .title0, .hide_header .expanded, .hide_header .collapsed {display: none;}
.hide_header .portlet {border: 1px;}

.hide_frame .portlet {padding: 0px; border: 1px;}

.portlet_content{
	overflow-x:hidden;
	overflow-y:hidden;
	/*_overflow-y:hidden; /* this is required for portlet refresh so that content will not go outside portlet */
	padding:0;
	/*font-size: 8pt;*/
	width: 100%; /* require width to make overflow work */
	overflow: -moz-scrollbars-none; /* required for firefox to avoid vertical scrollbar */
	/* *position: relative;/* require to make position: relative elements (when scrolling is required) inside content to behave properly in IE */
	/*z-index: 2;* disabled this 2 lines for post_toolbox.xsl ie6/
}


.portlet_content td {
	/*font-family : Tahoma, Arial, Helvetica, sans-serif;*/
	font-size   : 1em;
}

.portlet_prevnext {
	padding:5px 0 0 0;
/*	margin: 4px 0px;*/
	display: block;
	width:100%;
	clear:both;
	/*text-align: right;*/
	
	/*position:absolute;*/
	top:40px;
	right:0px;
}

.portlet_content .inline_prevnext {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	padding: 0 5px 0 0;
}
.portlet_prevnext a.prev {
    background: url("images/arrow_l.gif") no-repeat top left;
    float: right;
    padding: 0 5px 0 5px;
    margin-right: 2px;
	/*opacity:0.7;
	-moz-opacity:0.7;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	_filter:none; /*text will be fussy under ie6, so don't use opacity */
	/*text-indent: -1em;*/
	text-decoration: none;
	float:left;
}

.portlet_prevnext a.first {
    float: right;
    padding: 0 5px 0 5px;
    margin-right: 10px;
	opacity:0.7;
	-moz-opacity:0.7;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	_filter:none; /*text will be fussy under ie6, so don't use opacity */
}

.portlet_prevnext select {
	padding: 0;
	font-size: 0.8em;
}

.portlet_prevnext a.next {
    background: url("images/arrow_r.gif") no-repeat top right;
    float: right;
    padding: 0 5px 0 5px;
    margin-right: 2px;
	/*opacity:0.7;
	-moz-opacity:0.7;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	_filter:none; /*text will be fussy under ie6, so don't use opacity */
	/*text-indent: -1em;*/
	text-decoration: none;
	float:right;
}

.portlet_prevnext .range {
    float: right;
    padding: 0 5px;
    margin-right: 2px;
    font-weight:bold;
    border: 1px solid;
    display:none;

}


.portlet_edit {
	display: none;
    clear:both;
	background: #ddd;
	padding: 0 0 12px 0;
	overflow-x: auto;
	overflow-y: visible;
	xwidth: 100%;
	z-index: 7000;
	font-size: 8pt;
	border: 1px solid #888;
	/* *position: relative;*/  /* to fix relative elements inside it on IE -- no relative inside anymore*/
}



.portlet_edit label {
    text-align: right;
    display:block;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
 }

/* toolbar for designer */
.portlet_frame .tools {
	position: absolute;
	margin-left: -10px;
}

.dragging{
   *background: none;
   position: absolute;
   z-index: 1;
   /* no transparency for ff
   opacity:0.6;
   -moz-opacity:0.6;*/
   *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
   z-index: 9999;
}

   /* prevent lagging content in ff -  however, this will cause content to spill outside the frame*/
/* .dragging .portlet,  .dragging .w1,  .dragging .w2 {
    position:static;
}*/

.layout_fixed .dragging {
   position: absolute;
   z-index: 0;
   opacity:1;
   -moz-opacity:1;
   *filter:none;
}

/*** for portlet popup */

.portlet_popup .portlet_frame {
	*filter:none;
}

.portlet_popup .w1, .portlet_popup .portlet, .portlet_popup .portlet_content {
	/* since content is scrollable, need to avoid relative position */
	position: static;
}
.portlet_popup .w2 {
	display:none;
}


/********************************************************* PORTAL  *****************************************************************************/
.portal_loading {
	background: url(images/loading_big.gif) center center no-repeat;
}


.portal_frame{
}

.portal_trash {
	position:absolute;
	width: 60px;
	height: 30px;
	background: blue;
	top: -30px;
	right: 0px;
	color: white;
	text-align: center;
	font-size: 10pt;
}

.inside_trash {
	background: red;
}

.portal_header {
	background: #FFF;
	width: 100%;
	float: left;
	display: block;
	/*position:relative; /* to avoid opacity from tab_pane, also affect .message position */
	font-size: 0em;
	opacity:0.7;
	-moz-opacity:0.7;
	color: #000;
	*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);
	*background: transparent;
	/* *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); */
}

.portal_header .context {
	float: left;
	padding: 2px 5px 2px 5px;
	font-size: 10pt;
}

.portal_header .message {
	position: absolute;
	background-color:#F00;
	text-align:center;
	font-size: 8pt;
	color: #FFF;
	padding : 0px;
	opacity:0.7;
	-moz-opacity:0.7;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	right:0px;
	top:0px;
	z-index: 100;
}

.portal_header .helpbar {
	float: left;
	margin: 0;
	padding: 1px 5px 0 5px;
	font-size: 8pt;
}

.portal_header .notation {
    border-right: 2px solid #999;
    float: left;
    font-size: 8pt;

}

.portal_header .notation span {
    padding:0px 3px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    white-space: nowrap;
}
/*
.portal_header .title{
	font-weight: bold;
	padding-top: 1px;
	line-height: 1.4em;
	color: #00368F;
	padding-left: 5px;
}

.portal_header .title input{
  border: 1px solid lightgrey;
  padding-left: 5px;
  color: #333;
}

.portal_header .title a{
	color: #00368F;
}*/

.portal_header .startedit, .portal_header .utility {
	float: right;
	margin: 0;
	padding: 4px 5px 4px 5px;
	font-size: 8pt;
	vertial-align: middle;
}

.portal_header .savePane {
	clear: both;
	font-size: 8pt;
	background: #ffCC00;
	min-height: 2em;
	_height: 2em;
	padding: 5px;
}
.portal_header .savePane button {
	margin: 0 5px;
	vertical-align: middle;
}

.portal_header .utility div {
    font-weight:bold;
    padding:0px 5px;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

/*
.portal_header .setwidth select {
    font-size: 10px;
    position: absolute;
    top: -3px;
    width: 50px;
}

.portal_header .setwidth {
    width: 90px;
    position: relative;
}*/

/*
.portal_header .refresh{
	float: right;
	margin: 2px 2px 2px 2px;
	cursor: pointer;
 	background: url("images/refresh.gif") no-repeat top left !important;
 	width:16px;
 	height:16px;
}
*/

.portal_content{
	padding: 0;
	width: 100%; /* this is required to allow opacity on IE to work */
	float: left;
	clear: both;
}

.layout_col .portal_content{
	/* use this to get min height */
	/* use float (above) to get full height */
    min-height:300px;
	_height: 300px;
}

 .layout_fixed .portal_content {
 	padding: 0 0 10px 0;
 	width: 100%;
	height: 100%; /* will be overridden with fixed value */
 	position: relative; /* used for absolute positioned portlet - moved from .portal */
 }

 .layout_fixed .portal {
 	/* position: relative;*/ /* used for absolute positioned portlet - disabled because prob with ie6 */
 	padding: 0px;
}

.portal_grid {
	background: transparent url(images/20x20grid.gif) repeat;
}

.confirm {
    color:red;
}
.portal_edit {
	display: none;
	margin:0px 2px 2px 2px;
	clear:both;
	background: #EFF5FF;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #B9D0ED;
	border-top: 1px solid #D3E2F4;
/*	*position: relative; /* to avoid opacity in ie*/
}

.portal_edit label {
    text-align: right;
    display:block;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
 }



.layout_fixed div.row {
	position: static;
}


.tab_panes {
   float:left;
   clear:both;
   margin: 0px; /* avoid content width > 100% */
   padding: 0px;
   width:100%;
   /* use min-height to get height for background to show */
    min-height:300px;
	_height: 300px;

 }


/*
 .tab_footer[class]{
	background:#000;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	opacity:0.5	;
	*position:static;
	*opacity:1;
	*background:transparent;
}*/

/*.tab_container, .tab_header {
	xposition:relative;
	x_position:static;
}*/

/*
.tab_container:after {
	content: " ";
	display:block;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	opacity:0.5	;
}
*/


.tab_pane {
	float:left;
	margin: 0px; /* avoid content width > 100% */
	padding: 0px;
	width:100%;
	min-height:300px;
	_height: 300px;
}

.tab_container {
    min-height:300px;
	_height: 300px;
    clear:both;
	float:left;
	width:100%;
}

/** banner styles **/

#banner a:hover {
    background: #ccc;
    cursor: pointer;
}

#banner .submenu {
    position:absolute;
    display: none;
    z-index: 10000;
    background: white;
    border: 1px solid #aaa;
    margin-top: 1px;
}

#banner .itemContainer {
    background: white;
    padding:1px 0px;
}

#banner .submenu a {
    clear: both;
    font-size: 8pt;
    padding: 4px;
    white-space: nowrap;
}

#banner ul li.disabled, #controlbar ul li span.disabled {
	opacity:0.5;
	-moz-opacity:0.5;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
/*
#banner .menu, #banner .menuOut {
	float: right;
	vertical-align: middle;
	height: 27px;
	display: block;
	position: relative;
	z-index: 10000;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
}

#banner .menuOut {
	width: 350px;
}

#banner .menu {
	width: 450px;
}


#banner .menuOut, #banner .menuOut a {
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #AAA;
}


#banner .menu li, #banner .menuOut li {
    float: right;
}

#banner .go {
	margin-top: 2px;
	margin-right: 15px;
}

#banner .home {
	margin-top: 2px;
	margin-right: 15px;
}

#banner a .toggle_help{
	width: 18px;
	height: 16px;
	background: url(images/help.gif) no-repeat center center;
}
*/

/************************** UTILITY STYLES ************************************/
.clearBoth{
   clear:both;
}

.floatRight{
   float:right;
}

.floatLeft{
   float:left;
}

.underline{
   border-bottom:1px solid #ccc;
}

.display_block{
   display:block ! important;
}



#toolbar {
	xwidth:100%;
	valign:top;
}

#dropzone {
	overflow:hidden;
	width:98%;
	float:left;
    margin:5px 0px 5px 0px;
}

#dropzone.active {
    background-color:#ccc;
}

#portalMenu {
	/*background: #EFF5FF;*/
	width:98%;
	overflow:hidden;
	float:left;
    margin:5px 0px 5px 0px;
}
#portalMenu .separator{
	margin: 10px 6px 8px 6px;
	border-top: 1px solid #C7DCFF;
	-moz-user-select: none;
}

#portalMenu .itemUL {
	padding: 2px 0 1px 10px;
	float:left;
	margin: 0;
}
#portalMenu .itemLi {
	clear: both;
	border: none;
	padding: 2px 2px 0 7px;
	margin: 0;
}

#portalMenu .folderIcon{
	width: 16px;
	height: 16px;
	background-image: url(images/folder.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}
#portalMenu .loadingIcon{
	width: 18px;
	height: 18px;
	background-image: url(./images/loading.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
}
#portalMenu .showMenu{
	width: 16px;
	height: 16px;
	float: left;
	background-image: url(images/hideMod.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#portalMenu .hideMenu{
	width: 16px;
	height: 16px;
	float: left;
	background-image: url(images/showMod.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#portalMenu .text{
	display: inline;
	margin-left: 5px;
	line-height: 1.4em;
}

#portalMenu .navLoading{
/*	color: #F00;*/
	font-weight: normal;
	padding: 2px 0 2px 21px;
	display: block;
	height:100%;
}

#utilityMenu {
	/*background: #EFF5FF;*/
	overflow:hidden;
	float:left;
    margin:5px 0px 5px 0px;
}

#utilityMenu .content{
	/*background: #EFF5FF;*/
	float:left;
	display:inline-block;
}

#utilityMenu .itemUL {
	padding: 2px 0 1px 10px;
	margin: 0;
}
#utilityMenu .itemLi {
	clear: both;
	border: none;
	padding: 2px 2px 0 7px;
	margin: 0;
}

#td_designbar .upperpane {
	width: 99%;
	float: left;
	clear:both;
	padding: 0px;
}

#td_designbar .lowerpane {
  width: 99%;
  float: left;
  clear: both;
  overflow: hidden;
  border: 1px solid #a5bece;
  position: absolute;
  background: #FFF;
  color: #000;
  margin-top: 18px;
  _margin-top:0px; /* for ie6 */
  left: 5px; /* must add for ie7 */
  z-index: 1;
}

#td_designbar .contentpane {
}

#td_designbar .lowerpane .close {
	bottom: 0px;
	right: 0px;
	position: absolute;
	cursor: pointer;
	text-align: right;
	z-index: 0;
}

#td_designbar .leftpane {
  width: 250px;
  height:100%;
  border: solid #a5bece;
  border-width: 0 1px 0px 0px;
  overflow-y: auto;
  overflow-x: hidden;
  float:left;
  display:block;
  clear:none;
  position: relative;
  z-index: 1;
}
#td_designbar .rightpane {
  height:100%;
  overflow: auto;
  float:left;
  display:block;
  clear: none;
}

#td_designbar .leftpane .prevnext{
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 12px;
	padding: 2px;
}

#td_designbar .prevnext .prev {
    background: url("./images/arrow_left.gif") no-repeat top left;
    padding: 0 5px 0 12px;
    color: #907474;
	text-align: right;
}

#td_designbar .prevnext .next {
    background: url("./images/arrow_right.gif") no-repeat top right;
    padding: 0 12px 0 5px;
    color: #907474;
	text-align: right;
}

#td_designbar .separator{
	margin: 10px 6px 8px 6px;
	border-top: 1px solid #C7DCFF;
	-moz-user-select: none;
}

#td_designbar .itemUL {
	padding: 0 0 1px 0;
	float:left;
	margin: 0;
	width: 100%;
}

#td_designbar .itemLI {
	clear: both;
	border: none;
	padding: 2px 2px 0 7px;
	margin: 0;
	width: 100%;
}

#td_designbar {
  _height: 20px;
  display: none;
  z-index: 2; /* need to get above portlets. this will affect drop down on the designbar */
  clear:both;
  border-top: 1px dotted #ddd;
}


#td_designbar .addmodule {
    float: left;
    display:block;
}

#td_designbar .utility ul, #td_designbar .addmodule ul {
    clear:none;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	list-style-type: none;
}

#td_designbar .menuItem{
	height: 16px;
	padding-left:5px;
	overflow: hidden;
	cursor:pointer;
	-moz-user-select: none;
}
#td_designbar .menuHeader{
	height: 16px;
	padding-left:5px;
	overflow: hidden;
	font-weight: bold;
	cursor:pointer;
	-moz-user-select: none;
}

#td_designbar .leftpane img{
	float: left;
	margin-right: 2px;
}

#td_designbar .addmodule li, #td_designbar .utility li{
	/*background: url(images/add.gif) no-repeat;*/
	display: block;
	position: relative;
	white-space: nowrap;
	/*height: 60px;*/
	float: left;
	cursor: pointer;
	/*padding: 2px 2px 0 18px;*/
	padding:2px;
	font-weight: bold;
}

#td_designbar .utility li.layout {
	padding-left:0px;
	/*background: url(images/switch.gif) no-repeat;*/
}

#td_designbar .utility li.switchlayout {
	background: url(images/start.gif) no-repeat;
}

#td_designbar .utility li.savedesign {
	background: url(images/save.gif) no-repeat;
}

#td_designbar .utility li.exitdesign {
	/*padding-left:0px;*/
	/*background: url(images/exit.gif) no-repeat;*/
}
#td_designbar .utility li.exitdesign li.saveastemplate .toggle div, #td_designbar .utility li.layout .toggle div,#td_designbar .utility li.page .toggle div {
	padding-left:18px;
}

#td_designbar .utility li.page {
	padding-left:0px;
}


#td_designbar .utility li.finish {
	background: url(images/finish.gif) no-repeat;
}

#td_designbar .utility {
    float: left;
    display:block;
    position: relative;
    z-index: 1000;
}

#td_designbar .utility ul {
    clear:none;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	list-style-type: none;
}



#td_designbar .title {
  padding: 2px;
  margin: 0 0 2px 0;
  background-color: #edf2fb;
  font-weight: bold;
  color:#333;
  width:100%;
}

#td_designbar .selected {
	background-color: #d1e9f5;
}


#td_portal {
/*
    min-height:500px;
    height: auto !important;
	*height: 500px;
	*/
	margin: 0 auto;
}

#toolbar .menuItem{
	height: 16px;
	padding-left:5px;
	overflow: hidden;
	background: #EFF5FF;
	cursor:pointer;
	-moz-user-select: none;
}
#toolbar .menuHeader{
	height: 16px;
	overflow: hidden;
	font-weight: bold;
	background: #EFF5FF;
	cursor:pointer;
	-moz-user-select: none;
}

#toolbar .title {
  padding             : 1px 2px 1px 3px;
  border-style        : solid none solid none;
  border-top-color    : #BDC7E7;
  border-bottom-color : #182052;
  border-width        : 1px 0px 1px 0px;
  background-color : #6b79a5;
  color:#ced7ef;
}



.msgcorner {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1px 3px 1px 3px;
	background: #EE0000;
	color: white;
	z-index: 10002;
	opacity:0.7;
	-moz-opacity:0.7;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	font-size: 10pt;
	font-weight: bold;
	height: 1.2em;
}


/************************** CSS Rollover Button ******************************/

a.button, a.buttonDis {
	display: block;
	background-color: transparent;
	background-image: url(/images/button/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
a.button:link, a.button:visited {
	color: #002577;
}
a.button:hover, a.button:active {
	background-position: 0 -36px;
	color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
	background-position: 0 -72px;
	color: #5F5F5F !important;
	cursor: default;
}

.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
cursor: pointer;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(/images/button/ok.gif);
}
#buttonCancel .icon {
background-image: url(/images/button/cancel.gif);
}
/*
#buttonRing .icon {
background-image: url(/images/button/ring.gif);
}
*/
a.buttonRing div{
	background: url(/images/button/Mookr_RingThisPost_off.gif) no-repeat top left;
	width: 120px;
	height: 25px;
}
a.buttonRing:hover div{
	background: url(/images/button/Mookr_RingThisPost_on.gif) no-repeat top left;
}


#td_footer {
	background: #fff;
}

#footer {
	margin:0;
	padding:0;
	border-top: 1px solid #BBE0EB;
	clear: both;
	font-size: 8pt;
	color: #333;
	height:2.5em;
	z-index: 9999;
}
#footer p {
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	margin:0;
	width: 800px;
	margin: 0 auto;
}
#footer a {
	color: #333;
}

/*************************** Attachment upload style ********************************/

#uploadattachment {
	margin: 3px;
}

#uploadiframe {
	border-width: 0px;
	width: 400px;
}
#uploadiframe iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
	position: absolute;
	float:right;
}

#images {
	width: 90%;
	margin: 0px;
}

#images div {
	margin: 0px;
	border-style: solid;
	border-width: 2px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
}
#imagescollection li {
	display:block;
	float:left;
	list-style-type:none;
	list-style: upper-roman outside;
	width:100%;
	margin:2px;
	padding:10px;
}

#imagescollection li.deleted {
	display:block;
	float:left;
	list-style-type:none;
	list-style: upper-roman outside;
	width:100%;
	margin:2px;
	padding:10px;
	color: #529EBD;
	background: #DEDFDE;
}

#images div:hover {
	border-color: #529EBD;
}

#images img.load {
}
#images img.loaded {
	cursor:hand;
}

.readerTable {
	margin: 5px;
	width: 99%;
	/* *position: relative; /* to avoid opacity to come through in ie*/
	/*table-layout: auto;*/
}

.tdLeftPane{
	vertical-align: top;
	border: 1px solid #C4DAFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-color: #eee;
    padding: 10px 0 0 0;
	width: 250px;
}

.tdLeftPane .top {
    text-align: center;
    padding-bottom: 3px;
    height: 16px;
    width: 100%;
 }

 .tdLeftPane .control {
    text-align: center;
    padding-bottom: 3px;
    height: 16px;
    width: 100%;
	border-bottom:2px solid #DDDDDD;
 }

 .tdLeftPane .control span {
    padding: 2px 4px;
    font-weight: bold;
    font-size: 0.9em;
    cursor: pointer;
 }


.tdLeftPane .wrapper {
    padding: 3px 0;
	height: 500px;
	overflow-y: hidden;
	position: relative;
    width: 100%;
}

.tdLeftPane .leftPane {
	display:block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.tdLeftPane .leftPane .headline {
	display:block;
	clear:both;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid #CCD0D9;
	padding:3px 3px 3px 5px;
	margin-left: 3px;
	/*background: url(/images/folderSmall.gif) no-repeat 5px 4px;*/
	background-position-x: 2px;
	background-position-y: 2px;
	background: #FFF;
	/*height: auto !important;*/
	_height: 1%;
	width: 235px;
	border-right:4px solid #999;
	*border-right:0;
	*width:240px;
}

.tdLeftPane .leftPane .headline a{
	font-weight: normal;
}

.tdLeftPane .leftPane .unread a {
	font-weight: 700;
}

.tdLeftPane .leftPane .selected {
    border-top: 1px solid #A3B6EE;
	border-bottom: 1px solid #A3B6EE;
	background-color: #d6d6FF;
}

.tdLeftPane   .selector {
	border: 4px solid #999;
	border-right: 4px solid #fff;
	position: absolute;
	margin-top: -4px;
	left: 0px;
	width: 242px;
	*left: -3px;
	*width: 250px;
	z-index: 1000;
}

.tdLeftPane  .leftPane .headline div {
    border-top: 1px dashed #ddd;
    margin-top: 2px;
    padding-top: 2px;
    display: block;
    text-align: right;
    height: 1.2em;
    overflow: hidden;
    width: 100%;
}


 .tdLeftPane .bottom {
}

.tdLeftPane  .nomore {
    
}


.tdRightPane {
	vertical-align: top;
	background: #FFF;
	
	
}

.tdRightPane .top {
    padding-bottom: 2px;
    /*border-bottom: 1px dashed #aaa;*/
    /*float:left;*/
    width:100%;
    clear:both;
	min-height:16px;
	_height:16px;
 }

.tdRightPane .rightPane {
    height: 550px;
    padding:10px;
	border: 4px solid #999;
	margin-left:-5px;
	*margin:0;
}

.tdRightPane .main {
    height: 540px;
    width: 100%;
	overflow: auto;
	float:left;
	clear:both;
	border-top: 1px dashed #aaa;
}

.tdRightPane .reader-block {
	  float: left;
	  display:none;
	  width:100%;
}

.tdRightPane .reader-block .main {
	  position: relative; /* to allow positive relative content to scroll properly */
}

/*************************** All icons ********************************/
.homeicon{
 background: url("images/home.gif") no-repeat top left !important;
 width:15px;
 height:15px;
 padding-left:16px;
 cursor:hand;
}
.previewicon{
 background: url("images/approve.gif") no-repeat top left !important;
 width:48px;
 height:18px;
 cursor:hand;
}
.mailtoicon{
 background: url("images/mailto.gif") no-repeat top left !important;
 width:16px;
 height:16px;
 cursor:hand;
}
.editicon{
 background: url("images/edit.gif") no-repeat top left !important;
 width:15px;
 height:15px;
 cursor:hand;
}
.deleteicon{
 background: url("images/cancel.gif") no-repeat top left !important;
 width:15px;
 height:15px;
 cursor:hand;
}


.bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
	z-index:10001;
}

.bubble_tooltip .content {
	display:block;
	background-color: #D1D1FF;
	border-color: #7474FF;
	border-style:solid;
	padding: 0px;
	border-width: 0 1px;

}
.bubble_tooltip .content div {
	font-color: #000;
	*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88D1D1FF, endColorstr=#CCEEEEF5, GradientType=1);
	font-weight:bold;
	padding: 5px;
	height:100%;
}

.bubble_tooltip b.rtop, .bubble_tooltip b.rbottom{display:block;}
.bubble_tooltip b.rtop b, .bubble_tooltip b.rbottom b{display:block;  overflow: hidden; background-color: #D1D1FF; border-color: #7474FF;
border-style:solid;*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88D1D1FF, endColorstr=#CCEEEEF5, GradientType=1);}

.bubble_tooltip b.rtop b.r1, .bubble_tooltip b.rbottom b.r1 {margin: 0 2px; height: 0; line-height:0; font-size: 0; border-width: 1px 0 0 0;}
.bubble_tooltip b.rtop b.r2, .bubble_tooltip b.rbottom b.r2 {margin: 0 1px; height: 1px; border-width: 0 1px; line-height:1px;font-size: 1px;}

b.atop, b.abottom {display:none; position: relative;}
b.abottom {top: -1px;}
b.atop {top: 1px;}
b.atop b, b.abottom b{display:block;  overflow: hidden; background-color: #D1D1FF; border-color: #7474FF;
border-style:solid;*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88D1D1FF, endColorstr=#CCEEEEF5, GradientType=1); border-width: 0 1px;}


b.atop b.a1, b.abottom b.a1{margin: 0 0px; height: 1px; line-height:1px; font-size: 1px; width: 0px; }
b.atop b.a2, b.abottom b.a2{margin: 0 1px; height: 1px; line-height:1px;font-size: 1px;width: 2px;}
b.atop b.a3, b.abottom b.a3{margin: 0 2px; height: 1px; line-height:1px;font-size: 1px;width: 4px;}
b.atop b.a4, b.abottom b.a4{margin: 0 3px; height: 1px; line-height:1px;font-size: 1px;width: 6px;}
b.atop b.a5, b.abottom b.a5{margin: 0 4px; height: 1px; line-height:1px;font-size: 1px;width: 8px;}
b.atop b.a6, b.abottom b.a6{margin: 0 5px; height: 1px; line-height:1px;font-size: 1px;width: 10px;}
b.atop b.a7, b.abottom b.a7{margin: 0 6px; height: 1px; line-height:1px;font-size: 1px;width: 12px;}
b.atop b.a8, b.abottom b.a8{margin: 0 7px; height: 1px; line-height:1px;font-size: 1px;width: 14px;}


.verified {
 background: url("images/verified.gif") no-repeat top right ;
 padding-right: 18px;
 }

 input.unverified {
 background: #FFECEC;
 }

 input.InlineEditor {
 height: 1.2em;
 font-size: 1em;
 width:95%;
 margin:0;
 padding:0;
 text-align: left;
 }

 /**
 * Bag layout spec styles
 */
.layout_bag table.tbl_template{
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.layout_bag td, .layout_bag tr, .layout_bag tbody{
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align:top;
}


/** community menu styles **/
.MenuContainer{
	position: absolute;
	right:0px;
	top:40px;
	clear: none;
	overflow-x:hidden;
	overflow-y:visible;
	padding: 1px;
	z-index: 10000;
}

.MenuContainer a, .MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:hover{
	font-size: 8pt;
}

.MenuContainer .hidden{
	display:none;
}
.MenuContainer .visible{
	display:inherit;
}

/* icon pane */
.MenuContainer .IconPane{
	overflow-x: hidden;
	overflow-y: visible;

}

.IconPane .IconList{
	overflow-x: hidden;
	overflow-y: visible;
}

.MenuContainer .IconToggle{
	width: 13px;
	cursor: pointer;
	-moz-user-select: none;
	vertical-align: middle;
}

.IconPane .IconItem{
	width: 56px;
	height: 66px;
	cursor: pointer;
	-moz-user-select:none;
	text-align:center;
	vertical-align:top;
	border:1px solid #ccc;
	padding:1px;
	background: #FFF;
}

.IconItem a:hover{
	text-decoration:none;
	background: #ccc;
}

.IconPane .IconLink{
    font-size: 7pt;
    display: block;
    height: 100%;
    width:  60px;
    text-align:center;
    overflow:hidden;
}

.IconPane .IconImage{
    display: block;
    margin:2px auto;
}

/******* trashbin ********/
#trashbin .title{
 	border-bottom: 10px solid #FBDBE8;
}
#trashbin .checkall,.deleteselected,.emptytrash,.checkall{
	color:#050;
	font-size:84%;
	font-weight:bold;
	background-color:#cceeff;
}
#trashbin .filecounts{
	float:right;
	font-weight:bold;
	font-size:84%;
	padding-bottom:14px;
}

/** exitmenu styles **/
.exitmenu .itemContainer{
	margin-top:2px;
	*width:145px;
	font-weight:600;
	display:none;
	position:absolute;
	background:#FFF;
	border:1px solid #aaa;
	color: #666;
	padding:1px 0px;
}
.exitmenu .item{
	padding:5px;
}
/** layoutmenu styles **/
.layoutmenu .itemContainer{
	margin-top:2px;
	color:#666;
	display:none;
	position:absolute;
	background:#FFF;
	border:1px solid #aaa;
	padding:1px 0px;
}
.layoutmenu .item{
	padding:5px 8px;
	border-bottom:1px dashed #CCC;
	text-align:center;
}

/** pagemenu styles **/
.pagemenu .itemContainer{
	margin-top:2px;
	*width:145px;
	font-weight:600;
	display:none;
	position:absolute;
	background:#FFF;
	border:1px solid #aaa;
	color: #666;
	padding:1px 0px;
}
.pagemenu .item{
	padding:5px;
}

/** **/
.tooltip_box{
	position: absolute;
	padding: 5px 10px;
	border: 1px solid #666;
	background: #ffc;
	z-index: 6001;
	width: 200px;
	min-height: 50px;
	_height: 50px;
	vertical-align: middle;
	z-index: 15001;
}
.visible{
	display:block;
}
.hidden{
	display:none;
}

/* common style for tab set */
#tabContainer {
	float: left;
	width: 100%;
}

#tabHeader {
	float: left;
	width: 100%;
}

#tabLinks {
	width:100%;
	display: block;
	float: left;
	clear:both;
	background: transparent;
	padding-top: 5px;
	border-bottom: 1px solid #000;
	font-size: 9pt;
}

.tabs {
	margin:0;
	list-style:none;
	padding: 0 0 0 2px;
	margin-right: 5px;
}

.tabs li {
  float:left;
  list-style:none;
  margin:0;
  line-height: 1.4em;
  margin-right: 2px;
  margin-top: 0px;
  display: block;
  overflow:hidden;
  height: 2.1em;
}

.tabs a {
	text-decoration:none;
	display:block;
	float: left;
	cursor: pointer;

}

.tabs div  {
	display:block;
	float: left;
	padding:0.3em 10px 0.3em 10px;
	font-weight:bold;
	color:#333333;
	white-space: nowrap ;
	height: 1.4em;
	border-color: #000;
	border-top: 1px solid ;
	overflow: hidden;
	position: relative;
	background-color: #888;
	font-family: Arial, Helvetica, sans-serif;
}

.tabs div span {
  white-space: nowrap ;
  line-height: 1.4em;
}

.tabs a:hover div {
  background-image: none;
  *filter: none;
 }

.tabs a:hover b {
}

.tabs img.tab_close {
  position: absolute;
  right: -2px;
  top: 0px;
}

.tabs img.tab_loading {
  left: -2px;
  top: 0px;
  position: absolute;
}

.tabs b {
  height: 2em;
  display:block;
  float: left;
  background: #888;
  border-color: #000;
  width:0px;
}
/*
.tabs .s1 {
  margin-top: 2px;
  border-left: 1px solid;
}

.tabs .s2 {
  border-top: 1px solid;
  margin-top: 1px;
  width: 1px;
}
*/
.tabs a:hover {
   /* not sure why - but this is required in IE6 to enable a:hover childnodes */
	text-decoration:none;
}

 /*.tabs li {
 position: relative;
  top: 1px;
}*/

.tabs .current div, .tabs .current b, .tabsFixed .current div, .tabsFixed .current b  {
	background: white;
	*filter: none;
 }

 .tabs li.current div {
  position: relative;
  top: 1px;
 }

/* for pref_edit_css only */
.tab_corner_square .tabs  .s1, .tab_corner_square .tabs .s2{
 display:none;
}

.tab_submenu .tabs {
	font-size: 8pt;
}

.tab_submenu .tabs div,  .tab_submenu .tabs b {
	background-color: #888;
	border-color: #333;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

.tab_submenu .tabs .current div, .tab_submenu .tabs .current b {
	background: white;
	*filter: none;
 }

.tab_corner_square .tabs div {
  border-left: 1px solid;
  border-right: 1px solid;
}

.tab_body_plain .tabs div {
  *filter: none;
  background-image: none;
}

.tab_body_plain .tabs a:hover div {
  background-image: none;
  background-color: white;
  *filter: none;
 }

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

#restore_css {
	text-align: right;
	background: #ffc;
}

#restore_css button {
	margin: 2px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid black;
	background: #fff;
	width: 200px;
}

.miniportlet {
	margin: 2px;
	padding: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #fff;
}

.miniportlet_freeze {
	opacity:0.5;
	-moz-opacity:0.5;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	*height: 1%;
}

.minicol {
	float: left;
	clear: none;
   	overflow:hidden;
	border: 1px solid #ccc;
	border-width: 1px 0;
}

.minirow {
	text-align: center;
	overflow:hidden;
	paddingBottom: 2px;
	color: #000;
	margin: 2px;
	background: #ccc;
	border: 1px solid #ccc;
	border-width: 1px 0;
}

.miniportlet_content {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}


#process_dialog .bd {
	overflow-y: scroll;
	overflow-x: auto;
	padding: 10px 20px;
}

/* portlet_reset style */
.portlet_frame.portlet_reset, .portlet_frame.portlet_reset .portlet_top, .portlet_frame.portlet_reset .portlet_header, .portlet_frame.portlet_reset .portlet, .portlet_frame.portlet_reset .portlet_main,
.portlet_frame .portlet_reset, .portlet_frame .portlet_reset .portlet_top, .portlet_frame .portlet_reset .portlet_header, .portlet_frame .portlet_reset .portlet, .portlet_frame .portlet_reset .portlet_main
{
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	height: auto;
}
.portlet_frame.portlet_reset .w2,
.portlet_frame .portlet_reset .w2 {
	display:none;
}

.portlet_frame.portlet_reset .portlet_main,
.portlet_frame .portlet_reset .portlet_main,
.portlet_frame.portlet_reset,
.portlet_frame .portlet_reset {
	position: static;
}


.portlet_frame .portlet_reset .loading {
	background: url(images/loading_square.gif) center center no-repeat;
	height: 50px;
	min-height: 50px;
}

* html .portlet_frame.portlet_reset .portlet_header,
* html .portlet_frame .portlet_reset .portlet_header {
	background: none;
	filter: none;
}

.tab_header .subtitle { /* hide subtitle by default */
	display: none;
	padding: 0 8px;
}

.tab_header .title {
	padding: 0 8px;
}



#contextbar #td_designbar {background: #ccc url(/custom/IQEpoch_cn/bg.png); height: 96px;}

#td_designbar .lowerpane {*margin: 0px;margin-top:96px;*margin-top:7px;}

#td_designbar .upperpane .toolgroup {padding-top:3px;float:left;}

#td_designbar .upperpane .toolgroup .toolbar {height:86px;float:left;background: transparent url(/custom/IQEpoch_cn/toolbarbg.png) repeat-x;}
#td_designbar .upperpane .toolgroup .toolbar:hover {
height:86px;float:left;background: transparent url(/custom/IQEpoch_cn/toolbarbg_hover.png) repeat-x;}


#td_designbar .upperpane .toolgroup .righttool {float:left;width:5px;height:86px;background: transparent url(/custom/IQEpoch_cn/toolbarbgR.png) no-repeat;}
#td_designbar .upperpane .toolgroup .toolbar .title {background:transparent;height:20px;text-align:center;color:#FFFFFF;font-size:11px;font-weight:none;}
#td_designbar .upperpane .toolgroup .toolbar .content {background:transparent;text-align:center;}
#td_designbar .upperpane .toolgroup .toolbar .content .addPortlets{	background: transparent url(/custom/IQEpoch_cn/addPortlet.png) no-repeat scroll center top;padding-top:40px;}
#td_designbar .upperpane .toolgroup .toolbar .content .addRSS{ background: transparent url(/custom/IQEpoch_cn/addRSS.png) no-repeat scroll center top;padding-top:40px;}
#td_designbar .upperpane .toolgroup .toolbar .content .addLayout {padding-left:0px;background: transparent url(/custom/IQEpoch_cn/pageLayout.png) no-repeat scroll center top;padding-top:40px;}
#td_designbar .upperpane .toolgroup .toolbar .content .addPage {padding-left:0px;background: transparent url(/custom/IQEpoch_cn/addPage.png) no-repeat scroll center top;padding-top:40px;}
#td_designbar .upperpane .toolgroup .toolbar .content .exitdesign {padding-left:0px;background: transparent url(/custom/IQEpoch_cn/exitDesign.png) no-repeat scroll center top;padding-top:43px;}
#td_designbar .upperpane .toolgroup .toolbar .content .saveastemplate {padding-left:0px;background: transparent url(/custom/IQEpoch_cn/exitDesign.png) no-repeat scroll center top;padding-top:43px;}



/* System Toolbar */
#sys_toolbar {
	display: block; 
	width: 100%; 
	margin-top: 0px;
	background:#fff url(./images/sys_toolbar_bg_space.gif) left top repeat-x;
	white-space:nowrap;
	height:24px;
	position:relative;
	z-index:5000;
}
#sys_toolbar .menu {
	margin:0pt;
	padding:0pt;
	min-width:984px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<984?"984px":"");
	width:auto !important;
	height:24px;
	background:url(./images/sys_toolbar_bg_space.gif) left top repeat-x;
	overflow:hidden;
}

#sys_toolbar .com {
	background:url(./images/sys_toolbar_bg_commu.gif) left top repeat-x;
}
#sys_toolbar .menu .firstlevel_button {
	height:24px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display:block;
	padding:0;
}
#sys_toolbar .menu .firstlevel_button a.rss_btn {
	background:none;
	text-indent:5px; display:none;
}
#sys_toolbar .menu .firstlevel_button a.space_btn{
	background:url(./images/home.gif) no-repeat; width:17px}
/*{background:url(./images/go_btn.png) center center no-repeat; width:60px; text-indent:0; text-align:center; padding:0}
{background-image:url(./images/go_btn1.png) ; }*/
#sys_toolbar .menu .firstlevel_button a.homepage_btn{width:20px; text-indent:0;padding-top:3px; background:none}
#sys_toolbar .menu .firstlevel_button a.replicate_btn,#sys_toolbar .menu .firstlevel_button a.go_btn{background:url(./images/replicate.gif) center center no-repeat; width:105px;text-indent:0; text-align:center; padding:0}
#sys_toolbar .menu .firstlevel_button a.replicate_btn:hover,#sys_toolbar .menu .firstlevel_button a.go_btn:hover{background-image:url(./images/replicate1.gif) ; }

#sys_toolbar .menu .separator {
	height:24px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display:block;
	background:url(./images/line.gif) left center no-repeat;
	width:10px;
	display:none;

}
#sys_toolbar .menu .firstlevel_button .submenu {
	position:absolute;
	z-index:5000;
	clear:both;
}
/* First Level Toolbar */
#sys_toolbar .menu .firstlevel_button a {background-image:url(./images/sys_toolbar_icon_space.gif);height:24px; display:block; line-height:21px; text-indent:25px; color:#fff; padding-right:8px; font-weight:normal;_float:left; font-size:8pt}
#sys_toolbar .com .firstlevel_button a {background-image:url(./images/sys_toolbar_icon_commu.gif);}
#sys_toolbar .menu .firstlevel_button a:hover{text-decoration:none; line-height:22px}
#sys_toolbar .menu .firstlevel_button a.disabled {
	background-image:url(./images/sys_toolbar_icon_disabled.gif); text-decoration:line-through; display:none
}
#sys_toolbar .menu .firstlevel_button a.disabled:hover{line-height:21px} 
#sys_toolbar .menu .firstlevel_button a.submenu_button{background-image:none; padding:0; text-indent:0px;}
#sys_toolbar .menu .firstlevel_button a.submenu_button span img{display:none}

#sys_toolbar .menu .firstlevel_button a.msgbox_txt {
	background-position:0 0;
	
	}
#sys_toolbar .menu .firstlevel_button a.msgbox_txt:hover {
	background-position: 195px 0px;
}

#sys_toolbar .menu .firstlevel_button a.action_txt {
	background-position:0 -24px;
	}

#sys_toolbar .menu .firstlevel_button a.action_txt:hover {
	background-position: 195px -24px;
}

#sys_toolbar .menu .firstlevel_button a.search_txt {
	background-position:0 -48px;
	
	}
#sys_toolbar .menu .firstlevel_button a.search_txt:hover {
	background-position: 195px -48px;
}

#sys_toolbar .menu .firstlevel_button a.invite_txt {
	background-position: 0 -72px;
	
	}
#sys_toolbar .menu .firstlevel_button a.invite_txt:hover {
	background-position: 195px -72px;
}

#sys_toolbar .menu .firstlevel_button a.tiz_txt {
	background-position:0 -96px;
	
	}
#sys_toolbar .menu .firstlevel_button a.tiz_txt:hover {
	background-position: 195px -96px;
}


#sys_toolbar .menu .firstlevel_button a.about_community_txt {
	background-position: 0px -168px;
	
	}
#sys_toolbar .menu .firstlevel_button a.about_community_txt:hover {
	background-position: 195px -168px;
}


#sys_toolbar .menu .firstlevel_button a.compose_txt {
	background-position:0 -120px;
	
	}
#sys_toolbar .menu .firstlevel_button a.compose_txt:hover {
	background-position: 195px -120px;
}

#sys_toolbar .menu .firstlevel_button a.community_space_txt {
	background-position: 0 -240px;
	
	}
#sys_toolbar .menu .firstlevel_button a.community_space_txt:hover {
	background-position:195px -240px;
}

#sys_toolbar .menu .firstlevel_button a.manage_txt {
	background-position:0 -144px;
	
	}
#sys_toolbar .menu .firstlevel_button a.manage_txt:hover {
	background-position:195px -144px;
}

#sys_toolbar .menu .firstlevel_button a.goto_txt {
	background-position:0 -264px; text-indent:10px;
	
	}
#sys_toolbar .menu .firstlevel_button a.goto_txt:hover {
	background-position: 195px -264px;
}

#sys_toolbar .menu .firstlevel_button a.profile_txt {
	background-position:0 -192px;
	
	}
#sys_toolbar .menu .firstlevel_button a.profile_txt:hover {
	background-position:195px -192px;
}
#sys_toolbar .menu .firstlevel_button a.sysadmin_txt {
	background-position: 0 -264px;  text-indent:10px;
	
	}
#sys_toolbar .menu .firstlevel_button a.sysadmin_txt:hover {
	background-position:195px -264px;
}


#sys_toolbar .menu .firstlevel_button a.logout_txt {
	background-position:0 -216px;
	
	}
#sys_toolbar .menu .firstlevel_button a.logout_txt:hover {
	background-position:195px -216px;
}
#sys_toolbar .menu .firstlevel_button a.help_txt {
	background-position:0 -288px;
	width:20px;
	margin-top:-3px; padding-right:3px;
	
	}
#sys_toolbar .menu .firstlevel_button a.help_txt:hover {
	background-position:195px -288px;}

/* End of System Toolbar */


/* Submenu style*/
.submenu {
	background:#000000;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	width:180px;

/*	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	*/
}
.submenu li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:25px;
	height:25px;
	font-size:12px;
}
.submenu .disabled {
	height:0px;
	display:none;
}

.submenu .disabled a, .submenu .disabled a:link, .submenu .disabled a:visited {
	color:#777777;
	width:100%;
	display:block;
	height:20px;
}
.submenu .disabled a:hover {
	color:#777777;
	background-color:#666666;
	width:100%;
	display:block;
	height:20px;
}
.submenu li a, .submenu li a:link, .submenu li a:visited {
	color:#FFFFFF;
	width:100%;
	display:block;
	height:20px;
}
.submenu li a:hover {
	color:#000000;
	background-color:#666666;
	width:100%;
	height:20px;
}
.submenu .submenu, .submenu .submenu .submenu {
	position:relative
}
/* End of Submenu */

/* Start of Freebar */
#aboutbar {
	height:148px;
	background:url(images/mailing_bg.gif) repeat-x;
	padding:26px 10px;
}
#aboutbar .bgword {
	height:100%;
	background:url(images/logo_bg.png) no-repeat scroll 50%;
}
#aboutbar .contentbar_0 {
	height:150px;
}
#aboutbar .contentbar_0 .txt { font-size:14px;}
#aboutbar .contentbar_0 .txt a{color:blue; font-weight:normal; text-decoration:underline}
#aboutbar .contentbar_0 .highlight{font-weight:bold}
#aboutbar .contentbar_0 .status_txt{font-weight:bold;font-size:14px; }
#aboutbar .contentbar_0 .status_title{font-weight:bold}
#aboutbar .contentbar_0 .left_pane {
	width:50%;
	border-right:1px solid #fff;
	/*background:url(images/about_bg.jpg);*/
}
#aboutbar .contentbar_0 .right_pane {
	width:50%;
	/*background:url(images/about_bg2.jpg);*/
}
#aboutbar .contentbar_0 td.title {
	height:30px;
	background:url(images/aboutbar_title.gif) no-repeat;
	font-weight:bold;padding-left:15px;
}
#aboutbar .contentbar_0 .img2 {
	width:50px;height:50px;border:2px solid #FFFFFF;
}
#aboutbar .where_div, #aboutbar .who_div, #aboutbar .members_div, #aboutbar .other_div {
	color:#FFFFFF;
	vertical-align:top;
	float:left;
}

#template_div  {
	height: 20px;
	background: #333333;
}

#mailing_div {
	height: 146px;
	background:url(images/mailing_bg.gif) repeat-x;
	padding:27px 10px;
	}
#mailing_div .contentbar_0 {
	/*background: #222222 url(images/portletbar_bg.gif) repeat;*/
	height:146px;
	border-right:1px solid #333;
}
#mailing_div .contentbar_1 {
	overflow:auto;
	height:125px;
	margin-left:10px;
}
#mailing_div .status_div {
	height:20px;
	font-weight:bold;
	margin-left:10px;
	/*background:#000000;*/
}
#mailing_div .status_div .location_div {
	/*color:#FFFFFF;*/
	padding-left:10px;
	float:left;
}
#mailing_div .contentbar_0 ul {
	list-style-type:none;
}

#mailing_div .contentbar_0 ul li a {
	/*color:#FFFFFF;*/
	background:url(images/20080627_iQEpoch_mail.gif) no-repeat;
	display:block;
	height:25px;
	padding-top:10px;
	padding-left:10px;
	text-indent:20px;
}
#mailing_div .contentbar_0 ul li a:hover {

}
#mailing_div .contentbar_0 ul li a.compose_mail{
	background-position:8px 11px;
	}
#mailing_div .contentbar_0 ul li a.inbox{
	background-position:8px -14px;
	}
#mailing_div .contentbar_0 ul li a.sent{
	background-position:8px -39px;
	} 

#mailing_div .contentbar_1 a.delete_this{
	background:url(images/20080627_iQEpoch_mail.gif) no-repeat center bottom;
	width:100%;
	height:14px;
	display:block;
	font-size:0;}
	
#mailing_div .selectPeople_btn{display:block; text-align:center; background:#EB6A1B; border:1px solid #732700; color:#fff}

/* End of Freebr */

/* Start of look and feel */
#looknfeelbar {
	height:146px;
	background:url(images/mailing_bg.gif) repeat-x;
	padding:27px 0;
}

#looknfeelbar .contentbar_1 {
	/*color:#FFFFFF;*/
	overflow:auto;
}

#looknfeelbar .contentbar_1 .link,
#looknfeelbar .contentbar_1 .link:link,
#looknfeelbar .contentbar_1 .link:hover {
	/*color:#FFFFFF;*/
	font-weight:bold;
}
#looknfeelbar .contentbar_1 .theme_icon,
#looknfeelbar .contentbar_1 .layout_icon,
#looknfeelbar .contentbar_1 .adv_mobile_icon,
#looknfeelbar .contentbar_1 .css_icon,
#looknfeelbar .contentbar_1 .theme_edit_icon,
#looknfeelbar .contentbar_1 .page_icon,
#looknfeelbar .contentbar_1 .headerfooter_icon {
	width:48px;
	height:48px;
	margin-top:25px;
}
#looknfeelbar .contentbar_1 .page_icon{	background:url(images/page_icon.png);}
#looknfeelbar .contentbar_1 .theme_edit_icon{background:url(images/theme_edit_icon.png)}
#looknfeelbar .contentbar_1 .css_icon{background:url(images/css_icon.png)}
#looknfeelbar .contentbar_1 .adv_mobile_icon{background:url(images/adv_mobile_icon.png)}
#looknfeelbar .contentbar_1 .layout_icon{background:url(images/layout_icon.png)}
#looknfeelbar .contentbar_1 .theme_icon{background:url(images/theme_icon.png)}	
#looknfeelbar .contentbar_1 .headerfooter_icon{background:url(images/headerfooter_icon.png)}

#looknfeelbar .contentbar_1 .h_submenu {
	display:none;
}

#looknfeelbar .contentbar_1 .page_icon_div {
	position:absolute;
	background-color:#EEEEEE;
	line-height:20px;
	padding:0 10px;
	position:absolute;
	color:#000000;
	font-weight:bold;
	margin-top:10px;*margin-left:-50px; white-space:nowrap;
}
#looknfeelbar .contentbar_1 .arrow {
	background:url(./images/up_arrow.gif);
	height:10px;
	margin-left:32px;
	position:absolute;
	width:20px; *margin-left:-15px;
}

#looknfeelbar .contentbar_1 .page_icon_div a{
	/*display:block; width:auto; float:left*/}



/* Start of Portletbar */
#portletbar {
	height:173px;
	background:url(images/mailing_bg.gif) repeat-x;
	padding-bottom:27px;
}
#portletbar .bgword {
	height:100%;
	/*background:url(images/logo_bg.png) no-repeat scroll 50%;*/
}
#portletbar .contentbar_0 {
	background:#a0a7b0 none repeat scroll 0% 50%;
	/*color:#FFFFFF;*/
	height:27px;
}
#left_menu .selected {
	background-color: #bcc2c9;
}
#left_menu .status{height:30px;line-height:30px; cursor:pointer; text-indent:5px}
/* level one design */
#portletbar .contentbar_0 .pane_1 .itemUL div.text, 
#portletbar .contentbar_0 .pane_1 .itemUL .itemLI,
#portletbar .contentbar_0 .pane_1 .itemUL .itemLI img,
#portletbar .contentbar_0 .pane_1 .itemUL .itemLI .menuHeader,
#portletbar .contentbar_0 .pane_1 .itemUL .itemLI .menuItem, 
#portletbar .contentbar_0 .pane_1 .itemUL,
#portletbar .contentbar_0 .pane_1 .title{
	float:left;
	cursor:pointer;
}
#portletbar .contentbar_0 .pane_1 {
	text-align:center;
	width:100%;
}
#portletbar .contentbar_0 .pane_1 .itemUL .itemLI{
	float:left; padding:5px 3px; height:16px
}

#portletbar .contentbar_0 .pane_1 .itemUL .itemLI{
	float:left; padding:5px 3px; height:17px
}
#portletbar .contentbar_0 .pane_1 .itemUL .itemLI img {
	padding-right:5px;
	padding-left:5px;
}
#portletbar .contentbar_0 .close_btn {
	float:right;
	position:absolute;
	right:1px;
	top:30px;
}
/* end of level 1 design */

/* level 2 design */
#portletbar .contentbar_1 {
	color:#FFFFFF;
/*	height:253px;*/
	overflow:auto;
}

#portletbar .contentbar_1 .pane_1 {
	padding-top:8px;
	margin:auto;
	width:984px;
}

#portletbar .contentbar_1 .pane_1 .leftpane {
	height:127px;
	background-color:#333333;
	width:450px;
	float:left;
	border:3px solid #000000;
	overflow:auto;
}


#portletbar .contentbar_1 .pane_1 .rightpane {
	height:127px;
	width:245px;
	float:left;
	border:3px solid #000000;
	background-color:#333333;
	margin-left:8px;
	overflow:hidden;
/*
	overflow:auto;
	opacity:0.7;
	-moz-opacity:0.7;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
*/

}
#portletbar .contentbar_1 .pane_1 .rightpane2 {
	background-color:#333333;
	border:3px solid #000000;
	float:right;
	height:107px;
	overflow:hidden;
	padding:10px;
	width:235px;
}





#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI img,
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .menuHeader,
#portletbar .contentbar_1 .pane_1 .leftpane .title{
	float:left;
	cursor:pointer;
}
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI img,
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .text {
	float:left;
	padding:5px;
}
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .add_button {
	float:right;
	margin-right:5px;
	margin-top:5px;
	border: 1px solid #000000;
	color:#FFFFFF;
	width:80px;
	height:20px;
	text-align:center;
	vertical-align:middle;
}
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .add_button a,
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .add_button a:link,
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .add_button a:visited {
	color:#FFFFFF;
	background:transparent url(images/add_button_bg.gif) repeat-x scroll 0%;
	font-size:11px;
	display:block;
	line-height:20px;
}
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .add_button a:hover {
	color:#FFFFFF;
	background:transparent url(images/add_button_bg_a.gif) repeat-x scroll 0%;
	font-size:11px;
}

#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI {
	background-color:#232323;
}
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI:hover {
	background-color:#352D5A;
}
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .menuItem, 
#portletbar .contentbar_1 .pane_1 .leftpane .itemUL .itemLI .menuHeader {
	height:30px;
	border:1px solid #000000;
	height:30px;
	margin-top:-1px;
}

.avatar_img {
	float:left;
	padding-top:3px;
}
.search_tool {
	float:left;
	padding:5px;
	width:50px;
}


/*404*/
.error404{
	 width:980px; 
	 background:#fff url(images/404_02.gif) left top repeat-x;
	 line-height:20px;
	 border:1px solid #b0b0b0;
	 margin:auto;
	 font-size:14px;
	 }
.error404 .errorLeft{padding:5px;border: 1px solid #f1f1f1;background:#fff;
	width:300px;text-align:center;overflow:hidden;
	margin-right:20px;height:125px;}
.error404 .errorMessage{
	color:#ff6600;	line-height:45px}
.error404 .errorUrl{
	color:#09c;white-space:normal;
	padding:10px 0;
	text-decoration:underline}
.error404 .errorBack{
	background-color:#18567b;line-height:30px;
	text-align:center;}
.error404 .errorBack a{
	color:#fff;
	}
.error404 .errorInfo{
	 color:#666666;
	 padding:20px;overflow:hidden;
}
.error404 .errorAbout{font-size:9pt;font-family:Arial, Helvetica, sans-serif;line-height:20px}
.error404 .errorAbout strong{font-size:14px}
.error404 .errorList{margin:20px 10px 0; color:#333;line-height:20px;font-size:11px;text-align:center}
.error404 .errorList li{list-style:none outside;background:url(images/arrowList.gif) 40px 18px no-repeat}
/*
#portletbar .contentbar_1 .pane_1 .title{
	text-align:center;
	width:100%;
	font-weight:bold;
}
#portletbar .contentbar_1 .pane_1 .itemUL .itemLI{
	float:left; padding:5px 3px; height:16px
}

#portletbar .contentbar_1 .pane_1 .itemUL .itemLI{
	float:left; padding:5px 3px; height:16px
}

#portletbar .contentbar_1 .pane_1 .itemUL .itemLI img {
	padding-right:5px;
	padding-left:5px;
}

#portletbar .contentbar_1 .close_btn {
	float:right;
	position:absolute;
	right:1px;
	top:42px;
	display:none;
}
*/


/* End of Portletbar */
.emotionContainer {position: relative; width: 90%; display:none}
.emotionContainer ul, .emotionContainer li {margin: 0px; padding: 0px; list-style: none;}
.emotionContainer li {display: block ; float: left; padding: 5px; cursor: pointer;}
.emotionContainer li:hover {border: 1px solid pink}
.emotionContainer .styleNext, .emotionContainer .stylePrev, .emotionContainer .pageNext, .emotionContainer .pagePrev {cursor: pointer; display: none;}
.emotionContainer .pageNext, .emotionContainer .pagePrev {position: absolute; width: 16px; height: 27px; }
.emotionContainer .pagePrev {top: 2px; left: 0px; background: transparent url(images/arrow.gif) no-repeat left top}
.emotionContainer .pagePrev:hover { background-position:left -27px}
.emotionContainer .pageNext {top: 2px; right: 30px; background: transparent url(images/arrow.gif) no-repeat -16px top}
.emotionContainer .pageNext:hover {background-position:-16px -27px}

.emotionContainer .emotionContainer2 {padding-left: 20px; overflow:auto;}
.emotionContainer .emotionContainer2 li{border:0}
/*.emotionContainer .stylePrev {top: 17px; right: -10px; background: transparent url(images/arrow2.gif) no-repeat left top}
.emotionContainer .stylePrev:hover {top: 17px; right: -10px; background: transparent url(images/arrow2.gif) no-repeat -27px top}
.emotionContainer .styleNext {top: 35px; right: -10px; background: transparent url(images/arrow2.gif) no-repeat left -16px}
.emotionContainer .styleNext:hover {top: 35px; right: -10px; background: transparent url(images/arrow2.gif) no-repeat -27px -16px}
.emotionContainer .styleNext, .emotionContainer .stylePrev{position: absolute; width: 27px; height: 16px; }*/
.emotionContainer .stylHandler{display:none}


.createNewCon {display: none; cursor: pointer; position: absolute; width: 120px; height: auto; padding-bottom: 10px; top: 1.2em; left: 0px; background: #ccc; z-index: 1000; }
.createNewCon a, .createNewCon a:link, .createNewCon a:visited, .createNewCon a:hover{display: block; width: auto; margin: 5px;}
.portlet_main .createNewCon div a:hover {color: #fff}


.create_portal .groupid_system,
.create_portal .groupid_template,
.create_portal .groupid_admin,
.create_portal .groupid_start,
.create_portal .groupid_group {
	display:block;
	background:#F7F7F7;
	padding:3px;
}
.create_portal .groupid_system:hover,
.create_portal .groupid_template:hover,
.create_portal .groupid_admin:hover,
.create_portal .groupid_start:hover,
.create_portal .groupid_group:hover
{
	background:#FFFFFF;
}
.portalset_list_div {
	height:350px;
	overflow:auto;
	border:2px solid #EEEEEE;
}
.portalset_list_div .list_row {
	padding-top:3px;
	padding-left:3px;
	border-bottom:1px dashed #EEEEEE;
}
.portlet_main .createNewCon div a:hover {color: #fff}
div.filterByType, div.filterByStatus {cursor: pointer;}
div.filterByType, div.filterByStatus {cursor: pointer;}

table.rowed_table td, table.rowed_table th {world-wrap: break-word; word-break: break-all; /*-moz-binding: url('./wordwrap.xml#wordwrap');*/ overflow: hidden}
table.rowed_table td, table.rowed_table th {world-wrap: break-word; word-break: break-all; /*-moz-binding: url('./wordwrap.xml#wordwrap');*/ overflow: hidden}
table.rowed_table th{background:#eee}
.portlet_main a.highlight, .portlet_main a.highlight:hover, .portlet_main a.highlight:link, .portlet_main a.highlight:visited {color: red}
.style1 .portlet_main a.highlight, .style1 .portlet_main a.highlight:hover, .style1 .portlet_main a.highlight:link, .style1 .portlet_main a.highlight:visited {color: red}
.style2 .portlet_main a.highlight, .style2 .portlet_main a.highlight:hover, .style2 .portlet_main a.highlight:link, .style2 .portlet_main a.highlight:visited {color: red}
.style3 .portlet_main a.highlight, .style3 .portlet_main a.highlight:hover, .style3 .portlet_main a.highlight:link, .style3 .portlet_main a.highlight:visited {color: red}
.style4 .portlet_main a.highlight, .style4 .portlet_main a.highlight:hover, .style4 .portlet_main a.highlight:link, .style4 .portlet_main a.highlight:visited {color: red}
.style5 .portlet_main a.highlight, .style5 .portlet_main a.highlight:hover, .style5 .portlet_main a.highlight:link, .style5 .portlet_main a.highlight:visited {color: red}
.style6 .portlet_main a.highlight, .style6 .portlet_main a.highlight:hover, .style6 .portlet_main a.highlight:link, .style6 .portlet_main a.highlight:visited {color: red}


.resolutionRemove, .buttonBlockRemove, .resPreviewTitle,.removeAgenda  {background: grey; padding: 5px; border: 1px solid #000; cursor: pointer; width: auto;}
.addResolutionTXT:hover, .resolutionRemove:hover, .buttonBlockRemove:hover, .moreVotingButtonTXT:hover, .resPreviewTitle:hover,.addAgendaTXT:hover,.removeAgenda:hover  {background:brown;color:#fff}
.voteSerial{background:url(images/vote_01.gif) 25px top no-repeat; height:27px; width:62px; float:left; color:#FFF; font-size:22px; text-indent:32px}
.voteProfile .t1, .voteSettings .t1, .createResolution .t1 {font-weight: bold; font-size: 9pt;}
.voteSettings, .createResolution,.eventSettings,.eventAgenda{padding: 20px 0 0}
.voteProfile .t2, .voteSettings .t2 , .createResolution .t2{padding-top:2px;}
.voteDistription,.createButtonTXT {font-weight: bold; font-size: 1em; padding: 10px 0 0}
.addResolution,.addAgenda {padding-right:30px; background:url(images/vote_02.gif) right top no-repeat; height:19px}
.addResolutionTXT,.moreVotingButtonTXT,.addAgendaTXT {cursor: pointer; font-weight: bold; float: right; line-height:19px;}
.moreVotingButton {height:19px; padding-left:30px; background:url(images/vote_03.gif) left top no-repeat; margin:5px 0}
.moreVotingButtonTXT {float: left;}
.resolutionBlock,.agendaBlock {margin: 6px 0; background:#ddd; padding:10px}
.resolutionTitle{width: 80%; font-size:14px; font-weight:bold; color:#0066CC}
.resolutionDesc{text-align:left; font-size:12px; text-indent:24px; margin:8px 0 15px 0; color:#888}
.resoTextArea {width: 85%}
.voteHeader{text-indent:10px; color:#666; margin:8px 0; }
.buttonTitle {width: 40%}
.buttonDescription {width: 55%}
.resolutionRemove ,.removeAgenda {float: right;}
.buttonBlockRemove {float: right;}
.resPreview {clear: both}
.previewTitle {font-size: 1.3em; padding: 10px 0 5px; font-weight: bold}
.resPreviewArea {padding: 10px;}
.resPreviewArea input {margin: 0px; padding: 0px; margin-right: 10px;}
.resPreviewArea span {padding-bottom: 2px;}
.resolutionRemove,.buttonBlockRemove,.removeAgenda  {background: white}
.voteProfileTb,.createButtonBlock,.resolutionInfo table,.agendaBlock table.agendaBlockTb{background:#efefef;padding:15px 10px;}
.createButtonBlock,.resolutionInfo table{background:#efefef}
.createButtonBlock{  margin-top:10px}
.voteProfileCon,.voteSettingsCon,.createResolutionCon,.eventProfileCon,.eventSettingsCon,.eventAgendaCon{margin:5px 25px}
.vote_form input,.vote_form textarea,.vote_form select{border-top:1px solid #6c6c6c; border-bottom:1px solid #6c6c6c; border-left:1px solid #373737; border-right:1px solid #373737}
.voteTable{width:100%} .voteTable th{width:10%}
.voteSubtable{margin-left:30px; width:100%} 


.selectPeople .left, .selectPeople .middle, .selectPeople .right {float: left;}
.selectPeople .left, .selectPeople .right {width: 200px;}
.selectPeople .middle {width: 100px;}
.selectPeople select {width: 100%; display: block}

.orderLevelBlock{
	background: transparent url(images/loading.gif) no-repeat 80px 0;
	width: 400px;
	overflow: visible; 
}
.orderLevelCon  {visibility: hidden;}
.voteCon .recordRow .title,.voteCon .recordRow .resultBar,.voteCon .recordRow .recordNums,.voteCon .recordRow .percentage {float: left;}
.voteCon .recordRow .submitButton {text-align:left}
.voteCon .recordRow .recordNums{width:20px;}
.voteCon .recordRow .percentage{width:40px}
.voteCon .recordRow .buttonClear {font-size: 0px; line-height: 0px; overflow: hidden; clear: both; height: 0px;}
.voteCon .recordRow .resultBar {width: 100%; height: 12px; background: #DDD; padding: 1px;  text-align: left;}
.voteCon .recordRow .title {width: 100%; text-align: right; font-size:10pt}
.voteCon {text-align: center; padding:0 5%; padding-bottom:30px; border-bottom:1px dashed #ddd; margin-bottom:20px}
.voteCon .submitHandler {background:url(images/submit_btn.gif) no-repeat; width:80px; line-height:22px; margin:8px auto; cursor:pointer}
.voterList{text-indent:15px; line-height:18px;}
#timepick #calendar table{width:100%}
#portletbar .contentbar_1 {clear: both;}

.eventSerial{background:url(images/vote_01.gif) 25px top no-repeat; height:27px; width:62px; float:left; color:#FFF; font-size:22px; text-indent:32px}
.eventProfile .t1, .eventSettings .t1, .eventAgenda .t1 {font-weight: bold; font-size: 9pt;}

.agendaName, .agendaDesc, .agendaLocation, .agendaInstruction, .agendaLocation, .agendaCountry, .agendaAddress, .agendaCity, .agendaState, .agendaZip, .inviteeArea {width: 100%}

.inviteeArea {clear: both; display: block}

.groupmember_image{
	background:url(images/groupmember_bg.gif) no-repeat center;
	display:block;
	padding:4px 0;
	width:83px;
	}
.groupmember_image img{display:block; margin:0 4px}	
.profile_image{background:url(images/profile_bg.gif) no-repeat center; padding:9px 5px 5px; display:block; *padding-top:5px; width:45px; float:left}
.inviteeArea {clear: both; display: block}

.addAgenda { height:25px} .agendaBlock{margin:0}

.peopleInvitee {display: block; float: right;  width: 200px; text-align: center; color: green; font-weight: bold; cursor: pointer;}
.selectPeople select.people, .selectPeople select.addCon{height:124px; margin:5px 0}
.selectPeople .right{line-height:21px}

.submitBtn {clear: both; }
.submitBtnTxt {cursor: pointer;}

.removeAgenda {display: block; float: right;font-weight: bold; cursor: pointer;}

.post_icon {
	background:url(images/20080828_iQEpoch_Icons.gif) no-repeat;	
	background-position: 0 2px;
}
.inviteBtn{border:1px solid #333333;margin:2px 30px 2px 2px ;padding:2px;}

.m_search,.m_move,.m_copy{float:left;line-height:25px;width:121px;background:url(images/submit_btn1.gif) no-repeat;cursor:pointer; text-align:center}
.m_new_search_move{background:url(images/submit_btn1.gif) no-repeat; color:#fff; font-weight:bold}

/*for cada*/

.cada td.title{font-weight:bold; width:180px}
.cada_label{font-size:0.8em; font-weight:bold}
.cada table .table_row_0 th,.cada table .table_row_1 th{background:#c1c1c1; white-space:normal}
.cada table .table_row_0 td{ background:#fff;}
.cada table .table_row_0 th,.cada table .table_row_0 td{line-height:15px; padding-left:5px; height:39px; vertical-align:middle}
.cada table .table_row_0 td:hover{background:#f5f5f5;}
.cada table .table_row_1{background:#fff}
.cada table .table_row_1:hover{background:#f5f5f5}
.cada table .table_row_1 td{line-height:18px;}
.cada table .row_highlight td{background:#f4f7fb}
#XGFXYSS .table_row_0 td:hover{background:#afc0d7;}
#XGFXYSS .table_row_0 th{background:#fff; border-bottom:1px solid #C8C8C8;vertical-align:bottom; color:#f60}
#XGFXYSS .cada_label{font-weight:normal; font-size:0.9em}
.cada table.asset{background:#c8c8c8; font-size:8pt; }
.cada .Research table.asset{table-layout:auto}
.cada table.asset thead th{background:#fff; border:solid #c8c8c8; border-width:1px 0; line-height:30px; height:30px; padding-top:10px}
.cada table.asset td{border-right:1px solid #c8c8c8}
.cada table.asset tr{height:19px; background:#fff; line-height:19px; text-indent:20px;/*white-space:nowrap*/}
.cada .Research table.asset tr{line-height:19px; text-indent:3px;white-space:nowrap}
.cada table.asset th{height:38px; line-height:38px; background:#f5f5f5; text-indent:10px; color:#FF6600}
.cada table.asset .subLabel{text-indent:32px}
.cada table.asset .highlightedLabel{font-weight:bold;text-indent:10px}
.cada table.asset .highlightedLabel1{text-indent:5px; background:#f60; color:#fff; font-size:9pt}
.cada table.asset .highlightedLabel2{text-indent:5px;}
.cada table.asset tr:hover{background:#afc0d7}
.cada table.asset td.date{background:#FFFFFF url(images/head.gif) repeat-x scroll left bottom; font-weight:bold; white-space:nowrap;}
.cada table.asset td span{white-space:nowrap/*fix bug under IE*/;display:block}
.cada table.asset_title td,.cada table.cashflow_title td{width:220px;font-family:Arial, Helvetica, sans-serif}
.cada .Research table.asset td{width:auto;white-space:nowrap}
.cada table.asset .asset_row0{background:#fff}
.cada table.asset .asset_row1{background:#f4f7fb}

.cada table.num{width:585px}
.cada table.num td{padding:0 5px; text-align:right; /*width:105px;*width:104px; overflow:hidden; */font-family:Arial, Helvetica, sans-serif;text-indent:0;white-space:nowrap}
.cada .sheet_l{width:220px;  z-index:200; position:relative;}
.cada .sheet_r{overflow-x:auto; width:585px; position:absolute; padding-left:219px; top:0;  left:0;z-index:50; /*padding-top:39px;*/}
.cada .sheet_r2{width:486px}
.cada .sheet_t{line-height:25px; height:25px; background:#E8E8E8; color:#145779; text-indent:10px; font-weight:bold}

.cada_overview .overview_highlight_block{background:#132D48; padding:10px 5px; border-bottom:1px solid #111;}
.cada_overview .overview_cap{text-align:center;font-weight:bold}
.cada_overview .overview_detail{background:#233446; color:#fff; padding:5px 8px; line-height:20px;font-family:Arial}

.cada_graph{background:#132d48;text-align:center;padding:3px 0}
/*.cada table.asset_test{background:#c8c8c8; font-size:8pt; table-layout:fixed}
.cada table.asset_test thead th{background:#fff; border:solid #c8c8c8; border-width:1px 0; line-height:30px; height:30px; padding-top:10px}
.cada table.asset_test td{border-right:1px solid #c8c8c8}
.cada table.asset_test .sheet_t{line-height:20px; height:20px; background:#c8c8c8; color:#145779}
.cada table.asset_test td.date{background:#FFFFFF url(images/head.gif) repeat-x scroll left bottom}
.cada table.asset_test .asset_row0{background:#fff}
.cada table.asset_test .asset_row1{background:#f4f7fb}*/

.search_filter{overflow:auto; clear:both}
.search_filter li{float:left; display:block; width:150px}
.search_filter li span{display:block}
.search_filter li.filter_submit{float:right}
.cada th{white-space:nowrap; text-align:left}
.cada .row_FPAGE{color:#abd0ef;}
.cada .div_FPAGE{/*height:218px; overflow:hidden*/}
.cada .div_FPAGE td{border-bottom:1px solid #888; padding:0}
/*.cada_overview{height:242px;overflow:auto;}*/
.cada_overview thead{background:#F59300;color:#000;font-size:0.9em;}
/*.cada_overview tbody.tbody_scroll{height:220px; overflow-y:auto;overflow-x:hidden; _height:auto}*/
.cada_scroll{height:262px\9; overflow:hidden; *overflow-y:auto;overflow-y:auto\9;}
.cada_scroll table td{width:60px;}
.cada_scroll table thead{display:block;}
.cada_scroll table thead tr{*position:relative;position:relative\9;}
.cada_scroll table tbody.tbody_scroll{height:220px; overflow-y:auto;overflow-x:hidden; *height:auto; display:block;}
.cada_overview td.overview_highlight{font-weight:bold}
.cada .change_up{background:url(images/change_up.gif) right center no-repeat; display:block}
.cada .change_down{background:url(images/change_dn.gif) right center no-repeat; display:block}
.cv12018{background:#f5f5f5;min-height:70px; _height:70px; overflow:auto; _overflow:inherit}
.cv12018 .searchInput{text-align:right}
.cv12018 input{width:350px}
.cv12018 .item_12018{float:left;padding:5px 10px; line-height:25px;}
.cv12018 .item_12018 a{display:block; padding:0 5px; float:left; white-space:nowrap}
.cv12018 .item_12018 a.item_12018_on:link,.cv12018 .item_12018 a.item_12018_on:hover,.cv12018 .item_12018 a.item_12018_on:visited{background:#233446; color:#fff; text-decoration:none}

table.group_detail{display:none}
.group_div_selected table.group_detail{display:block}
/*add by vicky*/
.post_info1{float:right;width:180px;min-height:110px; _height:110px; margin-left:15px}
.post_border{margin:0px 0; clear:both; border-bottom:1px dashed #ddd; padding-bottom:1em}
.img_label{position:absolute; z-index:2; bottom:10px; left:10px; display:none}
.thumbnail{margin-right: 15px; float:left; width:122px; height:122px;border:1px solid #ddd; text-align:center; vertical-align:middle;line-height:118px;}
.thumbnai2{margin-right: 10px; float:left; width:162px; position:relative; height:162px;border:1px solid #ddd; text-align:center; vertical-align:middle; line-height:158px; }
.thumbnai21{margin-right: 10px; float:left; width:624px; position:relative;}
.post_list{clear:both; line-height:1.3em; margin:5px 0}
.post_list ul li{list-style-type:disc; list-style-position:inside; background:none; padding:0;}
.post_summary_entry {line-height:1.5em}
.post_summary_entry .post_info2 .post_rating,.post_summary_entry .post_info2 .taglist{/*float:left;  margin-right:5px*/ display:none}
.post_summary_entry .post_info2 {/*height:22px; line-height:22px; margin-top:3px; overflow:hidden*/}
.post_summary_entry .text_body{margin-top:8px}


.folder_bar{clear: both; overflow: auto; padding-bottom: 10px;}

.search_filter{overflow:auto; clear:both}
.search_filter li{float:left; display:block; width:150px}
.search_filter li span{display:block}
.search_filter li.filter_submit{float:right}
table.group_detail{display:none}
.group_div_selected table.group_detail{display:block}

.group_list{float: left; padding:0 8px 8px 0}
.group_list img.avatar{width:75px; height:75px}
.group_list_1{min-width:245px; _width:245px; }
.group_list_2{width:160px;}
.group_list_2 .site_name{text-align:center; height:30px; overflow:hidden}
.group_list_3{width:100px; text-align:center}
.group_list_4{width:85px; text-align:center}
.group_list_5{width:152px; }

#reg_toolbar {
 display: block; 
 width: 100%; 
 margin-top: 0px;
 padding-top: 3px;
 height:24px;
 background:url(./images/sys_toolbar_bg_space.gif) left top repeat-x;
 white-space:nowrap;
 position:relative;
 z-index:1;
 text-align:center;
}
.RsstabOn{background-color:#ffffff;}
.rsscontent{background-color:#ffffff;}
.rsscontent span{padding:0 5px; border-right:1px solid #bbb; margin-right:5px}
.tab0{background-color:#BBBBBB;}
.tab1{background-color:#BBBBBB;}
.tab2{background-color:#BBBBBB;}
.tab3{background-color:#BBBBBB;}
.tab4{background-color:#BBBBBB;}


.highlight_tag {
	color:RED !important;
	font-weight:bold !important;
	text-decoration:none !important;
}
.highlight_tag:hover {
	color:BLUE !important;
	text-decoration:underline !important;
}
.pageBtn{overflow:auto; clear:both; padding:0 4px}
.pageBtn a.pre_button,.pageBtn a.next_button{background:transparent url(images/pre.gif) no-repeat ; width:40px; height:14px; font-size:0; display:block; text-indent:-5000px}
.pageBtn a.next_button{background:transparent url(images/next.gif) no-repeat ;}




input.text1{
	font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666666; border:#E2E2E2 solid 1px; height:24px;line-height:24px;
}
input.text3{
	font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666666; background-color:#FFE0C1 border:#E2E2E2 solid 1px; height:24px;line-height:24px;
}
textarea.text2{
	font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#333333; border:#E2E2E2 solid 1px;line-height:18px;
}

.invalid_browser_msg{
	line-height:40px;
	background-color:#eaeaea;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;

}
.invalid_browser_msg a:link,.invalid_browser_msg a:visited,.invalid_browser_msg a:active{
	color:#ff6600;
	text-decoration:none
	}
.invalid_browser_msg a:hover{
	text-decoration:underline;	
	}




.ui-dialog .ui-dialog-content {
	padding:0px !important;
}