/* background color for the content part of the pages */

body
{
    background-color: white;
    margin: 0px;
}
table
{
    text-align: left;
    font-size:12px;
}
.controlpanel 
{
    width: 100%;
    background-color: #ffffff;
}
    
.pagingtable
{
    width: 100%;
    background-color: #ffffff;
}

.skinobject
{
    font-weight: bold;
    font-size: 12px;
    color: #003366;
    font-family: tahoma, arial, helvetica;
    text-decoration: none;
}

a.skinobject:link
{
    text-decoration: none;
    color: #003366;
}

a.skinobject:visited
{
    text-decoration: none;
    color: #003366;
}

a.skinobject:hover
{
    text-decoration: none;
    color: #003366;
}

a.skinobject:active
{
    text-decoration: none;
    color: #003366;
}

/* styles for language skinobject */
.language
{
    vertical-align: middle;
    margin: 0px;
}

.language img
{
    border: none;
}

/* styles for language skinobject */
div.language-object
{
	white-space: nowrap;
	overflow: visible;
	vertical-align: middle;
	margin: 0px; 
	line-height: 0.5;
}

div.language-object span.language
{
	display: inline;
	float: left; 
	margin: 0 2px;
	text-align: center;
	vertical-align: middle;
}

div.language-object span.language img
{
	border: 2px solid transparent;
}

div.language-object span.language.selected img
{
	border-color: #333;
}

/* style for module titles */
.head
{
    font-family: tahoma, arial, helvetica;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.subhead
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

/* module title style used instead of head for compact rendering by quicklinks and signin modules */
.subsubhead
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

/* text style used for most text rendered by modules */
.normal, .normaldisabled
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.normaldisabled
{
    color: silver;
}

/* text style used for rendered text which requires emphasis */
.normalbold
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
}

/* text style used for error messages */
.normalred
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for nav compatibility */
.normaltextbox 
{
    font-family: 宋体,tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    vertical-align:middle;	
}

.textarea
{
	font-size: 12px;
    font-weight: normal;
    border:1px solid #7188a7;	
    overflow:auto;
 }
 
 .zb
 {
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#eef5ff', endcolorstr='#ffffff', gradienttype='0')
 }
 
 
/* style to apply if the content should be hidden */
.hidden
{
    display: none;
}

/* stlyes used by essgrids */

/* eliminate all padding and margins on nested tables and their cells */
.essgridnestedtable
{
    /* note: to support ie 6 & 7, still need to use 'cellspacing="0"' in <table> xhtml markup */
    border-collapse: collapse !important;
    border: 0px;
    margin: 0px auto !important;
    text-align: center;
}

.essgridnestedtable tbody td,
.essgridnestedtable thead th 
{
    margin: 0 !important;
    padding: 0 !important;
}

.essgridnestedtable tbody td
{
    border-left: 0 !important;
}

.essgridnestedtable caption
{
    border-bottom: 1px dashed #c3c3c3;
    margin-bottom: 3px;
}



/* styles used by data grids */
.datagrid_alternatingitem
{
    color: #000000;
    background-color:#eeeddd;
    /***background-image: ;***/
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
}
.datagrid_container
{
    width:100%;
    background-color: transparent; /*font-family:tahoma, arial, helvetica;*/
    font-size: 12px;
    border:solid 1px #d9e2ed
}
.datagrid_footer
{
    background-color: #e9eff3;
}
.datagrid_header
{
    font-weight: bold;
    background-image:
    background-position:bottom;
    color: #003366;
    font-size: 12px;
    vertical-align:middle;
}
.datagrid_item
{
    background-color: #ffffff;
    font-size: 12px;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-weight: normal;
}
.datagrid_selecteditem
{
    background-color: silver;
    color: blue;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
}
.datagrid_pager
{
    border-color: #f7f7de;
    background-color: #e9eff3;
}
.datagrid_pager input
{
	width:30px;
	padding:0px;
	text-align:center;
	font-size:12px;
}


/* styles used by treemenu skin object */
.treemenu_node
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
}

