/* ================================
    default styles for dotnetnuke
   ================================
*/

/* background color for the content part of the pages */
body
{
    background-color: white;
}
table
{
    text-align: left;
}
.controlpanel, .pagingtable
{
    width: 100%;
    height: 64px;
    background-color: #ffffff;
    border-right: #003366 1px solid;
    border-top: #003366 1px solid;
    border-left: #003366 1px solid;
    border-bottom: #003366 1px solid;
}

.skinobject
{
    font-weight: bold;
    font-size: 9pt;
    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:active
{
    text-decoration: none;
    color: #003366;
}

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

/* style for module titles */
.head
{
    font-family: tahoma, arial, helvetica;
    font-size: 16px;
    font-weight: bold;
    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;
}

/* styles used by data grids */

.datagrid_container
{
    width: 100%;
    background-color: transparent; /*font-family:tahoma, arial, helvetica;*/
    font-size: 12px;
}

.datagrid_footer
{
    background-color: #e9eff3;
    height: 24px;
}
.datagrid_header
{
    background-color: #d5d5d5;
    font-weight: bold;
    background-image: ;
    color: #666666;
    height: 26px;
    font-size: 12px;
    vertical-align:middle;
}
.datagrid_item
{
    background-color: transparent;
    color: black;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    height:26px;
}
.datagrid_alternatingitem
{
    background-color: white;
    color: red;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color:#cdffb1;
    height:26px;
}
.datagrid_selecteditem
{
    background-color: silver;
    color: blue; /*font-family: tahoma, arial, helvetica;*/
    font-weight: normal;
    font-size: 12px;
}
.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:active, a.treemenu_nodeselected:active
{
    text-decoration: none;
    color: #003366;
}

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

/* 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: dimgray 1px solid;
    background-color: white;
    margin: 2px 2px 2px 2px;
}

.filemanager_filelist
{
    height: 100%;
    border: dimgray 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: dimgray 1px solid;
    height: 25px;
}

.filemanager_pager
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    background-color: #eeeeee;
    border-top: dimgray 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:active, a.filemanagertreenodeselected:active
{
    text-decoration: none;
    color: #003366;
}

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

/* 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: dimgray 1px solid;
    padding-right: 2px;
    border-top: dimgray 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: dimgray 1px solid;
    padding-top: 2px;
    border-bottom: dimgray 1px solid;
    background-color: gainsboro;
}
.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: 9pt;
    padding-bottom: 5px;
    border-left: black 1px solid;
    width: 180px;
    padding-top: 5px;
    background-color: #ccffff;
}
.wizardhelptext
{
    overflow: auto;
    font-size: 8pt;
    width: 180px;
    color: black;
    font-family: tahoma, verdana, arial, sans-serif;
    height: 300px;
}
.wizardtext
{
    font-size: 9pt;
    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: 12px;
    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;
    font-size: 12px;
}

/* text style for buttons and link buttons used in the portal pane that has a background */
.commandbutton
{
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal command pages */
a.commandbutton:link
{
    text-decoration: underline;
    color: #003366;
}

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

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

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

/* text style for buttons and link buttons used in the portal admin pages */
.adminbutton
{
    font-family: tahoma, arial, helvetica;
    font-size: 14px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.adminbutton:link
{
    text-decoration: underline;
    color: #003366;
}

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

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

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


/* 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;
}
.formbutton
{
    vertical-align: middle;
    cursor: pointer;
    border: outset 1px #ccc;
    background: #999000;
    color: #666000;
    font-weight: bold;
    /*padding: 1px 2px;*/
    background:  repeat-x left top;
}

/* 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;
}

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

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

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

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

small
{
    font-size: 8px;
}

big
{
    font-size: 14px;
}

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


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

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: dimgrey;
    height: 1px;
    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: 9pt;
    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: 9pt;
    font-weight: bold;
    font-style: normal;
    height: 21px;
    font-family: tahoma, arial, helvetica;
    white-space: nowrap; /*word wrapping menu item now optional*/
}

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

.moduletitle_menuicon
{
    cursor: pointer;
    background-color: #eeeeee; /*border-left: #eeeeee 1px solid;  	border-bottom: #eeeeee 1px solid;  	border-top: #eeeeee 1px solid; */
    text-align: center;
    width: 15px;
    padding: 0px 3px 0px 3px;
    height: 100%; /*override the default height for icon so that menubreaks can have heights adjusted*/
}

td.moduletitle_menuicon span
{
    margin-right: 0px;
}

.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: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #c1d2ee;
}

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

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

.moduletitle_menuarrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer; /*border-right: #ffffff 1px solid;  	border-bottom: #ffffff 1px solid;  	border-top: #ffffff 0px solid;*/
}

.moduletitle_rootmenuarrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
}

