html {
	height:100%;
}
body {
	height:100%;
    border:0;
    margin:0;
    background-color:#ffffff;
    color:#000000;
    font-family: arial,helvetica,sans-serif;
}
div.rfdTextbox.RadForm input[type='text'].rfdDecorated, div.rfdTextbox.RadForm input[type='password'].rfdDecorated, div.rfdTextarea.RadForm textarea, div.rfdTextarea.RadForm textarea[disabled].rfdDecorated:hover, div.rfdTextbox.RadForm input[disabled][type='text'].rfdDecorated:hover, div.rfdTextbox.RadForm input[disabled][type='password'].rfdDecorated:hover, div.rfdLabel.RadForm label, div.RadForm .rfdDecorated, .RadForm .rfdCheckboxChecked, div.RadForm .rfdCheckboxChecked.rfdInputDisabled:hover, div.RadForm .rfdCheckboxUnchecked, div.RadForm .rfdCheckboxUnchecked.rfdInputDisabled:hover, div.RadForm .rfdAspLabel, div.RadForm .rfdRadioUnchecked, div.RadForm .rfdRadioUnchecked.rfdInputDisabled:hover, div.RadForm .rfdRadioUnchecked:hover, div.RadForm .rfdRadioChecked, div.RadForm .rfdRadioChecked.rfdInputDisabled:hover, div.RadForm .rfdRadioChecked:hover, div.RadForm .riTextBox, div.RadForm .rfdValidationSummaryControl, div.RadForm .rfdLoginControl, div.RadForm legend
{
  font-family: arial,helvetica,sans-serif;
}

/* No spinners in webkit browsers*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.nobr
{
  white-space: nowrap;
}

.RightAlignNumTxtBox {
  text-align: right;
	font-family: arial,helvetica,sans-serif!important;
}

.RadForm .rfdRoundedCorners {
    border-top-left-radius:3px !important;
    border-top-right-radius:3px !important;
    border-bottom-left-radius:3px !important;
    border-bottom-right-radius:3px !important;
}
.RadGrid_Default .rgRow td, .RadGrid_Default .rgAltRow td, .RadGrid_Default .rgEditRow td, .RadGrid_Default .rgFooterRow td
{
	padding-top: 1px !important;
	padding-bottom: 0px !important;
	font-family:arial,helvetica,sans-serif;
	color:black;
  border:0px !important;
  vertical-align:top; /* Monty wants all table cells aligned to the top */
}

/* Gets rid of border and background from grid checkboxes - */
div.RadGrid_Default input
{
  border-width: 0px;
  background-color: transparent;
}

.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol {
	vertical-align: bottom;
}

.RadGrid_Default tr.rgAltRow {
	/* background-color: #C5D2E2;	customize: alternate row - moved to colors.css*/
}

.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
	background-image: none !important;
	/* background-color: #A5B592 !important; customize: selected row- moved to colors.css*/
}


.RadMenu_Default .rmHorizontal a.rmRootLink
{
  padding-left: 0px;
}


.RadSplitter_Default
{
  font-family:arial,helvetica,sans-serif;
}

div.RadGrid_Default,
 div.RadGrid_Default .rgMasterTable,
 div.RadGrid_Default .rgDetailTable,
 div.RadGrid_Default .rgGroupPanel table,
 div.RadGrid_Default .rgCommandRow table,
 div.RadGrid_Default .rgEditForm table,
 div.RadGrid_Default .rgPager table,
 span.GridToolTip_Default
 {
      font-family:arial,helvetica,sans-serif;
 }

.mainSplitter
{
 
}

.loginPageBody {
    background-color:white;
    color:#000000;
}
.loginPageLeft {
	width:980px; 
	height:100%; 
    
	background-image:url(login_bg.png);
  background-repeat:no-repeat;
  background-color:#eaeaf2;
}

.loginPageRight	{
	width:220px; 
	height:100%; 
	padding-left:30px;
	padding-right:10px;
    
	background-image:url(login_right_background.png);
  background-repeat:repeat-x;
  background-color:#eaeaf2;
}

#login-zone {
  position:relative;
  left:600px;
  top:260px;
}
#login-zone table tr td {
    padding:2px;
}
#login-zone-right {
	width:100%;
	height:100%;
  margin-left:0px;
  margin-top:0px;
}

#copyright-zone {
  position:relative;
  left:600px;
  top:495px;
}

	#copyright-zone label {
		font-size: 11px;
	}

#text-zone {
  position:relative;
  left:680px;
  top:45px;
}

.loginValidator {
    color:#990000;
}