.treemenu_nodeselected
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #dcdcdc;
}

a.treemenu_node:link, a.treemenu_nodeselected:link
{
    text-decoration: none;
    color: #003366;
}

a.treemenu_node:visited, a.treemenu_nodeselected:visited
{
    text-decoration: none;
    color: #003366;
}

a.treemenu_node:hover, a.treemenu_nodeselected:hover
{
    text-decoration: none;
    color: #003366;
}

a.treemenu_node:active, a.treemenu_nodeselected:active
{
    text-decoration: none;
    color: #003366;
}

/* styles used in the filemanager */
.filemanager
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height: 400px;
}
.filemanager_toolbar
{
    border-bottom: black 1px solid;
    height: 25px;
}
.filemanager_explorer
{
    height: 100%;
    border: #696969 1px solid;
    background-color: white;
    margin: 2px 2px 2px 2px;
}

.filemanager_filelist
{
    height: 100%;
    border: #696969 1px solid;
    background-color: white;
    margin: 2px 2px 2px 2px;
    overflow: auto;
}

.filemanager_messagebox
{
    text-align: center;
    vertical-align: middle;
    background-color: white;
    padding: 25px 25px 25px 25px;
}

.filemanager_header
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #e7e7ff;
    background-color: #9ebff6;
    border-bottom: #696969 1px solid;
    height: 25px;
}

.filemanager_pager
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    background-color: #eeeeee;
    border-top: #696969 1px solid;
    height: 25px;
}

.filemanager_statusbar
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
    margin: 2px 2px 2px 2px;
}

.filemanager_item
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    color: black;
    background-color: #f8f8f8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.filemanager_altitem
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    color: black;
    background-color: #eeeeee;
    border-style: none;
}
.filemanager_selitem
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #99ffff;
    border-style: none;
}

.filemanagertreenode
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
}

.filemanagertreenodeselected
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #dcdcdc;
}

a.filemanagertreenode:link, a.filemanagertreenodeselected:link
{
    text-decoration: none;
    color: #003366;
}

a.filemanagertreenode:visited, a.filemanagertreenodeselected:visited
{
    text-decoration: none;
    color: #003366;
}

a.filemanagertreenode:hover, a.filemanagertreenodeselected:hover
{
    text-decoration: none;
    color: #ff0000;
}

a.filemanagertreenode:active, a.filemanagertreenodeselected:active
{
    text-decoration: none;
    color: #003366;
}

/* styles used in the wizard framework */
.wizard
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height: 400px;
    width: 650px;
}
.wizardbutton
{
    border-right: #696969 1px solid;
    padding-right: 2px;
    border-top: #696969 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #696969 1px solid;
    padding-top: 2px;
    border-bottom: #696969 1px solid;
    background-color: #dcdcdc;
}
.wizardheader
{
    background: #ffffcc;
    border-bottom: black 1px solid;
    height: 40px;
}
.wizardfooter
{
    border-top: black 1px solid;
    background: #ccffcc;
    height: 25px;
    text-align: right;
}
.wizardbody
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 325px;
}
.wizardhelp
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: black 1px solid;
    width: 180px;
    padding-top: 5px;
    background-color: #ccffff;
}
.wizardhelptext
{
    overflow: auto;
    font-size: 12px;
    width: 180px;
    color: black;
    font-family: tahoma, verdana, arial, sans-serif;
    height: 300px;
}
.wizardtext
{
    font-size: 12px;
    color: black;
    font-family: tahoma, verdana, arial, sans-serif;
}