/* main menu */
.mainmenu_menucontainer
{
    background-color: transparent;
}
.mainmenu_menubar
{
    cursor: pointer;
    height: 16px;
    background-color: transparent;
}
.mainmenu_menuitem
{
    cursor: pointer;
    color: #003399;
    font-family: tahoma, arial, helvetica;
    font-size: 9pt;
    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;
}
.mainmenu_menuicon
{
    cursor: pointer;
    background-color: #ebf3fe;
    border-bottom: #dddddd 0px solid;
    border-top: #dddddd 0px solid;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 15px;
    height: 21px;
}
.mainmenu_submenu
{
    z-index: 1000;
    cursor: pointer;
    background-color: #fafafa; /*filter:progid:dximagetransform.microsoft.shadow(color='dimgray', direction=135, strength=3); */
    border-bottom: #c3c4c9 1px solid;
    border-left: #c3c4c9 1px solid;
    border-top: #c3c4c9 1px solid;
    border-right: #c3c4c9 1px solid;
}
.mainmenu_menubreak
{
    border-bottom: #dddddd 0px solid;
    border-left: #dddddd 0px solid;
    border-top: #dddddd 0px solid;
    border-right: #dddddd 0px solid;
    background-color: transparent;
    height: 1px;
}
.mainmenu_menuitemsel
{
    cursor: pointer;
    color: #284064;
    font-family: tahoma, arial, helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal; /*background-color: #c9defb;*/
    background-image: ;
}
.mainmenu_menuarrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    border-right: #ffffff 0px solid;
    border-bottom: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
}
.mainmenu_rootmenuarrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
}

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

.tabbg
{
    background-color: black;
}

.selectedtab
{
    font-weight: bold;
    font-size: 9pt;
    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:active
{
    text-decoration: none;
    color: #eeeeee;
}

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

.othertabs
{
    font-weight: bold;
    font-size: 9pt;
    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:active
{
    text-decoration: none;
    color: #eeeeee;
}

a.othertabs:hover
{
    text-decoration: none;
    color: #cccccc;
}
.pagingtable
{
    height: 33px;
}

.labeleditoverclass
{
    cursor: pointer;
    text-decoration: underline overline;
}

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

.labeleditworkclass
{
    /*background:  no-repeat right;*/
    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;*/
}
.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;
    font-size: 12px;
    font-family: tahoma;
    vertical-align: text-bottom;
}

.tabpanecontainernormal .tabpanetitle
{
    background-image: ;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    font-family: tahoma;
    display: inline-block;
    vertical-align: text-bottom;
}


.tabpanecontainernormal .tabpaneright
{
    background-image: ;
    width: 3px;
    height: 24px;
    display: inline-block;
    font-size: 12px;
    font-family: tahoma;
    vertical-align: text-bottom;
}

.tabpanecontaineractive .tabpaneleft
{
    background-image: ;
    width: 3px;
    height: 24px;
    display: inline-block;
    font-size: 12px;
    font-family: tahoma;
    vertical-align: text-bottom;
}

.tabpanecontaineractive .tabpanetitle
{
    background-image: ;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 1px;
    padding-right: 1px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-family: tahoma;
    display: inline-block;
    vertical-align: text-bottom;
}

.tabpanecontaineractive .tabpaneright
{
    background-image: ;
    width: 3px;
    height: 24px;
    font-size: 12px;
    font-family: tahoma;
    display: inline-block;
    vertical-align: text-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: -5px; 
    border: solid 1px gray; 
    border-top: none;
    text-align: center; 
    padding-top: 20px; 
    height: 30px;
    padding-bottom: 15px; 
}

/*toolbar button*/
.toolbar
{
    padding: 0px;
    height: 30px;
    z-index: 0;
    font-size: 12px;
}
.toolbarbutton, .toolbarbuttonhover, .toolbarbuttonactivehover, .toolbarbuttonactive, .toolbarbuttonactivedisabled, .toolbarbuttondisabled, .toolbarbuttonupdisabled
{
    cursor: pointer;
    font: icon;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    border: 0px solid #e1f0f5;
    white-space: nowrap;
    vertical-align: middle;
    background-color: transparent;
    font-size: 12px;
}
.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: 9pt;
    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: 9pt;
    color: #003366;
    cursor: pointer;
}
/* system pop up windows background style */
.adminbackground
{
    color: #ffffff;
}

/*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-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 dnntextsuggest control select menu */
.suggesttextmenu
{
    border: solid 1px black;
    white-space: nowrap;
    background: white;
}
/* style for the dnntextsuggest control selected menu node */
.suggestnodeover
{
    background-color: navy;
    color: white;
}
.groupsuggestmenu
{
    width: 125px;
    font-size: 12px;
}
option.disabled 
{
    color: #808080;
}