/* start header */
.headerbg {
    background-color:#afb5e9;
    background-image:url(header/header_bg_green.png);
    background-repeat:repeat-x;
}
.header {
    height:50px;
    width:100%;
    /*border-bottom:solid 1px #767779;*/
    background-repeat:no-repeat;
}
.headerLeft {
    padding-left:10px;
}
.headerCenter {
    font-family:arial,helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#222222;
}
.headerRight {
    padding-right:15px;
}
.headerLeft table tr td {
    font-family:arial,helvetica,sans-serif;
    font-size:20px;
    font-weight:bold;
    color:#222222;
}
.headerRight table tr td {
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
    color:#222222;
}
.headerRight table tr td a {
    color:#222222;
    text-decoration:none;
}
.headerRight table tr td a:hover {
    color:#222222;
    text-decoration:underline;
}
.headerCustomerLogo {
	padding-right:20px;
	height:32px;
	/*width:160px;*/
}
.headerAppName { }
.headerAppNameTag {
    font-size:11px;
}
.headerUserCustomer {
    font-weight:bold;
}
/* end header */

/* start tab bar */
div.RadTabStrip_Office2010Blue .rtsLevel1 {
	/* background-color: #EFEFEE; customize: tab bar- moved to colors.css*/
}

div.RadTabStrip_Office2010Blue .rtsLI, div.RadTabStrip_Office2010Blue .rtsLink {
	font-family: arial,helvetica,sans-serif;
}

.tabBar {
	background-color: #C6CED9;
	background-image: url(tabbar/tab_bg.png);
	background-repeat: repeat-x;
	height: 26px; /*22*/
	color: #222222;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
}

.tabBar a {
	color: #222222;
	text-decoration: none;
}

.tabBar a img {
	border: none;
}

.tabBarSpacer {
	float: left;
	width: 15px;
	height: 22px;
	border-right: solid 1px #a7afc2;
}
.tabBarSelected {
	float: left;
	height: 22px;
	background-repeat: repeat-x;
	padding-left: 20px;
	padding-right: 20px;
	border-right: solid 1px #a7afc2;
}
.tabBarItem {
    float:left;
    height:22px;
    padding-left:20px;
    padding-right:20px;
    border-right:solid 1px #a7afc2;
}
.tabBarFill {
    float:left;
    width:auto;
    height:22px;
    border-bottom:solid 1px #b4bccf;
}
.tabBarHeaderItem {
    height:21px;
    padding-left:15px;
    border-bottom:solid 1px #efefef !important;
    font-size:12px;
    text-align:center;
}
.tabBarAdmin {
    float:right;
    padding-right:15px;
    padding-top:2px;
}
/* end tab bar */