/* text style used for help text rendered by modules */
.help
{
    border-right: black 1px solid;
    padding-right: 2px;
    border-top: black 1px solid;
    padding-left: 2px;
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 2px;
    border-left: black 1px solid;
    color: black;
    padding-top: 2px;
    border-bottom: black 1px solid;
    font-family: tahoma, arial, helvetica;
    background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.panebutton
{
    font-family: tahoma, arial, helvetica;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
}

/* hyperlink style for buttons and link buttons used in the portal command pages */
a.panebutton:link
{
    text-decoration: none;
    background-image: ;
    color: #003399;
    border: solid 1px #9999cc; /*background-color: #99ccff;*/
    padding: 3px;
}

a.panebutton:visited
{
    text-decoration: none;
    color: #003399;
    border: solid 1px #9999cc;
    background-color: #99ccff;
    padding: 3px;
}

a.panebutton:active
{
    text-decoration: none;
    color: #003399;
}

a.panebutton:hover
{
    text-decoration: none;
    color: #ff3300;
    background-image: ;
    border: solid 1px #ffcc66; /*background-color: #ffcc99;*/
    padding: 3px;
}

.commandbutton
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.commandbutton:link
{
    color: #003366;
}

a.commandbutton:visited
{
    text-decoration: underline;
    color: #003366;
}

a.commandbutton:hover
{
    text-decoration: underline;
    color: #ff0000;
}

a.commandbutton:active
{
    text-decoration: underline;
    color: #003366;
}

/* button style for standard html buttons */
.standardbutton
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
    font-size: 12px;
    background: #dddddd;
    color: #000000;
    font-family: verdana, sans-serif;
}


/* generic */
h1
{
    font-family: tahoma, arial, helvetica;
    font-size: 18px;
    font-weight: normal;
    color: #666644;
}

h2
{
    font-family: tahoma, arial, helvetica;
    font-size: 16px;
    font-weight: normal;
    color: #666644;
}

h3
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

h4
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

h5, dt
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

h6
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

tfoot, thead
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    color: #003366;
}

th
{
    vertical-align: baseline;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

img
{
    border: none;
}

a:link
{
    text-decoration: none;
    color: #003366;
}

a:visited
{
    text-decoration: none;
    color: #000000;
}

a:hover
{
    text-decoration: underline;
    color: #ff0000;
}

a:active
{
    text-decoration: none;
    color: #003366;
}

small
{
    font-size: 8px;
}

big
{
    font-size: 14px;
}

blockquote, pre
{
    font-family: lucida console, monospace;
}


ul li
{
    list-style-type: square;
}

ul li li
{
    list-style-type: disc;
}

ul li li li
{
    list-style-type: circle;
}

ol li
{
    list-style-type: decimal;
}

ol ol li
{
    list-style-type: lower-alpha;
}

ol ol ol li
{
    list-style-type: lower-roman;
}
ol ul li
{
    list-style-type: disc;
}

hr
{
    color: #696969;
    text-align: left;
}

/* module title menu */
.moduletitle_menucontainer
{
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
}

.moduletitle_menubar
{
    cursor: pointer;
    height: 16px;
    background-color: transparent;
}

.moduletitle_menuitem
{
    cursor: pointer;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 0px solid;
    border-top: white 0px solid;
    border-right: white 0px solid;
    background-color: transparent;
}

.moduletitle_menuitem td
{
    /*td if menu is using tables*/
    cursor: pointer;
    color: black;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 24px;
    font-family: tahoma, arial, helvetica;
    white-space: nowrap; /*word wrapping menu item now optional*/
}

.moduletitle_menuitem td span
{
    cursor: pointer;
    color: black;
    font-size: 12px;
    white-space: nowrap;
    margin-left: 3px;
    margin-right: 6px;
    line-height:20px;
}

.moduletitle_menuicon
{
    cursor: pointer;
    background-color: #eeeeee;
    text-align: center;
    padding: 0px !important;
    height: 100%; /*override the default height for icon so that menubreaks can have heights adjusted*/
}

td.moduletitle_menuicon 
{
    padding:0 !important;  
    width:25px !important;  
}
 
.moduletitle_menuicon img
{
    margin:0 !important;    
}

.moduletitle_submenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #ffffff;
    filter: progid:dximagetransform.microsoft.shadow(color='dimgray', direction=135, strength=3);
    border-bottom: #ffffff 0px solid;
    border-left: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    border-right: #ffffff 0px solid;
}

.moduletitle_menubreak
{
    border-bottom: #eeeeee 1px solid;
    border-left: #eeeeee 0px solid;
    border-top: #eeeeee 1px solid;
    border-right: #eeeeee 0px solid;
    background-color: #eeeeee;
    height: 1px;
}

.moduletitle_menuitemsel
{
    cursor: pointer;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    background-color: #c1d2ee;
}

.moduletitle_menuitemsel td
{
    cursor: pointer;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 24px;
}

.moduletitle_menubar span.moduletitle_menuitemsel
{
    cursor: pointer;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    background-color: transparent;
}

.moduletitle_menuarrow
{
    font-family: webdings;
    font-size: 14px;
    cursor: pointer;
}

.moduletitle_rootmenuarrow
{
    font-family: webdings;
    font-size: 14px;
    cursor: pointer;
}

/* main menu */
.mainmenu_menucontainer
{
    background-color: transparent;
}
.mainmenu_menubar
{
    cursor: pointer;
    height: 16px;
    background-color: transparent;
}
.mainmenu_menuitem
{
    cursor: pointer;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: transparent;
}
.mainmenu_menuicon
{
    cursor: pointer;
    background-color: #eeeeee;
    border-left: #eeeeee 1px solid;
    border-bottom: #eeeeee 1px solid;
    border-top: #eeeeee 1px solid;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 15px;
    height: 24px;
}
.mainmenu_submenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #ffffff;
    border-bottom: #ffffff 0px solid;
    border-left: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    border-right: #ffffff 0px solid;
}
.mainmenu_menubreak
{
    border-bottom: #eeeeee 1px solid;
    border-left: #eeeeee 0px solid;
    border-top: #eeeeee 1px solid;
    border-right: #eeeeee 0px solid;
    background-color: #eeeeee;
    height: 1px;
}
.mainmenu_menuitemsel
{
    cursor: pointer;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    background-color: #c1d2ee;
}
.mainmenu_menuarrow
{
    font-family: webdings;
    font-size: 14px;
    cursor: pointer;
    border-right: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    border-top: #ffffff 0px solid;
}
.mainmenu_rootmenuarrow
{
    font-family: webdings;
    font-size: 14px;
    cursor: pointer;
}

.mainmenu table{
	z-index:5000;
}

/* legacy styles from ess 1-2 */
.headbg
{
    background-color: #cccccc;
}

.tabbg
{
    background-color: black;
}

.selectedtab
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: tahoma, arial, helvetica;
    text-decoration: none;
}

a.selectedtab:link
{
    text-decoration: none;
    color: white;
}

a.selectedtab:visited
{
    text-decoration: none;
    color: #eeeeee;
}

a.selectedtab:hover
{
    text-decoration: none;
    color: #cccccc;
}

a.selectedtab:active
{
    text-decoration: none;
    color: #eeeeee;
}

.othertabs
{
    font-weight: bold;
    font-size: 12px
    color: white;
    font-family: tahoma, arial, helvetica;
    text-decoration: none;
}

a.othertabs:link
{
    text-decoration: none;
    color: white;
}

a.othertabs:visited
{
    text-decoration: none;
    color: #eeeeee;
}

a.othertabs:hover
{
    text-decoration: none;
    color: #cccccc;
}

a.othertabs:active
{
    text-decoration: none;
    color: #eeeeee;
}
/*
.labeleditoverclass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.labeledittextclass
{
    border: solid 1px red;
    background-color: transparent;
}

.labeleditworkclass
{
    border: solid 0px red;
    background-color: transparent;
}

/* tabpane css*/
.tabcontainer
{
    background-color: transparent;
    position: relative;
}

.tabpanescontainer
{
    background-color: transparent;
}

.tabcontentcontainer
{
    height: 100%;
    position: relative; /*background-color:#ffffff;*/
    /**filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#eef5ff', endcolorstr='#ffffff', gradienttype='0');***/
}