/* start tab area */
.tabArea {
    background-color:#f0f7fd;  /*#DBE4EB;*/
    /*background-image:url(tabbar/tabarea_bg.png);*/
    background-repeat:repeat-x;
    border-bottom:solid 1px #a7b4c4;  /*C0C6D2;*/
    /*height:39px;*/
    padding:2px;
}
.tabArea2 {
	/* background-color: #A5B592; customize: search bar- moved to colors.css*/
	background-repeat: repeat-x;
	border: solid 1px #9fb2c7; 
	padding: 6px 8px 6px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.tabAreaMasterFilter {
	/* background-color: #A5B592;	customize: master filter- moved to colors.css*/
	background-repeat: repeat-x;
	border: solid 1px #9fb2c7; 
	padding: 6px 8px 6px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 2px;
}

.tabAreaEditPage {
    border-top:solid 1px #a7b4c4;  /*#767779;*/
    border-bottom:solid 1px #a7b4c4;  /*#767779;*/
    background-color:#f0f7fd;
    padding:0px 2px 0px 2px;
}
.tabArea2EditPage {
    padding:0px 0px 0px 0px;
}
.tabAreaEditPage .RadRibbonBar .rrbContentWrapOut,
.tabAreaEditPage .RadRibbonBar .rrbContentWrapIn,
.tabAreaEditPage .RadRibbonBar .rrbContentWrapMid {
    border:none;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}
.tabAreaEditPage .RadRibbonBar,
.tabAreaEditPage .RadRibbonBar .rrbButtonArea {
    height:78px;  /*99*/
}
.tabAreaEditPage .RadRibbonBar .rrbTabs {
    display:none;
}
.tabAreaEditPage .RadRibbonBar .rrbGroupTitle {
    display:none;
}
.tabAreaEditPage .RadRibbonBar .rrbButtonGroup {
    height:66px;
}
.tabAreaEditPage .RadRibbonBar .rrbButtonGroupIn {
    height:48px;
}
/* end tab area */

/* search table */
.searchTable {
    height:22px;
    z-index:9000;
    /*border:solid 1px black !important;*/
}
.searchTable tr td {
    color:#222222;
    /*font-family:arial,helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;*/
    vertical-align:middle;
    padding-top:4px;
}

/* Use with dark search background for search table text color (burgundy background)
  .searchTable tr td label
  {
    color:white !important;
  }
*/

.toprow td {
	padding-top: 0 !important;
}


.searchTableLeftSpacer {
    width:0px;
}
.searchTableSpacer {
    width:15px;
}
.moreSearchOptions {
    display:none;
}
.iconButton .rbPrimaryIcon {
    /*left:7px;*/
}
.iconButton .rbPrimary {
    padding-left:14px !important;
}
/* end search table */

.leftPane {
	/* background-color: #C5D2E2;	customize: left pane- moved to colors.css*/
	width: 150px;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.filterContainer {
}

.fixedFilters {
	/* background-color: #C5D2E2;	customize: leftnav filter- moved to colors.css*/
	padding-bottom: 50px;
}

.userFilterButtons {
	background-color: #5f89c1;
	padding: 2px 4px;
}

.userFilterContainer {
    margin-top:20px;
}
.userFilterButtons input {
    vertical-align:bottom;
}
.userFilters {
}

.filterTitle {
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	height: 24px;
	/* background-color: #444D26;	customize: menu bar- moved to colors.css*/
	color: white;
	border-bottom: 1px solid #797474;
	vertical-align: middle;
}

	.filterTitle input {
		vertical-align: middle;
	}


.filterCountSelected {
	background-color: #ffffff;
	color: #9db0c1;
	text-align: center;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 22px;
	height: 12px;
	line-height: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.filterCount {
	/* background-color: #444D26; customize:- moved to colors.css*/ 
	color: #ffffff;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 22px;
	height: 12px;
	line-height: 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.filterContainer .fixedFilters .RadMenu_Default .rmRootGroup {
	border: 0;
}

.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmRootGroup,
.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmText,
.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmLink,
.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmRootLink {
	/* background-color: #A5B592;	customize: left nav filter- moved to colors.css*/
	border: 0;
}


.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmSelected,
.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmSelected .rmText,
.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmSelected .rmText:hover {
	/* background-image: none; customize: - moved to colors.css*/
	/* background-color: #444D26;	customize: - moved to colors.css*/
	background-position: 0 0;
	color: black;
	font-weight: bold;
	border: 0;
}

.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmDisabled:hover,
.filterContainer .fixedFilters .RadMenu_Default .rmVertical .rmDisabled .rmText:hover {
	background-image: none;
	border: 0;
}


.filterContainer .fixedFilters .RadMenu_Default .rmVertical a.rmLink,
.filterContainer .fixedFilters .RadMenu_Default .rmVertical a.rmRootLink
{
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  border: 0;
  padding-top:1px;
  padding-bottom:1px;
}

  .filterContainer .fixedFilters .RadMenu_Default .rmVertical a.rmLink:hover,
  .filterContainer .fixedFilters .RadMenu_Default .rmVertical a.rmRootLink:hover
  {
    /* color: #444D26;	customize: menu bar- moved to colors.css*/
    padding-top:1px;
    padding-bottom:1px;
  }

  .filterContainer .fixedFilters .RadMenu_Default .rmVertical a.rmDisabled:hover
  {
    color:#7D7D7D;
  }

  .viewMenuHeader,
  .viewMenuHeader .rmDisabled:hover,
  .viewMenuHeader .rmDisabled .rmText:hover
  {
    color:#000000 !important;
    font-weight:bold !important;

  }

.viewMenuItem
{
  padding-top:0px !important;
  padding-bottom:0px !important;

}

.viewMenuItemLeftItem
{
  display: inline-block;
  width:102px;
  text-align:left;
}

.viewMenuItemLeftSubItem
{
  display: inline-block;
  width:94px;
  text-align:left;
  font-style:italic;
}

.viewMenuItemRight
{
  display: inline-block;
  width:35px;
  text-align:center;
  padding-right:10px;
}

.buttonBarPane /* Needed for RadPanes in spitters that contain RadMenus or dropdowns won't be visible*/
{
  overflow: visible !important;
}

.buttonBar {
	height: 24px;
	/* background-color: #444D26; customize: menu bar- moved to colors.css*/
	color: #ffffff;
	font-family: "Segoe UI",arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
}
.buttonMenuContainer {
    padding-left:3px;
}
.buttonTable {
}
.buttonTable tr td {
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    /*padding:1px;*/
}
.buttonTable tr td a {
    color:#ffffff;
    text-decoration:none;
}
.buttonTable tr td a:hover {
    text-decoration:underline;
}
.buttonTableSpacer {
    width:15px;
}
.buttonBar .RadMenu_Default,
.buttonBar .RadMenu_Default a.rmLink {
    color:#fff;
}
.buttonBar .RadMenu_Default a.rmLink:hover {
    /*text-decoration:underline;*/
}
.buttonBar .RadMenu_Default .rmRootGroup,
.buttonBar .RadMenu_Default .rmGroup,
.buttonBar .RadMenu_Default a.rmLink {
    background-image:none;
}
.buttonBar .RadMenu_Default .rmGroup .rmText,
.buttonBar .RadMenu_Default .rmVertical .rmText {
    background-image:none;
}
.buttonBar .RadMenu_Default .rmRootGroup {
    background-color:transparent;
    border:0;
}
.buttonBar .RadMenu_Default .rmFocused {
    background-image:none;
    background-color:transparent;
}
.buttonBar .RadMenu_Default a.rmLink:hover,
.buttonBar .RadMenu_Default a.rmFocused,
.buttonBar .RadMenu_Default a.rmSelected {
    background-color:#0571B1;  /*#888888;*/
}
.buttonBar .RadMenu_Default a.rmExpanded,
.buttonBar .RadMenu_Default a.rmExpanded:hover {
    background-color:#0571B1;  /*#888888;*/
}
/* </Root items> */
/* <Submenu items> */
	.buttonBar .RadMenu_Default .rmGroup,
	.buttonBar .RadMenu_Default .rmMultiColumn,
	.buttonBar .RadMenu_Default .rmGroup .rmVertical {
		border: none; 
		background: #444D26; /*customize: menu bar- moved to colors.css*/
	}
.buttonBar .RadMenu_Default .rmTopFix,
.buttonBar .RadMenu_Default .rmBottomFix,
.buttonBar .RadMenu_Default .rmRoundedCorners .rmGroup .rmItem,
.buttonBar .RadMenu_Default .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.buttonBar .RadMenu_Default .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.buttonBar .RadMenu_Default .rmRoundedCorners ul.rmHorizontal .rmFirst,
.buttonBar .RadMenu_Default_Context.rmRoundedCorners .rmGroup .rmItem,
.buttonBar .RadMenu_Default_Context.rmRoundedCorners ul.rmHorizontal .rmFirst {
    /* background-image:none; - moved to colors.css*/
    /* background-color:#0571B1;  #888888;- moved to colors.css*/
}
* html .buttonBar .rmRoundedCorners_Default .rmGroup .rmItem,
* html .buttonBar .rmRoundedCorners_Default ul.rmHorizontal .rmFirst {
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y; 
}
.buttonBar .RadMenu_Default .rmGroup .rmLink:hover,
.buttonBar .RadMenu_Default .rmGroup .rmFocused,
.buttonBar .RadMenu_Default .rmGroup .rmExpanded { 
    /* color:#fff; - moved to colors.css*/
    /* background:#0571B1;  /*#888888; - moved to colors.css*/
}
.buttonBar .RadMenu_Default ul.rmHorizontal .rmLeftImage {
    margin: 4px 6px 0 6px;
}
.buttonBar .toggleLeftPane {
    width:35px;
}
.buttonBar .recordCount {
    vertical-align:middle;
    padding-right:10px;
}

.buttonBar .orderTotal {
    padding-right:10px;
    padding-left:10px;
    font-weight:bold;
    white-space:nowrap;
    font-size:12px;
}

.buttonBar .orderTotalAlert {
    padding-right:10px;
    padding-left:10px;
    font-weight:bold;
    color:red;
    white-space:nowrap;
    font-size:12px;
}

.buttonBar .headerText
{
  padding-left:10px;
  font-size:large;
  padding-top:3px;
}

.buttonBar .RadButton_Default .rbDecorated, .buttonBar .menuButton
{
  background-color:transparent;
  background-image:none !important;
  color: #FFFFFF !important;
  height:25px;
}



/* dashboard */
.dashboardBody {
    /* background-color:#d3e1f1; /*608ac3 - moved to colors.css*/
}
.dockContainer .RadDockZone {
    border:0;
    /*padding-left:8px;*/
}
.dockContainer .RadDock {
    margin-bottom:12px;
}
.dockContainer .RadDock .footnote {
    color:#666666;
}

/* edit page */
#editContent {
}
.editFormContainer {
    border-spacing:6px;
}
.editFormContainer .narrowWidth {
    width:100px !important;
}
.editFormContainer .normalWidth {
    width:200px !important;
}
.editFormContainer .wideWidth {
    width:300px !important;
}

.editFormContainer .xWideWidth {
    width:500px !important;
}

/* employee portal page */
.employeeDockContainer .RadDockZone {
    border:0;
}
.employeeDockContainer .RadDock {
    margin-bottom:8px;
}
.employeeDockContainer .RadDock .rdTitleBar em {
    font-size:16px;
}
.employeeDockTable {
    width:95%;
    margin:20px 20px 10px 20px;
}
.employeeDockTable tr th {
    font-size:14px;
    text-align:left;
    padding:4px 4px 4px 4px;
    background-color:#714354;
    color:#ffffff;
}
.employeeDockTable tr td {
    font-size:14px;
    text-align:left;
    padding:3px 4px 3px 4px;
}
.employeeDockTable tr td a {
    text-decoration:underline;
    color:#333;
}
.employeeDockTable tr td a:hover {
    text-decoration:underline;
    color:#000;
}

.courseDescription {
    width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}
.courseDescription h1, .courseDescription p {
    font-family:"Segoe UI", Arial, Verdana;
}
.courseDescription h1 {
    font-size:20px;
}
.courseDescription p {
    font-size:14px;
}

.courseQuiz {
    width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}
.courseQuiz h1, .courseQuiz p {
    font-family:"Segoe UI", Arial, Verdana;
}
.courseQuiz h1 {
    font-size:20px;
}
.courseQuiz p {
    font-size:14px;
}
.courseQuiz .question {
    font-weight:bold;
}
.courseQuiz .answer {
    margin-left:40px;
}
.courseQuiz .rbToggleButton {
    width:220px;
}
.courseQuiz .rbToggleButton.RadButton_Simple:hover {
    color:#333;
}
.courseQuiz .quizButtons {
    margin-top:25px;
    margin-bottom:35px;
}
.courseQuiz .quizResult {
    margin-top:20px;
    margin-left:40px;
    font-size:20px;
}
.courseQuiz .quizResult img {
    vertical-align:text-bottom;
}

.editSubTable
{
    color:#333;
    font-family: Arial,helvitica,sans-serif;
    font-size:12px;

}
.editSubTable td
{
    padding-right:10px;
}

.gridTextBox
{
	font-size: 12px;
  font-family:arial,helvetica,sans-serif;
}

.gridTextBoxRight
{
	font-size: 12px;
  font-family:arial,helvetica,sans-serif;
  text-align:right;
}


#LabelAjaxLoad
{
  font-family: arial,helvetica,sans-serif;
  font-weight:bold;
  font-size: 12px;
}

#ButtonSearchMasterAddFilter
{
  background-image:url(/App_Themes/Default/leftpane/add.png);
  background-color:transparent;
  background-repeat:no-repeat;
  width:16px;
  height:16px;
  border:none;
}

#ButtonSearchMasterUpdateFilter
{
  background-image:url(/App_Themes/Default/leftpane/database_yellow.png);
  background-color:transparent;
  background-repeat:no-repeat;
  width:16px;
  height:16px;
  border:none;
}

#ButtonSearchMasterDeleteFilter
{
  background-image:url(/App_Themes/Default/leftpane/delete.png);
  background-color:transparent;
  background-repeat:no-repeat;
  width:16px;
  height:16px;
  border:none;
}


/* used by MakeMsg function*/
    .warningMessage {
	    font-weight: bold !important;
      color: yellow !important;
    }
    .errorMessage {
	    font-weight: bold !important;
	    color: #990000 !important; 
    }
     .infoMessage {
	    /*font-weight: bold !important;*/
	    color: black !important; 
    }
	  .successMessage
	  {
      font-weight: bold !important;
	    color: green !important; 
	  }


/* -----   SPLITTER STYLES --------*/
    .rspCollapseBarHorizontalExpand,         
    .rspCollapseBarHorizontalExpandOver         
    {         
       background: #ffffff url(buttonbar/collapse_down.png) no-repeat 0 0!important;       
       height:16px!important;       
       width:20px!important;       
    }        
           
    .rspCollapseBarHorizontalCollapse,         
    .rspCollapseBarHorizontalCollapseOver       
    {         
       background: #ffffff url(buttonbar/collapse_up.png) no-repeat 0 0!important;       
       height:16px!important;       
       width:20px!important;       
    }       
           
    .rspResizeBarHorizontal,       
    .rspResizeBarHorizontalOver,       
    .rspCollapseBarHorizontalWrapper       
    {       
        background:#ffffff;       
        height: 16px !important;       
               
    }