.tabpanecontainernormal
{
    cursor: pointer;
    margin-right: 2px;
    position: relative;
    z-index: 0;
}
.tabpanecontaineractive
{
    cursor: pointer;
    margin-right: 2px;
    z-index: 1;
    position: relative;
}
.tabpanecontainernormal .tabpaneleft
{
    background-image: ;
    width: 3px;
    height: 24px;
    display: inline-block;
    vertical-align: bottom;
}

.tabpanecontainernormal .tabpanetitle
{
    background-image: ;
    text-align: center;
    font: 12px tahoma;
    font-weight:bold;
    color:#666666;
    padding: 2px 15px 0px 15px;
    display: inline-block;
    vertical-align: text-bottom;
    line-height:22px;
}


.tabpanecontainernormal .tabpaneright
{
    background-image: ;
    width: 3px;
    height: 24px;
    display: inline-block;
    vertical-align: bottom;
}

.tabpanecontaineractive .tabpaneleft
{
    background-image: ;
    width: 3px;
    height: 26px;
    display: inline-block;
    vertical-align: bottom; 
}

.tabpanecontaineractive .tabpanetitle
{
    background-image: ;
    padding:2px 15px 0px 15px;
    cursor: pointer;
    text-align: center;
    font: 12px tahoma;
    color:#05397e;
    font-weight:bold;
    display: inline-block;
    vertical-align: text-bottom;
    line-height:24px;
}

.tabpanecontaineractive .tabpaneright
{
    background-image: ;
    width: 3px;
    height: 26px;
    display: inline-block;
    vertical-align: bottom;
}

.tabpanecontent
{
    border-right: rgb(145,155,156) 1px solid;
    border-top: rgb(145,155,156) 1px solid;
    border-left: rgb(145,155,156) 1px solid;
    border-bottom: rgb(145,155,156) 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: rgb(252,252,254);
    position: relative;
    z-index: 0;
    /*float: left;*/
    width: 100%;
    top: -1px;
    vertical-align: top;
}
div.tabpanecontent
{
    width:auto;
}

.tabpanefooter
{
    margin-top:0px; 
    position: relative; 
    top: -1px; 
    border: solid 1px gray; 
    border-top: none;
    text-align: center; 
    padding-top: 15px; 
    height: 40px;
}

/*toolbar button*/
.toolbar
{
    padding: 0px;
    height: 30px;
    z-index: 0;
}
.toolbarbutton, .toolbarbuttonhover, .toolbarbuttonactivehover, .toolbarbuttonactive, .toolbarbuttonactivedisabled, .toolbarbuttondisabled, .toolbarbuttonupdisabled
{
    cursor: pointer;
    font: icon;
    font-weight: normal;
    padding: 2px 5px 2px 5px;
    border: 0px solid #e1f0f5;
    white-space: nowrap;
    vertical-align: middle;
    background-color: transparent;
}
.toolbarbutton img, .toolbarbuttonhover img, .toolbarbuttonactivehover img, .toolbarbuttonactive img, .toolbarbuttonactivedisabled img, .toolbarbuttondisabled img, .toolbarbuttonupdisabled img
{
    /*filter:				gray();*/
    vertical-align: middle;
    margin-right: 3px;
}

.toolbarbuttonhover1
{
    border-width: 1px;
    border-left-color: #222284;
    border-right-color: #222284;
    border-top-color: #222284;
    border-bottom-color: #222284;
    padding: 1px 4px 1px 4px;
    background-color: #d9e7fa;
}
.toolbarbuttonhover
{
    color: #ff3300;
    background-image: ;
    border: solid 1px #ffcc66;
    padding: 1px 4px 1px 4px;
}
.toolbarbuttonactivehover
{
    border-width: 1px;
    border-left-color: #222284;
    border-right-color: #222284;
    border-top-color: #222284;
    border-bottom-color: #222284;
    padding: 2px 3px 0px 5px;
    background-color: #83c0d7;
}

.toolbarbuttonactive
{
    border-width: 1px;
    border-left-color: #4d8b9f;
    border-top-color: #4d8b9f;
    border-right-color: white;
    border-bottom-color: white;
    padding: 2px 3px 0px 5px;
    background-color: #dddddd;
}
.pagercontainer
{
    width: 100%;
    background:  #f1f1f1 right top;
    padding: 0px;
    z-index: 0;
    border-top: 1px white solid;
    border-bottom: 1px gray solid;
    text-align: center;
    vertical-align: middle;
}
.pagercurrentitem
{
    cursor: default;
    font-size: 12px;
    font-weight: normal;
    border: 0px solid #e1f0f5;
    white-space: nowrap;
    background-color: transparent;
}

a.pagercurrentitem:link, a.pagercurrentitem:visited, a.pagercurrentitem:active
{
    border-width: 1px;
    border-left-color: #4d8b9f;
    border-top-color: #4d8b9f;
    border-right-color: white;
    border-bottom-color: white;
    padding: 2px 3px 0px 5px;
    background-color: #dddddd;
    text-decoration: none;
}

a.pagercurrentitem:hover
{
    border-width: 1px;
    border-left-color: #222284;
    border-right-color: #222284;
    border-top-color: #222284;
    border-bottom-color: #222284;
    padding: 2px 3px 0px 5px;
    background-color: #83c0d7;
}
.pageritem
{
    cursor: default;
    font-size: 12px;
    font-weight: normal;
    border: 0px solid #e1f0f5;
    white-space: nowrap;
    background-color: transparent;
}

a.pageritem:link, a.pageritem:visited, a.pageritem:active
{
    cursor: default;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px 2px 5px;
    border: 0px solid #e1f0f5;
    white-space: nowrap;
    background-color: transparent;
}
a.pageritem:hover
{
    border-width: 1px;
    border-left-color: #222284;
    border-right-color: #222284;
    border-top-color: #222284;
    border-bottom-color: #222284;
    padding: 1px 4px 1px 4px;
    background-color: #a9d2e1;
}

.pagerpre, .pagernext
{
    font-weight: bold;
    font-size: 12px;
    color: #003366;
    font-family: tahoma, arial, helvetica;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

a.pagerpre:link, a.pagernext:link
{
    text-decoration: none;
}

a.pagerpre:visited, a.pagernext:visited
{
    text-decoration: none;
}

a.pagerpre:active, a.pagernext:active
{
    text-decoration: none;
}

a.pagerpre:hover, a.pagernext:hover
{
    text-decoration: none;
}

.pagercurrentindex
{
    font-size: 12px;
    color: #ff0000;
}
.pagercount
{
    font-size: 12px;
    color: #000000;
}
.pagergoto
{
    border-width: 1px;
    border-left-color: #222284;
    border-right-color: #222284;
    border-top-color: #222284;
    border-bottom-color: #222284;
    width: 15px;
    font-size: 12px;
    color: #ff0000;
    padding: 2px 3px 0px 5px;
}
.pagergotohandler
{
    font-size: 12px;
    color: #003366;
    cursor: pointer;
}
/* system pop up windows background style */
.adminbackground
{
    color: #ffffff;
}

.icon
{
	 background-image:url(/uploads/image/pbimg/i-icon.gif);
	 background-repeat:no-repeat;
}

/*old css style,do not use again */
/*=============================================*/

/*datagrid table*/
.datagrid-main,.datagrid-main
{
    width: 100%;
    background-color: #d5d5d5;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
}

.datagrid-main td, .datagrid-main td
{
    border:solid 1px #d5d5d5;
}

.datagrid-header
{
    background-color: #d5d5d5;
    font-weight: bold;
    background-image: ;
    color: #ffffff;
    height: 26px;
}

.datagrid-pager
{
    border-color: #f7f7de;
    background-color: #f7f7de;
}

.datagrid-item
{
    background-color: #ffffff;
}

.datagrid-alter
{
    background-color: #fffdef;
}

.datagrid_selected,.datagrid-selected
{
    background-color: silver;
    color: blue; /*font-family: tahoma, arial, helvetica;*/
    font-weight: normal;
    font-size: 12px;
}

.datagrid-footer
{
    background-color: #e9eff3;
    height: 24px;
}
/*end old css style */

/*administrator table css style  */
table.tableheader
{
    border-right: #cccccc 1px solid;
    padding-right: 0px;
    border-top: #cccccc 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #cccccc 1px solid;
    width: 100%;
    padding-top: 0px;
    border-bottom: #cccccc 1px solid;
    border-collapse: collapse;
    background-color: #f1f1f1;
    border-spacing: 0px;
}
.tdsubhead
{
    text-align: right;
    background-color: #cccccc;
}
.tdnormal
{
    background-color: #eeeeee;
}
.tdleft
{
    text-align: right;
    background-color: #cccccc;
}
.tdright
{
    background-color: #eeeeee;
}

/* style for the esstextsuggest control select menu */
.suggesttextmenu
{
    border: solid 1px black;
    white-space: nowrap;
    background: white;
}
/* style for the esstextsuggest control selected menu node */
.suggestnodeover
{
    background-color: navy;
    color: white;
}


/*edit in place tool bar classes*/
.eipbackimg
{
    border: outset 1px; /*give toolbar a 3d look*/
    position: absolute; /*needed so it doesn't take up space */
    margin-top: -22px; /*specify toolbar to be just above text */
    white-space: nowrap; /* makes toolbar horizontal */
    background: ;
    background-color: #99cccc;
    background-repeat: repeat-x;
    height: 22px;
}

.eipbuttonbackimg
{
    width: 21px;
    height: 21px;
    cursor: pointer; /*change mouse to pointer when hover over button*/
    float: left;
}

.eipbutton_edit
{
    background:  no-repeat 100% center;
    float: left;
}
.eipbutton_save
{
    background:  no-repeat 100% center;
    float: left;
}
.eipborderhover
{
    border: outset 1px;
}

/* used to collapse panes without any content in them */
.essemptypane
{
    width: 0px;
}

/* used to set the different module align options - from module settings */
.essalignleft
{
    text-align: left;
}
.essalignright
{
    text-align: right;
}
.essaligncenter
{
    text-align: center;
}

/* login styles */
.loginpanel
{
}

.logintabgroup
{
}

.logintab
{
    float: left;
    background:  left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #fff;
    border: 1px #25569a solid;
}

.logintabselected
{
    float: left;
    background:  left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #fff;
    background-position: 0% -41px;
    border: 1px #25569a solid;
}

.logintabhover
{
    float: left;
    background:  left top;
    margin: 0 3px 3px 0;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    color: #555;
    border: 1px #c00 solid;
    cursor: pointer;
}

.logincontainergroup
{
    clear: both;
    padding-top: 5px;
}

.logincontainer
{
}

/* search skinobject styles */

div.searchcontainer
{
    position: relative;
    white-space: nowrap;
}

div.searchborder
{
    width: 200px;
    height: 20px;
    border: solid 1px #e0e0e0;
    position: relative;
    background-color: white;
    white-space: nowrap;
    float: left;
    margin-top: 2px;
}

input.esssearchtextbox
{
    float: left;
    z-index: 10;
    border: 0px;
    width: 169px;
    height: 18px;
}

div.searchcontainer a
{
    padding: 0px 5px;
    position: relative;
    display: inline-block;
    display: -moz-inline-box;
}

div.searchicon
{
    float: left;
    width: 31px;
    height: 20px;
    cursor: pointer;
    z-index: 11;
    background: no-repeat 2px 2px;
    text-align: right;
}

div.searchicon img
{
    margin-top: 3px;
}

.modulecontroldescription
{
    font-size:12px;
    color:#666666;
    padding-bottom:15px;    
}

#searchchoices
{
    width: 160px;
    clear: both;
    display: none;
    border: solid 1px #777;
    z-index: 2000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #eee;
    position: absolute;
    top: 21px;
    left: 0px;
}

#searchchoices li
{
    cursor: pointer;
    margin: 2px;
    padding: 2px;
    padding-left: 25px;
    height: 20px;
    text-align: left;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 5px center;
    list-style: none;
    list-style-image: none;
    border: solid 1px #eee;
    display: block;
}

#searchchoices li.searchhilite
{
    background-color: #ddf;
    border: solid 1px #aaf;
}

#searchchoices li.searchdefault
{
    background-color: #eee;
    border: solid 1px #eee;
}

/* event viewer styles */
.exception
{
    color: #ffffff;
    background-color: #ff1414;
}
.itemcreated
{
    color: #ffffff;
    background-color: #009900;
}
.itemupdated
{
    color: #ffffff;
    background-color: #009999;
}
.itemdeleted
{
    color: #000000;
    background-color: #14ffff;
}
.operationsuccess
{
    color: #ffffff;
    background-color: #999900;
}
.operationfailure
{
    color: #ffffff;
    background-color: #990000;
}
.generaladminoperation
{
    color: #ffffff;
    background-color: #4d0099;
}
.adminalert
{
    color: #ffffff;
    background-color: #148aff;
}
.hostalert
{
    color: #ffffff;
    background-color: #ff8a14;
}
.securityexception
{
    color: #ffffff;
    background-color: #000000;
}
#floater
{
    padding-right: 0px;
    padding-left: 0px;
    background: #ffffff;
    visibility: hidden;
    padding-bottom: 0px;
    margin: 0px;
    width: 150px;
    color: #ffffff;
    padding-top: 0px;
    position: absolute;
    height: auto;
}
#tablist 
{
	width: 120px;
	margin: 0;
	padding-bottom: 10px;
	float:left;
}

.dashboardpanel 
{
	margin-left: 120px;
	padding: 0 10px 10px 10px;
	
}

.dashboardpanel table td
{
	padding: 2px 4px;
}

.dashboardpanel table th
{
	padding: 2px 4px;
	font-size: 1em;
	font-weight: bold;
	color: #036;
	border-bottom: 1px solid #9fb1bc;
}

.dashboardtablealt 
{
	background-color: #eee;
}

.dashboardgrid
{
	margin: 10px;
}

.paneoutline
{
	border: 1px #cccccc dotted;
}
.containeradminborder
{
	border: 2px red solid;
}

#userprofile {
	border: 1px silver solid;
	padding: 10px;
	margin-bottom: 10px;
	width: 500px;
}
#userprofile .profilename {	
	font-weight:bold;
	color: #cb2027;
	margin-bottom: 5px;
}
#userprofile .profilephoto {
    background-image: ;	
	float: left;
}
#userprofile .profileaddress {
	margin: 0 0 10px 130px;
}
#userprofile .profilecontact {
	margin: 0 0 10px 130px;
	color: gray;
	font-size: 0.9em;
}
#userprofile .profilebio {
	clear: both;
	margin: 10px 0px 10px 0;
	padding: 10px;
	border: 1px #eee solid;	
	background-color: #f5f9fc;	
}

/*---------------- taxonomy ------------------------*/

/* horizontal taxonomy styles */
.horizontal ul.categories,.horizontal ul.tags{list-style:none;padding:0;margin:0;text-indent:25px;line-height:28px;}
.horizontal ul.categories{background: no-repeat left;}
.horizontal ul.tags{background: no-repeat left;}
.horizontal ul.categories li,.horizontal ul.tags li{display:inline;margin:0;}
.horizontal ul.tags li.add-tags{margin-left: 20px;}
.horizontal ul.tags li.add-tags img{vertical-align:middle;}

/* vertical taxonomy styles */
.vertical ul.categories,.vertical ul.tags{list-style:none;padding-top:0;padding-left:0;margin-top:0;margin-bottom:0; azimuth}
.vertical ul.categories li,.vertical ul.tags li{margin:0;line-height:20px;}
.vertical ul.categories li{list-style-image:; list-style-position:inside;}
.vertical ul.tags li{list-style-image:; list-style-position:inside; }
.vertical ul.tags li.add-tags{list-style-image:none;}
.vertical ul.tags li.add-tags img{vertical-align:middle;}