/* ------------------------------------------------------------------------------------------- */
/*     Main Body and HTML styles...                                                            */
/* ------------------------------------------------------------------------------------------- */
html,body,td,th,li { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#919191; font-size:12px; }
p { font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#919191; font-size:12px; line-height:19px; margin:0 0 20px 0; padding:0; }
html,body { background-color:#ffffff; }
html { overflow-y:scroll;}
td,th,p,li { text-align: left; }

h1 {font-family:Arial, Helvetica, sans-serif; color:#cc0033; font-size:24px; font-weight:normal; padding:0; margin:0 0 11px 0; }
h2 {font-family:Arial, Helvetica, sans-serif; color:#919191; font-size:14px; font-weight:bold; padding:22px 0 3px 0; margin:0; }
h3 {font-family:Arial, Helvetica, sans-serif; color:#8e8e8e; font-size:12px; font-weight:bold; padding:0; margin:0; }
h4 {font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; font-size:11px; font-weight:normal; padding:0; margin:0 0 10px 0; }
h5 {font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:12px; font-weight:normal; padding:0; margin:0; }

.red { color:#FF0000}
img { border:none; }
form { margin:0; padding:0; }
.subheader { display:block; color:#919191; font-size:14px; font-weight:normal; padding:0 0 5px; margin:5px 0; }
sup {font-size:0.35em;}
p.leadText {font-size:17px; font-weight:normal; color:#919191;}

/* ------------------------------------------------------------------------------------------- */
/*     Site Structure Styles - Used to control main work areas and structure of site           */
/* ------------------------------------------------------------------------------------------- */

/* -- Main Master.page containers -- */
#contentHolder { text-align:left; margin-left:auto; margin-right:auto; width:988px; padding:0; }
.content { float:left; width:988px; padding:27px 0 0 0; margin:0; }



/* -- CONTENT FRAMEWORK TIER 1 --*/

/* Main Full page - needed for internal padding.. cant use '.content' as other pages dont use padding */
.mainFullPage { float:left; vertical-align:top; width:960px; margin:0; padding:0 0 0 29px; }

/* Left nav */
.leftBar { vertical-align:top; float:left; width:191px; margin:0; padding:26px 20px 0 0; min-height:718px; }

/* 2 column container (expects left nav OR main right bar) */
.mainWorkArea { float:left; width:777px; margin:26px 0 30px 0; padding:0; position:relative; }
.mainWorkArea.training {position:static;}

/* Main Right Bar */
.mainRightBar { vertical-align:top; float:right; width:191px; margin:26px 0 0 0px; padding:0; }

/* Main Title Bar */
.mainTitleBar { float:left; width:934px; border-bottom:solid 1px #d4d4d4; padding:0; margin:0 0 8px 17px }


/* -- CONTENT FRAMEWORK TIER 2 --*/

/* child of '.mainWorkArea' or other Teir 1 - full width */ 
.centreColWide { float:left; width:757px; margin-right:0; padding:0 0 30px 0; } 

/* child of '.mainWorkArea' or other Teir 1 - center column, main text */ 
.centreCol { float:left; width:566px; margin-right:20px; padding:0 0 30px 0;}
.centreColTest { float:left; width:566px; margin-right:10px; padding:0 0 30px 0;}

/* child of '.mainWorkArea' or other Teir 1 - right column */ 
.rightBar { vertical-align:top; float:left; width:191px; margin:0; padding:0; }
.rightBarTest { vertical-align:top; float:left; width:201px; margin:0; padding:0; }

/* child of '.mainWorkArea' or other Teir 1 - right column */ 
/*.centreTabs { float:left; width:734px; clear:both; background-image:url(/Images/ioclub/sitepages/tabs/tabsBkgd.gif); background-repeat:repeat-x; background-position:0 0; padding:0 0 0 10px; margin:0 0 17px 0; }*/

/* child of '.mainWorkArea' or other Teir 1 - right column */ 
.titleBar { float:left; width:100%; border-bottom:solid 1px #d4d4d4; padding:0; margin-bottom:25px }



/* -- content column variants -- */
.contentColumn390 { float:left; width:390px; }
.contentColumn328 { float:right; width:328px; }

/* ---------------------------------*/
/*    Holding Page Styles           */
/* -------------------------------- */

#holdingPageContainer {clear:both; padding:30px 15px; min-height:400px;}
#holdingPageOuter {}
#holdingPageInner {}

/* ---------------------------------*/
/*    Xstandard Styles              */
/* -------------------------------- */

.contentArea ul { margin:0px; padding:8px 0px 35px 10px;}
.contentArea ul li { list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 6px; padding:0px 0px 5px 10px; margin:0px; line-height:18px}
.contentArea ul li ul { margin:0px; padding:0px 0px 0px 20px;}
.contentArea ul li ul li { list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;}
.contentArea ul li ol { margin:0px; padding:0px 0px 0px 20px;}
.contentArea ul li ol li { list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;}

.contentArea ol { margin:0px; padding:8px 0px 8px 20px;}
.contentArea ol li { list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px; line-height:18px}
.contentArea ol li ul { margin:0px; padding:0px 0px 0px 20px;}
.contentArea ol li ul li { list-style-type:none; background-image:url(/Images/ioclub/Images/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;}
.contentArea ol li ol { margin:0px; padding:0px 0px 0px 20px;}
.contentArea ol li ol li { list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;}

.contentArea table {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 16px 0px;}
.contentArea caption { font-size: 12px; font-weight: normal; color:#ffffff; background-color:#b7b7b7; padding:4px; text-align:left; margin:10px 0px 5px 0px; }
.contentArea th { font-size: 12px; font-weight: bold; color:#565656; padding: 4px 4px 9px 4px; background-color:#fbfbfb; border-bottom: solid 1px #b7b7b7}
.contentArea td { font-size: 12px; line-height:16px; padding: 4px; border-bottom: solid 1px #dadada; }
.contentArea td p { font-size: 12px; line-height:16px}
.contentArea td h3 { color: #7d7d7d; font-size: 12px; font-weight: bold;}
.contentArea td h4 { color:#919191; font-size: 12px; font-weight: bold;}
.contentArea td h5 { color:#919191; font-size: 12px; font-weight: normal;}

#overlayBlack { position:fixed; display:none; z-index:1000; left:0px; width:100%; height:100%; top:0px; padding:0; background-color:#000; opacity:0.7; }
#overlay { position:absolute; z-index:1026; left:0px; width:0px; top:0px; padding:10px; visibility:hidden; background-color:#ffffff; opacity:.7; }

/* ---------------------------------*/
/*    Header                        */
/* -------------------------------- */

#headerHolder { padding: 0px; /*background-color:#f8f8f8;*/ float:left; min-width:100%; }
#header { margin-left:auto; margin-right:auto; width:988px; padding:0; height:116px; }
#header h1 { z-index:9999; position:relative; margin:0px; padding:0px;}

.rightHeader {float:right; width:350px; }
.leftHeader {float:left; width:382px; margin:35px 0 0 12px;}

/* -- general tabs / quicklinks -- */
.quickLinks { margin:5px 0 0 0; padding:0; }
.quickLinks table { width:350px; }
.quickLinks table tr td.links { text-align:right; font-size:11px; }
.quickLinks table tr td.links img { margin-left:2px; padding-bottom:2px; } 
.quickLinks table tr td.links a { margin:0 0 0 3px; }

/* -- preferences tab -- */
.quickLinks table tr td.links a.preferencesTab { padding:0 6px; border-left:solid 1px #a0a0a0; border-right:solid 1px #a0a0a0; }
.quickLinks table tr td.links a.preferencesTabActive { padding:5px 7px; background-image:url(/Images/ioclub/nav/header/prefActiveBg.gif); background-repeat:no-repeat; background-position:0 0; }


/* -- preferences panel -- */
.preferencesPanel { padding:10px 9px 10px 7px; width:410px; height:105px; margin:3px 0 0 -80px; z-index:1050; position:absolute; background-image:url(/Images/ioclub/nav/header/prefBoxBkgd.png); background-repeat:no-repeat; background-position:0 0;  /*background-color:#dae6f2;*/}
.preferencesPanel .delete {float:right; margin:1px 3px; }

.preferencesPanel .prefLogo { height:80px; width:80px; margin:4px 10px 0 5px; float:right; }

.preferencesPanel .prefNoLogo { height:80px; width:80px; margin:4px 10px 0 5px; float:right; background-color:#f5f5f5; }
.preferencesPanel .prefNoLogo .textHolder {display:table; height:80px; float:left; padding:3px; text-align:center;}
.preferencesPanel .prefNoLogo .textAlign {display:table-cell; vertical-align:middle;}
.preferencesPanel .prefNoLogo .textHolder .textAlign a { font-size:10px;}




.preferencesPanel .prefText { height:105px; max-width:305px; margin-left:5px; float:left; } /*-mh 195 - 215-*/

/*.preferencesPanelContainer { padding:0; height:105px; width:354px margin:0; z-index:150; position:absolute; }*/
/*.preferencesPanelLeft {float:right; padding:0px; width:9px; height:119px; margin:3px 0 0 0; background-image:url(/Images/ioclub/nav/header/prefBoxLeft.png); background-repeat:no-repeat; background-position:0 0; }*/
/*.preferencesPanelRight {float:right; padding:0px; width:9px; height:119px; margin:3px 0 0 0; background-image:url(/Images/ioclub/nav/header/prefBoxRight.png); background-repeat:no-repeat; background-position:0 0; }*/
/*.preferencesPanel {float:right; padding:7px 0; width:354px; height:105px; margin:3px 0 0 0;  background-image:url(/Images/ioclub/nav/header/prefBoxBkgd.png); background-repeat:repeat-x; background-position:0 0; }*/

.prefText .downloadListDetails { display:inline-block; border-bottom:dotted 1px #d9d9d9; padding:14px 0 3px; }
.prefText .downloadListDetails .menu ul li ul { margin-top:-2px; }
.prefText .downloadListDetails .dlTitle { margin-left:8px; }

.prefText .focusListDetails { width:100%; display:inline-block; border-bottom:dotted 1px #d9d9d9; padding:5px 0 3px; } /*-mh 195 - 215-*/
.prefText .focusListDetails .menu ul li ul { margin-top:-2px; }
.prefText .focusListDetails .dlTitle { margin-left:8px; }

.updateProfile { display:inline-block; padding:5px 0 3px;  }
.updateProfile .title { font-size:11px; margin-left:8px; }
.updateProfile .title a { font-size:11px; }

/* -- search box -- */
.headerSearch { width:222px; margin-left:127px; height:34px; position:absolute;top:31px; padding:0; background-image:url(/Images/ioclub/nav/header/searchBoxBkgd.png); background-repeat:no-repeat; background-position:0 0; }
.headerSearchHide { display:none; width:348px; margin-left:127px; height:34px; position:relative;top:31px; padding:0; background-image:url(/Images/ioclub/nav/header/searchBoxBkgd.png); background-repeat:no-repeat; background-position:0 0; }
.headerSearch input { border:none; border:solid 0px #ffffff; }
.headerSearch .advSearch { float:left; margin:11px 0 0 0; padding:0; font-size:11px;}
.headerSearch ul { margin:2px 0 0 27px; padding:0px; float:left; }
.headerSearch ul li { display:inline; float:left; list-style-type: none; padding:0px; margin:0px; }

.headerSearchField { width:160px; font-size:11px; padding:0; margin:9px 6px 0 0; color:#a8a8a8; }
.headerSearchbutton { width:23px; height:25px; border:solid 0px #ffffff; cursor:pointer; margin:2px 0 0 0; }

.headerRightLogo {margin-top:3px;float:right; padding:0px; width:220px;}
.headerRightLogo p { font-size:11px; color:#211f20; }

.ie6Hide { display:none }

.languageSelection { z-index: 11000; margin:5px 0 0 0; padding:0; float:right; }
.languageSelection .downloadListDetails { z-index: 11000; display:inline-block; padding:0 0 3px; }
.languageSelection .downloadListDetails .menu { z-index: 11000; }
.languageSelection .downloadListDetails .menu ul li ul { margin-top:-2px; }
.languageSelection .downloadListDetails .dlTitle { margin-left:8px; }


/* ---------------------------------*/
/*   menu			*/
/* -------------------------------- */ 
.menuHolder { background-image:url(/Images/ioclub/nav/menu/leftCap.gif); background-repeat:no-repeat; background-position:0 0; background-color:#a9a9a9; margin-left:auto; margin-right:auto; width:988px; height:34px;}



.menu ul li img {  background-color:none; }


/* ---------------------------------*/
/*    CSS DROP DOWN Menu            */
/* -------------------------------- */

/*  CLEAN OUT DROP DOWN CSS CODE */
.menu {float:left; width:954px; position:relative; z-index:100;}
.menu ul { float:left; width:954px; padding:0; margin:0; list-style-type:none; display:inline; }
.menu ul li {display:inline; float:left; font-weight:normal; margin:0; padding:0; position:relative; height:34px; position:relative; }
.menu ul li ul { width:160px; visibility:hidden; position:absolute; top:34px; left:0; padding:0; height:auto  }
.menu ul li ul li { width:160px; padding:0; margin:0; height:auto; background-color:transparent; background-image:url(/Images/ioclub/nav/menu/dropBg.png); background-repeat:repeat; background-position:top left; }

.menu ul li a { display:block; float:left; padding:9px 10px 9px 10px; margin:0; font-size:14px; text-decoration:none; color:#ffffff; font-weight:normal; }
.menu ul li a:link {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; }
.menu ul li a:visited {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; }
.menu ul li a:hover {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; background-color:#6a6e6f; }
.menu ul li a:active {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; }
.menu ul li a.selected {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; background-color:#cc0033; }


.menu ul li ul li.startCap { padding:0; margin:0; height:5px; background-image:url(/Images/ioclub/nav/menu/dropTop.png); background-repeat:no-repeat; background-position:0 bottom;}
.menu ul li ul li.endCap { padding:0; margin:0; height:6px; background-image:url(/Images/ioclub/nav/menu/dropBot.png); background-repeat:no-repeat; background-position:0 0;}

/* style the second level links */
.menu ul li ul li a { color:#cfcfcf; height:auto; font-weight:normal; font-size:11px; padding:7px 0 7px 10px;  }

.menu ul li ul li a:link { color:#cfcfcf; height:auto; background-color:none; } 
.menu ul li ul li a:visited { color:#cfcfcf; height:auto; background-color:none; }
.menu ul li ul li a:hover { color:#ffffff; height:auto; background-color:transparent; text-decoration:underline;  }
.menu ul li ul li a:active { color:#cfcfcf; height:auto; background-color:none; }
.menu ul li ul li a.selected { color:#ffffff; background-color:transparent;  }

/* style the 2nd level background */
.menu ul li ul a.drop { margin-left:2px; width:140px; }
.menu ul li ul a.drop:hover { background-color:#a7a9a9; background-image:url(/Images/ioclub/nav/header/dropMenu/active.gif); background-repeat:no-repeat; background-position:10px 10px; font-weight:normal; color:#FFFFFF}

/****************************THIRD LEVEL STUFF******************************/
/* position the 3rd level flyout menu */
.menu ul li ul li ul { width:105px; z-index:900; position:absolute; top:0px; left:150px; padding:0; background-color:transparent; background-image:none; height:auto; }
.menu ul li ul li ul li { width:105px; padding:0; margin:0; height:auto; background-image:url(/Images/ioclub/nav/menu/dropGreyBg.png); background-repeat:repeat; background-position:top left; }
.menu ul li ul li ul li.endCap { padding:0; margin:0; height:6px; background-image:url(/Images/ioclub/nav/menu/dropBotGrey.png); background-repeat:no-repeat; background-position:0 0; }
.menu ul li ul li ul li.startCap { padding:0; margin:0; height:5px; background-image:url(/Images/ioclub/nav/menu/dropTopGrey.png); background-repeat:no-repeat; background-position:0 0;}

.menu ul li ul li ul li a {width:90px; font-size:11px; color:#ffffff; line-height:1.6em; background-color:transparent; }
.menu ul li ul li ul li a:link { width:90px; color:#ffffff; line-height:1.6em; background-color:transparent; background-image:none; height:auto;}
.menu ul li ul li ul li a:visited { width:90px; color:#ffffff; line-height:1.6em; background-color:transparent; background-image:none; height:auto;}
.menu ul li ul li ul li a:hover { width:90px; color:#ffffff; line-height:1.6em; background-color:transparent; background-image:none; height:auto;}
.menu ul li ul li ul li a:active { width:90px; color:#ffffff; line-height:1.6em; background-color:transparent; background-image:none; height:auto;}
.menu ul li ul li ul li a.selected { color:#ffffff; background-color:transparent; }

/* position the 3rd level flyout menu for a left flyout */
.menu ul li ul li ul.left {left:-160px;}

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


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.noLink { cursor:default;}
/* start style for IE6 Hack to work */
.menu li:hover a,.menu li a:hover {border:0;}
* html .menu li a:hover ul li ul li ul li a {width:90px;}
/* end style for IE6 Hack to work */



/* ------------------------------------------------------------------------------------------- */
/*    Crumbtrail																			   */
/* ------------------------------------------------------------------------------------------- */

.crumbtrailHolder { color:#5c5c5c; width:988px; padding:1px 14px 0px 15px; margin-right:auto; margin-left:auto; }

#crumbtrail { height:29px; float:left; width:988px; padding:0px 0px 10px 0px; line-height: 16px; background-image:url(/Images/ioclub/nav/crumbtrail/fadedBorder.jpg); background-position:bottom right; background-repeat:no-repeat; }

#crumbtrail ul {  float: left; width: 831px; padding:0px; margin:9px 0 0 0; }
#crumbtrail li { display:inline; padding:0px; margin:0 2px 0 0; font-size:11px; }
#crumbtrail li img { padding:0 2px 2px 0; margin:0px;  }
#crumbtrail li a:link{ color:#949393; text-decoration: none;}
#crumbtrail li a:visited{ color:#949393; text-decoration: none;}
#crumbtrail li a:hover{ color:#cc0033; text-decoration: underline;}
#crumbtrail li a:active{ color:#949393; text-decoration: none;}

#crumbtrail .youAreHere { float:left; margin-right:8px; font-size:11px; color:#727272; padding-left:8px; margin-top:10px; }

.arrow { font-weight:normal}
.activeCrumb {color:#949393; }


/* ---------------------------------*/
/*    Left Bar                      */
/* -------------------------------- */

/*--NAV--*/
.leftNav { float:left; width:191px; padding:0; margin-bottom:13px; background-image:url(/Images/ioclub/nav/leftbar/navBg.gif); background-position:0 0; background-repeat:repeat-y; }
.leftNav img { float:left;}
.leftNav ul { float:left; width:191px; margin:0; padding:0 0 0 0; }
.leftNav ul li { float:left; width:191px; list-style-type:none; margin:0; padding:0; }
.leftNav ul li a { float:left; width:167px; padding:6px 6px 6px 14px; margin-left:2px; font-weight:normal; font-size:12px; background-image:url(/Images/ioclub/nav/leftbar/bullet.gif); background-position:7px 11px; background-repeat:no-repeat; }

.leftNav ul li a:link { color:#939393; text-decoration: none; }
.leftNav ul li a:visited { color:#939393; text-decoration: none; }
.leftNav ul li a:hover { background-color:none; text-decoration:underline; }
.leftNav ul li a:active { color:#939393; text-decoration: none; }

.leftNav ul li a.selected { float:left; width:167px; padding:6px 6px 6px 14px; background-image:url(/Images/ioclub/nav/leftbar/selected.gif); background-position:6px 11px; background-repeat:no-repeat; text-decoration:none; font-weight:normal; font-size:12px; background-color:#a9a9a9; color:#ffffff; } 
.leftNav ul li a.selectedWithChildren { float:left; width:167px; padding:5px 6px 5px 14px; background-image:url(/Images/ioclub/nav/leftbar/bulletWithChild.gif); background-position:6px 11px; background-repeat:no-repeat; text-decoration:none; font-weight:normal; font-size:12px; background-color:#a9a9a9; color:#ffffff; }
.leftNav ul li a.hasChildren { float:left; width:167px; padding:5px 6px 5px 14px; background-image:url(/Images/ioclub/nav/leftbar/hasChildren.gif); background-position:6px 11px; background-repeat:no-repeat; text-decoration:none; font-weight:normal; font-size:12px; }

/*second level*/

.leftNav ul li ul { float:left; width: 191px; margin:0; padding:0; border-bottom:none; border-top:none; }
.leftNav ul li ul li {float:left; width:191px; list-style-type:none; margin:0; padding:0; }
.leftNav ul li ul li a { float:left; width:156px; padding:7px 6px 8px 25px; font-weight:normal; font-size:11px; border-bottom:none; border-top:none; color:#a9a9a9; }

.leftNav ul li ul li a:link { color:#a9a9a9; text-decoration: none; background-image:none;}
.leftNav ul li ul li a:visited { color:#a9a9a9; text-decoration: none; background-image:none;}
.leftNav ul li ul li a:hover { background-color:none; text-decoration:underline; background-image:none;}
.leftNav ul li ul li a:active { color:#a9a9a9; text-decoration: none; background-image:none;}

.leftNav ul li ul li a.selected { float:left; width:156px; padding:7px 6px 8px 25px; font-weight:normal; font-size:11px; background-color:#a9a9a9; color:#ffffff; }
.leftNav ul li ul li a.hasChildren { float:left; width:171px; padding:7px 6px 8px 25px; font-weight:normal; font-size:12px; }


/* ---------------------------------*/
/*    lead Item Article			  			*/
/* -------------------------------- */

.leadItem { width:748px; border-top:3px solid #eeeeee; border-bottom:3px solid #eeeeee; display:block; margin-bottom:30px; padding-bottom:13px; }

.leadItem .leadItemText { float:left; }
.leadItem .image { width:390px; }

.leadItem .leadItemText h1 { font-size:24px; margin:5px 0 4px 0; padding:0; line-height:29px; }
.leadItem .leadItemText h1 a { color:#115ca2; }
.leadItem .leadItemText h4 { font-size:12px; }

.leadItem ul { margin:0px; padding:8px 0px 0px 8px;}
.leadItem ul li { font-size:14px; color:#115ca2; list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 6px; padding:0px 0px 5px 10px; margin:0px; line-height:18px}
.leadItem ul li ul { margin:0px; padding:0px 0px 0px 20px;}
.leadItem ul li ul li { list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;}
.leadItem ul li ol { margin:0px; padding:0px 0px 0px 20px;}
.leadItem ul li ol li { list-style-type:none; background-image:url(/Images/ioclub/sitepages/bullet.gif); background-repeat:no-repeat; background-position:0px 9px; padding:0px 0px 0px 10px; margin:0px;}

.leadItem .leadItemImage { margin:12px 0 4px 0;width:328px; /*height:236px;*/ background-color:#115ca2; float:right; }
.leadItem .leadItemImage p { line-height:14px; font-size:11px; margin:3px 5px 0 9px; padding:0 0 5px 0; color:#ffffff; }


/* ---------------------------------*/
/*    News Item Stylings		   			*/
/* -------------------------------- */

.newsItemContainer { border-top:1px dotted #dedede; padding:3px 0 18px 0; }

.newsItemTitleBar { background-color:#eeeeee; height:12px; margin:0; padding:0;} 
.titleBarDetails .titleText { float:left; line-height:12px; letter-spacing:-0.5px; font-size:10px; background-color:#ffffff; height:12px; margin:0; padding:0 5px 0 0; }
.titleBarDetails .titleImg { float:left; border:0; background-color:#ffffff; padding-right:2px; }

.newsItemContainer .newsItemFeatureImage { margin:11px 0 0 0; padding:0 0 5px 0; }
.newsItemContainer .videoContainer { margin:11px 0 20px 0; padding:0; }

.newsItemContainer ul { margin:0; padding:0;}
.newsItemContainer ul li { padding:7px 0 0 0; background-image:none; margin:5px 0 0 0; list-style-type:none; border-top:1px dotted #dedede; overflow:hidden; }
.newsItemContainer ul li.first {border-top:none;  margin:8px 0 0 0; padding:0; }
.newsItemContainer ul li h3 { color:#115ca2; font-size:13px; margin-bottom:3px; font-weight:normal; }
.newsItemContainer ul li h4 { font-size:11px; color:#616060; display:block; margin-bottom:2px; }
.newsItemContainer ul li p { font-size:11px; color:#919191; padding:0; margin:0; line-height:16px; }
.newsItemContainer ul li a { color:#115ca2; }
.newsItemContainer ul li img.newsItemLeftImage { padding: 5px 8px 2px 0; }

/* -- Main container modifiers -- */
.contentArea748 .newsItemContainer ul li.first { margin:0; }
.contentArea748 .newsItemContainer ul li { padding:5px 0 0 0; }
.contentArea748 .newsItemContainer ul li h3 { font-size:20px; margin-bottom:1px;}
.contentArea748 .newsItemContainer ul li h4 { margin-bottom:1px; }
.contentArea748 .newsItemContainer ul li p { font-size:12px; line-height:22px; }

/* -- Focus list Adaptions -- */
.contentArea748 .focusList ul li.first { padding:7px 0 12px 0; }
.contentArea748 .focusList ul li.first h3 { font-size:17px; font-weight:normal; line-height:20px; }
.contentArea748 .focusList ul li.first img.focusListRightImage { padding:4px 0 8px 8px; }
.contentArea748 .focusList ul li.first p { line-height:18px; }

.contentArea748 .focusList ul li  {  padding:6px 0 1px 0; }
.contentArea748 .focusList ul li h3 { font-size:11px; line-height:16px; font-weight:bold; }


/* ---------------------------------*/
/*    Feature Item Stylings		    	*/
/* -------------------------------- */

.featureItemContainer { margin:12px 0 30px 0; }
.featureItemContainer ul { padding:0; margin:0; }
.featureItemContainer ul li { margin:0 0 10px 0; min-height:130px; color:#ffffff; background-color:#115ca2; }
.featureItemContainer ul li .featureImg { width:130px; float:left; }
.featureItemContainer ul li .featureItemDetails { width:198px; float:left; }
.featureItemContainer ul li .featureItemDetails .featureItemTitleBar { height:30px; background-color:#0c4a85; }
.featureItemContainer ul li .featureItemDetails .featureItemTitleBar h2 { color:#ffffff;  padding:7px 0 0 12px; margin:0; }
.featureItemContainer ul li .featureItemDetails .featureText p { font-size:17px; line-height:20px; color:#ffffff;  padding:6px 0 0 12px; margin:0; }
.featureItemContainer ul li .featureItemDetails .featureText a:link { color: #ffffff; text-decoration: none; }
.featureItemContainer ul li .featureItemDetails .featureText a:visited { color: #ffffff; text-decoration: none; }
.featureItemContainer ul li .featureItemDetails .featureText a:hover { color: #ffffff; text-decoration: underline; }
.featureItemContainer ul li .featureItemDetails .featureText a:active { color: #ffffff; text-decoration: none; }


/* ---------------------------------*/
/*    Section Item Stylings	
/* -------------------------------- */

.sectionItem { margin-bottom:29px; width:566px; min-height:143px; background-image:url(/Images/ioclub/sitepages/sectionItemBg.gif); background-repeat:repeat-x; background-position:0 0; }
.sectionItemBorder { width:566px; min-height:143px; background-image:url(/Images/ioclub/sitepages/sectionItemBorder.gif); background-repeat:repeat-y; background-position:100% 0; }
.sectionItemBorder2 { width:566px; min-height:143px; background-image:url(/Images/ioclub/sitepages/sectionItemBorder.gif); background-repeat:repeat-y; background-position:0 0; }
.sectionItemBorder3 { width:566px; /*padding-bottom:1px;*/ min-height:143px; background-image:url(/Images/ioclub/sitepages/sectionItemBorder.gif); background-repeat:repeat-x; background-position:0 100%; }

.sectionItemBotRightCorner { width:566px; min-height:143px; background-image:url(/Images/ioclub/sitepages/sectionItemBottomRight.gif); background-repeat:no-repeat; background-position:100% 100%; }
.sectionItemBotLeftCorner { width:566px; min-height:143px; background-image:url(/Images/ioclub/sitepages/sectionItemBottomLeft.png); background-repeat:no-repeat; background-position:0 100%; }
.sectionItemTopLeftCorner { width:566px; min-height:143px; background-image:url(/Images/ioclub/sitepages/sectionItemTopLeft.png); background-repeat:no-repeat; background-position:0 0; }

/*BACKGROUND IMAGE IS THE DISPLAYED INLINE*/
.sectionItemImage { width:566px; min-height:143px; margin:0 0 1px 0; padding:0; background-repeat:no-repeat; background-position:1px 1px; }


.sectionItemText { width:411px; min-height:143px; padding:0 0 10px 155px; background-image:url(/Images/ioclub/sitepages/sectionItemTopRight.gif); background-repeat:no-repeat; background-position:100% 0;  } 
.sectionItemText h2 { padding:18px 0 2px 0; font-size:13px; }
.sectionItemText p { font-size:11px; line-height:16px; margin: 0 0 6px 0; }
.sectionItemText ul { list-style-type:none; margin:0; padding:0 0 0 4px; }
.sectionItemText ul li { font-size:11px; padding:0 0 0 8px; margin:0 0 7px 0; background-image:url(/Images/ioclub/sitepages/sectionItemBullet.gif); background-repeat:no-repeat; background-position:0 5px; }
.sectionItemText ul li a, .sectionItemText ul li { color:#cc0033; }


/* ---------------------------------------------*/
/*    Profile Management Item Stylings		*/
/* -------------------------------------------- */

.pageBanner { margin-bottom:23px; }

/*details tabbed section*/
.detailsContainer { padding-bottom:10px; width:566px;}
.centreColWide .detailsContainer { width:757px;}

.detailsTabs ul { list-style-type:none; margin:0; padding:0px;} 
.detailsTabs ul li { color:#4f4f4f; font-weight:bold; clear:none; position:relative; top:1px; font-size:11px; background-color:#dddddd; margin:0 0 0 5px; padding:0; width:147px; height:41px; float:left;} 
.detailsTabs ul li.selected { position:relative; top:2px; background-color:#ffffff; color:#4f4f4f; background-image:url(/Images/ioclub/sitepages/sectionItemBorder.gif); background-repeat:repeat-x; background-position:0 0; } 
.detailsTabs ul li.first { margin:0;}
.detailsTabs ul li a { color:#cc0033; }
.detailsTabs ul li .leftTab { float:left; }
.detailsTabs ul li .rightTab { float:right; }

.detailsTabs .textHolder {overflow:hidden; display:table; height:41px; width:135px; float:left; padding:0; text-align:center;}
.detailsTabs .textAlign {display:table-cell; vertical-align:middle;}


.detailsBody { width:566px; background-image:url(/Images/ioclub/sitepages/profileTabBorder.gif); background-repeat:no-repeat; background-position:0 0; }
.centreColWide .detailsBody { width:757px;}

.detailsContent  {display:block; min-height:220px; border-top:1px solid #dddddd; background-image:url(/Images/ioclub/sitepages/profileTabBorder.gif); background-repeat:no-repeat; background-position:100% 0; }

.detailsContent h2 { margin-left:52px; padding:22px 0 6px 0; }
.detailsContent ul { padding:0 10px;}
.detailsContent ul li { clear:both; font-size:13px; background-image:none; border-top:1px dotted #dedede; }


.detailsContent ul li .timeSlot { color:#5f5f5f; padding:16px 0px 0px 18px; float:left; }
.detailsContent ul li .timeSlotLink { padding:16px 0; float:left; }
.detailsContent ul li h4 { font-size:13px; font-weight:bold; color:#5f5f5f; }
.detailsContent ul li h5 { font-size:11px; color:#919191; }
.detailsContent ul li.timeBreak h4,  .dayContent ul li.timeBreak .timeSlot { color:#b0b0b0; }
.detailsContent ul li.first { border:none; }

.detailsContent .fullDetails { margin-right:10px; margin-bottom:25px; float:right; width:132px; height:27px; }
.detailsContent .fullDetails a { font-size:11px; font-weight:bold; color:#ffffff; }





/* -----------------*/
/*    Minipanel	    */
/* ---------------- */

/*--  grey --*/
.miniPanel { float:left; width:191px; margin-bottom:17px;}
.miniPanel .links ul li { border-top:none; padding:0 0 2px 5px; }

.miniPanelHeader { padding:0; margin:0; height:27px; background-image:url(/Images/ioclub/nav/rightbar/rightPanelTop.gif); background-repeat:no-repeat; background-position:top; }
.miniPanelHeader h2 { font-size:11px; font-weight:bold; color:#4f4f4f; padding:8px 0 3px 11px; margin:0; }

.miniPanelContent { float:left; width:191px; background-image:url(/Images/ioclub/nav/rightbar/rightPanelBg.gif); background-repeat:repeat-y; background-position:top;  }
.miniPanelContent p { color:#949393; margin:0; padding:7px 8px 7px 2px; font-size:11px; line-height:15px; }
.miniPanelContent p img { vertical-align:bottom; padding:2px 4px 0 0;}

.miniPanelContent ul { float:left;  margin:0; padding:0 6px; }
.miniPanelContent ul li { list-style-type: none; margin:0; padding:0px 0px 17px 5px; }
.miniPanelContent ul li h3 { font-size:11px; font-weight:normal; color:#cc0033; padding:6px 0 1px 0; margin:0; line-height:14px }
.miniPanelContent ul li h4 { font-size:11px; font-weight:normal; color:#8d8d8d; padding:0 0 3px 0; margin:0; }
.miniPanelContent ul li h5 {  font-size:11px; font-weight:normal; color:#4f4f4f; padding:0; margin:0; }
.miniPanelContent ul li p { margin:0; padding:0; }
.miniPanelContent ul li h5 img { vertical-align:bottom; padding-top:2px }

.miniPanelFooter img { vertical-align:top}

/*-- red --*/
.red .miniPanelHeader{ padding:0; margin:0; height:27px; background-image:url(/Images/ioclub/nav/rightbar/rightPanelTopRed.gif); background-repeat:no-repeat; background-position:top; }
.red .miniPanelHeader h2 { font-size:11px; font-weight:bold; color:#ffffff; padding:8px 0 3px 11px; margin:0; }
.red .miniPanelContent { float:left; width:191px; background-image:url(/Images/ioclub/nav/rightbar/rightPanelBgRed.gif); background-repeat:repeat-y; background-position:top;  }

/* --------------------------------------- */
/*	 LeftPanel table variants 	   */
/* --------------------------------------- */
.miniPanelContent .tableStructure { width:179px; margin-left:7px; margin-top:5px; }
.miniPanelContent .tableStructure tbody tr td {padding-left:7px; border:0px; color:#cc0033; height:21px; }
.miniPanelContent .tableStructure thead tr th {padding-left:7px; background-image:none; color:#4f4f4f; height:21px; font-weight:normal; border:0px; border-bottom:1px dotted #c6c6c6;}
.miniPanelContent .tableStructure thead tr th .returnsIcon {float:right;margin-right:3px; margin-bottom:2px;vertical-align:middle;}

.miniPanelContent .tableStructure .leftListing { width:179px; padding-right:5px;padding-left:7px; }
.miniPanelContent .tableStructure .leftListing tr td { padding:0; }
.miniPanelContent .tableStructure .leftListing tr td a.selected { font-weight:bold; }

/*rightisde variant */
.reportPanelContent .tableStructure { width:178px; border:0; }
.reportPanelContent .tableStructure.rightBox thead tr th {padding-left:6px; font-weight:normal; color:#4f4f4f; border:0; border-bottom:1px dotted #D4D4D4; }
.reportPanelContent .tableStructure.rightBox tbody tr td {color:#cc0033; border:0; height:auto; padding:2px 0 4px;}
.tableStructure .rightListing { width:179px; padding-right:5px;padding-left:7px; padding-bottom:11px; border-bottom:1px dotted #D4D4D4;  }
.tableStructure .rightListing tr td { padding:0; }
.tableStructure .rightListingOptions { padding:0 0 0 6px; }
.tableStructure .rightListingOptions tr td a.clear {margin-right:9px;background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelClear.gif);background-position:0 0;background-repeat:no-repeat;display:block;font-size:11px;height:13px;padding:4px 9px 6px 10px;width:46px;}

.tableStructure .rightListingOptions tr td a.submit {/*background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelSubmit.gif);background-position:0 0;background-repeat:no-repeat;*/display:inline-block;height:23px;}
.tableStructure .rightListingOptions tr td a.submit .text {color:#fff; float:left; font-size:11px; padding:4px 4px 6px 4px; background-image:url(/Images/ioclub/popups/editButton.gif); background-position:0 0; background-repeat:repeat-x;}
.tableStructure .rightListingOptions tr td a.submit .leftCap { float:left; background-image:url(/Images/ioclub/popups/editButtonLeft.gif); background-position:0 0; background-repeat:no-repeat; display:block;height:23px;  width:6px; }
.tableStructure .rightListingOptions tr td a.submit .rightCap { float:left; background-image:url(/Images/ioclub/popups/editButtonRight.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:23px; width:12px; }


/*-- General Modifiers --*/
.downloads ul  { font-size:11px; width:179px; border-bottom: dotted 1px #cccccc; }
.downloads ul li h3, .downloads ul li h4 { font-size:11px; width:80%; }
.downloads ul li {padding-bottom:5px;  }
.downloads ul li .delete { float:right; margin: 7px 0 0 0; }
.downloads ul li .delete img {border:0px }

.downloadAll {margin:10px 0 0 8px; padding:14px 0 1px 0; }
.downloadAll img {border:0px }
.downloadAll a { display:inline-block; height:23px;  }
.downloadAll a .leftCap {float:left; display:block; width:6px; height:23px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButtonLeft.gif); background-repeat:no-repeat; background-position: 0 0; }
.downloadAll a .rightCap {float:left; display:block; width:12px; height:23px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButtonRightArrow.gif); background-repeat:no-repeat; background-position: 0 0; }
.downloadAll a .text {float:left; font-size:11px; padding:4px 1px 6px 1px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButton.gif); background-repeat:repeat-x; background-position: 0 0;}



.downloads p.empty { padding-left:11px; }

.miniLink { float:right; margin:8px 5px 2px 0; font-size:11px; display:block; }

.downloadSearch { width:180px; margin:0; padding:0 0 3px; }	/*.downloadSearch { width:1100px; margin:0; padding:0 0 3px; } unknown change fixed 15/07/09 */
.downloadSearch ul { width:180px; margin:11px 0 0 5px; padding:0; list-style:none; }	/*.downloadSearch ul { width:1100px; margin:11px 0 0 5px; padding:0; list-style:none; } unknown change fixed 15/07/09 */
.downloadSearch ul li { margin:0 0 8px 0px; padding:0px; background-image:none;}
.downloadSearch input { width:167px; margin-bottom:8px; margin-left:3px; font-size:11px;}
.downloadSearch input.check { width:auto; vertical-align:middle; margin:0; padding:0;}
.downloadSearch ul li p { width:180px; margin-bottom:0; padding:0 0 4px; margin-left:3px; color:#5a5a5a; }
.downloadSearch select { width:173px; margin-bottom:8px; margin-left:3px; font-size:11px; padding:2px 1px 2px; }
.downloadSearch label { color:#4f4f4f; font-size:11px; display:block; padding:0 0 3px 4px; margin-bottom:14px; border-bottom:dotted 1px #c5c5c5;}
.downloadSearch label span{ color:red; }

.bottomButton {margin:10px 0 0 8px; padding:14px 0 1px 0; }
.bottomButton img {border:0px }
.bottomButton a { display:inline-block; height:23px;  }
.bottomButton a .leftCap {float:left; display:block; width:6px; height:23px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButtonLeft.gif); background-repeat:no-repeat; background-position: 0 0; }
.bottomButton a .rightCap {float:left; display:block; width:12px; height:23px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButtonRightArrow.gif); background-repeat:no-repeat; background-position: 0 0; }
.bottomButton a .text {float:left; font-size:11px; padding:4px 1px 6px 1px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButton.gif); background-repeat:repeat-x; background-position: 0 0;}

.uploadPanelContent .bottomButton {padding-bottom:15px}


/* ---------------------------------*/
/*    StayinTouch module	        */
/* -------------------------------- */

.stayInTouch { width:194px; border: 3px solid #eeeeee; margin:0 0 31px 0; padding:0; }
.stayTop { width:180px; padding:1px 0 0 8px; margin:2px; }
.stayTitle { font-size:22px; color:#115ca2; padding:0; margin:0; }
.stayIcon { margin:5px 2px 0 0; float:right; width:56px; height:50px; text-indent:-9999px; background-image:url(/Images/ioclub/homepage/stayinTouchIcon.jpg); background-repeat:no-repeat;}
.staytext { width:124px; margin-top:4px;}
.staytext p { margin-bottom:6px; line-height:19px; }
.staySignup { padding:2px 0; font-size:14px; margin:2px; width:190px; height:23px; background-color: #f2f2f2;}
.staySignup a {margin-left:7px;}
.staySignup img {margin:1px 0 0 3px; border:none; vertical-align:middle;}

/* -- EXPANDED STYLES -- */
#contentArea .stayContactMain input { width:177px; }


.stayContactFinish { width:202px; height:420px; }
.stayContactFinish .stayThanks { padding-top:30px; width:179px; }
.stayContactFinish .stayThanks p { margin:2px 0 0 20px; }
.stayContactFinish .stayThanks p.eventTitle { color:#848484; font-weight:bold; padding-bottom:4px; }


.stayForm { margin:2px ; padding:0px; }
.stayContactMain .stayForm p { margin:0; padding:0; text-align:right; width:190px; color:red; font-size:10px; }
.stayForm ul {  margin:0px; padding:0 0 8px 0; list-style:none; }
.stayForm ul li { margin:0 0 8px 8px; padding:0px; background-image:none;}
.stayForm label { color: #848484; font-size: 0.73em; display:block; padding-bottom: 3px;}
.stayForm label span{ color: red; }

.captcha { border-top:1px solid #f3f3f3; background-color:#f8f8f8; }
.captcha p { line-height:10pt; padding-top:8px; margin:0 0 11px 5px; font-size:10px; }
.captchaPic { border:1px solid red; margin-left: -5px; }

.stayContactMain .captchaInput input { margin-left:25px;  width:147px; }
.stayContactMain .stayFormSubmit { float:right; margin:22px 15px 10px 0px; width:55px; height:23px; }
.stayContactMain .staySendButton { background-image:url(/Images/ioclub/bespoke/submit.gif); background-repeat:no-repeat; background-position:top; width:55px; height:23px; background-color:transparent; border:none; cursor:pointer; }



/* ---------------------------------*/
/*    Footer  +	Copyright Box       */
/* -------------------------------- */

.footerHolder { margin:0; background-color:#e7e7e7; float:left; min-width:100%; background-image:url(/Images/ioclub/nav/footer/topBorderBg.gif); background-position:top; background-repeat:repeat-x; } 
.footer { margin-left:auto; margin-right:auto; width:988px; width:988px; padding:0px;  min-height:74px}

.footerPanel { width:158px;  float:left; padding:0px 20px 0px 20px; }
.footerPanelnoBorder { width:156px;float:left; padding:0px 20px 0px 20px; font-size:11px; color:#7a7979;}
.footerPanelnoBorder img { margin: 3px 0px 3px -3px;}
.footer h1 { color:#115ca2; font-size:14px; font-weight:bold; margin-bottom:0px; width:136px;}
.footer ul { margin:0px; padding:0px 0px 15px 0px; float:left; width:136px;}
.footer ul li { margin:0px 0px 6px 0px; padding:0px; list-style:none}
.footer ul li a{ font-size:11px; color:#727272}


.copyright {
	border-top:1px solid #cccccc;
	margin-left:auto;
	margin-right:auto;
	width:988px;
	padding:0;
	height:96px;
}

.copyrightLeft { float:left; margin: 11px 0 0 20px;}
.copyrightLeft img { float:left; margin-right:15px; }
.copyrightLeft p { margin-top:15px; font-size:11px; float:left; width:700px;}
.copyrightRight { float:right; margin: 25px 20px 0 0;}

/* div.revLogo {float:left; height:28px; margin:40px 0px 0; width:173px; height:28px; background:transparent url('/Images/ioclub/nav/footer/poweredByRevolution.png') no-repeat scroll 0px 0px;}
div.revLogo:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.revLogo a.VliLink {display:block; float:left; height: 28px; width:33px; }
div.revLogo a.RevLink {display:block; float:left; height: 28px;  width:133px; margin-left:6px}
div.revLogo a span {position:absolute; left:-40000px} */

/** Rev Logo resizing: 18/01/12 **/
div.revLogo {float:left; margin:40px 5px 0 0; width:163px; height:30px; background:transparent url('/Images/ioclub/nav/footer/poweredByRevolution9.png') no-repeat scroll 0px 0px;}
div.revLogo:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.revLogo a.VliLink {display:block; float:left; height: 30px; width:34px; }
div.revLogo a.RevLink {display:block; float:left; height: 30px;  width:124px; margin-left:5px}
div.revLogo a span {position:absolute; left:-40000px}

/* ---------------------------------*/
/*    Home Page			    */
/* -------------------------------- */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.homeBannerContainer {position:relative;}
.homeBannerContainer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.bannerNumbers ul li a.pageArrow img { margin-bottom:1px; }
.bannerNumbers ul li a.pageArrow { padding:0 6px; }

.homeBanner {  float:left; width:988px; height:342px; margin:10px 0; padding:0;  }
.homeBannerRed { float:left; width:988px; height:107px; margin:9px 0 9px 0; padding:25px 0 210px 0; background-image:url(/Images/ioclub/homepage/homeBannerRed.png); background-position:top left; background-repeat:no-repeat; }

.bannerNumbers { position:absolute; top:35px; right:0px; float:right; padding:0; margin:0 18px 0 0;}
.bannerNumbers ul { margin:0px; padding:0px; text-align:right; }
.bannerNumbers ul li { float:left; display:inline; font-size:10px; list-style-type:none; margin:0; padding:0 0 1px 0; }
.bannerNumbers ul li a { padding:0 5px; margin:0 1px; color:#ffffff; border:solid 1px #e9e9e9; background-image:url(/Images/ioclub/sitepages/rotatorNumbersFill.png); background-position:top left; background-repeat:repeat; }
.bannerNumbers ul li a.selected { padding:1px 6px 0px 6px; margin:0px 1px; color:#ffffff; font-weight:bold; text-decoration:none; border:0 none; background-image:none; }



/* -- BUTTONS -- */
.bannerButtons  { position:absolute; bottom:10px; left:0; height:42px; width:988px; background:transparent url('/Images/ioclub/homepage/highhightBar.gif') no-repeat scroll 0 0}
.bannerButtons .button { float:left; height:42px}
.bannerButtons .first { margin-left:0px; }
.bannerButtons .imageHolder { display:none}
.bannerButtons.red {background-image: url(/Images/ioclub/homepage/highlightBarRed.gif)}
.bannerButtons.trans {background-image: url(/Images/ioclub/homepage/highhightBarRed.gif)}

.bannerButtons .textHolder {display:table; height:33px; float:left; margin:5px 0 3px 8px; border-left:1px solid #fff}
.bannerButtons .textHolder a {font-weight:bold; font-size:13px; color:#fff}
.bannerButtons .textAlign {text-align:center; width:230px;padding: 0 0 0 8px; display:table-cell; vertical-align:middle;}
.bannerButtons .textHolder .textAlign a,.bannerButtons .textHolder .textAlign span { color:#ffffff; font-weight:bold; font-size:12px;}
.bannerButtons .first .textHolder {border: 0 none}


.newAdditions { background-color:Black; float: left; width: 100%; }
.newAdditions h2 { color:White; margin: 10px 0 8px 17px; padding: 0; }
.newAdditions .bannerButtons { margin:0 0 20px 17px; position:relative; width:100%; }

/* -- GENERAL CONTENT -- */
.homeLatestNews { float:left; height:34px; width:100%; margin-bottom:9px; background: #a9a9a9 }
.homeLatestNews .title { color:#ffffff; font-weight:bold; font-size:12px; padding:9px 6px 0 9px;  float:left; height:25px;  background-color:#cc0033; background-image:url(/Images/ioclub/homepage/latestNewsLeft.gif); background-position:top left; background-repeat:no-repeat; }

.homeLatestNews .newsHolder { height:34px; background-image:url(/Images/ioclub/homepage/latestNewsRight.gif); background-position:top right; background-repeat:no-repeat; }
.homeLatestNews .latestNews { background-color:transparent; float:left; margin-top:1px; }
.homeLatestNews .latestNews a { float:left; color:#fff; font-size:12px; padding:8px 0 0 9px; }
.homeLatestNews .latestNewsMid {border-right:2px solid #fff; width:6px; height:34px; float:left; background:transparent url('/Images/ioclub/homepage/latestNewsMid.gif') no-repeat scroll 0 0;}

.homeSpotlights { margin-bottom:30px; min-height:315px; position:relative; float:left;}
.homeSpotlights .spotlight { width:222px; float:left; margin-left:30px; position:relative; border:1px solid #dbdbdb }
.homeSpotlights .spotlight .top { float:left; width:222px; height:8px; background-image:url(/Images/ioclub/homepage/spotlightTop.gif); background-position:0 0; background-repeat:no-repeat;}
.homeSpotlights .spotlight .spotlightImage { text-align:center;  margin:auto 0; height:163px; background-image:url(/Images/ioclub/homepage/spotlightBg.gif); background-position:top left; background-repeat:repeat-x}
.homeSpotlights .spotlight .spotlightImage img { position:relative; bottom:0px;}
.homeSpotlights .spotlight .spotlightContent { padding:14px 0 8px 0; text-align:center; background-color:#f1f1f1}
.homeSpotlights .spotlight .spotlightContent h3 { padding:0 15px; color:#cc0033; }
.homeSpotlights .spotlight .spotlightContent p { text-align:center; margin:0px; font-size:11px; line-height:18px; padding:0 3px; }
.homeSpotlights .first { margin-left:0px; }
.homeSpotlights .spotlight .tl, .homeSpotlights .spotlight .bl, .homeSpotlights .spotlight .tr, .homeSpotlights .spotlight .br {z-index:2; width:9px; height:9px; position:absolute; background-image: url(/Images/ioclub/homepage/spotSprite.png)}
.homeSpotlights .spotlight .tl {top:-1px; left:-1px; background-position: 0 0}
.homeSpotlights .spotlight .tr {top:-1px; right:-1px; background-position:-9px 0}
.homeSpotlights .spotlight .bl {bottom:-1px; left:-1px; background-position: 0 -7px}
.homeSpotlights .spotlight .br {bottom:-1px; right:-1px; background-position: -9px -7px}

.spotlight.one {position:absolute; top:0; left:0px;}
.spotlight.two {position:absolute; top:0; left:222px;}
.spotlight.three {position:absolute; top:0; left:477px;}
.spotlight.four {position:absolute; top:0; left:732px;}

/* -- LOGGED OUT -- */
.homeBannerLogin { float:left; width:988px; height:342px; margin:9px 0 9px 0; padding:0; }
.bannerLoginForm { width:222px; height:342px;  float:right; }
.bannerLoginForm .loginForm { float:left; width:187px; height:342px; padding-left:24px; background-color:#000000; }
.bannerLoginForm .loginSide { float:left; width:11px; height:342px; background-image:url(/Images/ioclub/homepage/homeBannerLoginRight.png); background-position:top right; background-repeat:no-repeat; }
.homeBannerLogin .banner { float:left; width:766px; height:342px; }

.loginForm h2 { color:#ffffff; margin:10px 0 19px 0; font-size:22px; }
.loginForm ul { float:left; margin:0; padding:0; width:172px;}
.loginForm ul li { float:left; display:block; font-size:11px; list-style-type:none; margin:2px 0 12px 0; padding:0; width:100%;}
.loginForm ul li label { color:#a9a9a9; }
.loginForm ul li a { color:#cc0033; }

.registerButton { float:left; width:83px; height:19px; margin:0; }
.registerButton a { float:left; width:83px; height:19px; padding:4px 0 0 8px; margin:0 32px 0 0; background-image:url(/Images/ioclub/homepage/registerNow.png); background-position:top left; background-repeat:no-repeat; }
.loginButton {float:right; width:76px; height:23px; padding:0; text-align:right;}


/* ---------------------------------*/
/*    Forms                         */
/* -------------------------------- */

/*
.width100 { width:100px;}
.width140 { width:140px;}
.width180 { width:180px}
.width270 { width:270px;}

select {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535353;  }
input {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#535353;  }
textarea {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#535353; height: 111px; }
*/


/* ---------------------------------*/
/*    Resource List                    */
/* -------------------------------- */

.resourcesList { float:left; width:563px; padding:0px; margin:40px 0 0;}
.resourcesList h3 { font-size:18px; color:#919191; font-weight:normal; padding:0px 0px 6px 0px; margin:0px; border-bottom: dotted 1px #dedede;}
.resourcesList ul { padding:0px; margin:0px; }
.resourcesList ul li { float:left; width:540px; list-style-type:none; padding:8px 12px 9px 12px; margin:0px; border-bottom: dotted 1px #dedede; background-image:none; line-height:16px; cursor:pointer; }
.resourcesList ul li .resourceLink { float:left; width:425px;}
.resourcesList ul li .resourceLink h4 { font-size:11px; color:#cc0033; font-weight:bold; margin:0px 0px 0px 0px; padding:0px; }
.resourcesList ul li .resourceLink h5 {  padding:0px;  font-size:11px; color:#919191; font-weight:normal; padding-right:20px; margin:0px 0px 0px 0px}
.resourcesList ul li .resourceDetail { float:left; width:107px; font-size:11px; color:#919191; padding-top:12px;}

.resourcesList ul li.active { float:left; /*width:670px;*/ list-style-type:none; padding:8px 12px 9px 12px; margin:0px; border-bottom:dotted 1px #dedede; background-image:none; line-height:16px; background-color:#cc0033; }
.resourcesList ul li.active .resourceLink h4 { font-size:11px; color:#ffffff; font-weight:bold; margin:0px 0px 0px 0px; }
.resourcesList ul li.active .resourceLink h5 { font-size:11px; color:#ffffff; font-weight:normal; margin:0px 0px 0px 0px; }
.resourcesList ul li.active .resourceDetail { float:left; width:107px; font-size:11px; color:#ffffff; }

.centreColWide .resourcesList { width:757px; }
.centreColWide .resourcesList ul li { width:734px; }
.centreColWide .resourcesList ul li .resourceLink { width:619px; }
/* --------------------------------------- */
/*    Option bars    					   */
/* --------------------------------------- */

.optionsBottom { float: left; width:564px; margin: 22px 0 0 0; padding-top:16px; border-top:dotted 1px #dedede;}
.optionsBottom ul { margin:0; padding:0; }
.optionsBottom ul li { float:right; list-style-type:none; font-weight:normal; font-size:11px;  display:inline; background-image:none; margin:0; padding:0 0 0 8px;}
.optionsBottom img { padding:0 2px 0 4px; vertical-align:middle}

.centreColWide .optionsBottom { width:757px; }
.centreColWide .noBorder {border:0 none;}
.centreCol .noBorder {border:0 none;}


/* ---------------------------------*/
/*    Popup Windows                 */
/* -------------------------------- */
.popupHolderTall {float:left; width:535px; margin:0px; position:absolute; z-index:10050; top:40%; left:45%; margin-top:-9em; margin-left:-15em; padding:0px; }
.popupHolder img, .popupHolderTall img { float:left;}
.popup { float:left; width:535px; background-image:url(/Images/ioclub/popups/popupBkgd.png); background-repeat:repeat-y; background-position:0px 0px;}

.popupHeader {float:left; width:504px; margin:0px 10px 0px 10px; padding:0px 0px 0px 11px; background-color:#cc0033; color:#FFFFFF; border-bottom:1px solid #999999; }
.popupHeader img { border:0; float:right; margin:2px 5px 5px 0px;}
.popupHeader .title { float:left;}
.popupHeader .title h2 {  color:#FFFFFF; padding:5px 0 1px;}
.popupHeader .title h3 { color:#FFFFFF; font-weight:normal; padding-bottom:0px; margin-bottom:4px;}

.popupContent { height:110px; float:left;width:487px; margin:0px 11px 0px 11px; padding:14px 12px 0px 14px; background-color:#ffffff; border-bottom:1px solid #999999; }

/* Rebate errors popup */
.filePopupHolder {float:left; width:649px; margin:0; position:absolute; z-index:9999; top:260px; left:27%; padding:0;}
.filePopupHolder .topBorder {vertical-align:bottom;height:14px;}
.filePopupHolder .topBorder .popupBorderTopLeft { float:left; width:14px; height:14px; background-image:url(/Images/ioclub/popups/popupHeaderLeftWide.png); background-repeat:no-repeat; background-position:0 0; }
.filePopupHolder .topBorder .popupBorderTopMiddle { float:left; width:621px;height:14px; }
.filePopupHolder .topBorder .popupBorderTopRight { float:left; width:14px; height:14px; background-image:url(/Images/ioclub/popups/popupHeaderRightWide.png); background-repeat:no-repeat; background-position:0 0; }
.filePopupHolder .bottomBorder { float:left;}
.filePopupHolder .bottomBorder .popupBorderBottomLeft { float:left; width:14px; height:21px; background-image:url(/Images/ioclub/popups/popupFooterLeftWide.png); background-repeat:no-repeat; background-position:0 0; }
.filePopupHolder .bottomBorder .popupBorderBottomMiddle { float:left; width:621px; height:21px; background-image:url(/Images/ioclub/popups/popupFooterBg.png); background-repeat:repeat-x; background-position:0 0; }
.filePopupHolder .bottomBorder .popupBorderBottomRight { float:left; width:14px; height:21px; background-image:url(/Images/ioclub/popups/popupFooterRightWide.png); background-repeat:no-repeat; background-position:0 0; }
.filePopupHolder .popup { padding:0px; margin:0px; float:left; width:649px; background-image:url(/Images/ioclub/popups/popupBkgdWide.png); background-repeat:repeat-y; background-position:0px 0px;}

.filePopupHolder .popupHeader { float:left;height:33px;width:629px;margin:0px 11px 0px 10px;padding:0;background-image:url(/Images/ioclub/popups/headerBg.gif);background-repeat:repeat-x;background-position:0 0;background-color:#ffffff; border-bottom:1px solid #dadada;}
.filePopupHolder .popupHeader .closeLink {border:0;float:right;margin:5px 5px 0 0;width:56px;}
.filePopupHolder .popupHeader .closeLink p {margin:0;padding:0;}
.filePopupHolder .popupHeader .closeLink img {float:right; margin:4px 5px 0 0;}
.filePopupHolder .popupHeader .title { float:left;}
.filePopupHolder .popupHeader .title h2 { font-size:16px; color:#8d8d8d; padding:0px; margin:10px 0 0 0;}
.filePopupHolder .popupContent {float:left;height:auto;border:0 none;width:601px; margin:0 0 0 11px; padding:9px 9px 0 9px; background-color:#ffffff; }
.filePopupHolder .popupContent h1 {margin-top:14px;padding-left:5px;}
.filePopupHolder .popupContent p {padding-left:5px;}

.filePopupHolder .popupContent .rebateDetailsPanel {margin:0 0 2px; width:595px;}

.filePopupHolder .popupContent .errorTable { margin-bottom:40px; width:610px;}
.filePopupHolder .popupContent .errorTable th {border-bottom:1px solid #dadada; color:#787878; padding:5px 8px;font-size:11px;}
.filePopupHolder .popupContent .errorTable td {border-bottom:1px dotted #dadada; padding:5px 8px;font-size:11px;}
.filePopupHolder .popupContent .errorTable td.numbers {padding-right:23px; width:80px; text-align:center;}
.filePopupHolder .popupContent .errorTable td.Errors {width:275px; color:#cc0033; font-weight:bold;}

/* RMA Status Detail Popups */
.rmaDetailsTable { width:300px; margin:10px 0 0 5px; }
.rmaDetailsTable tr td {  font-size:11px; color:#5a5a5a; line-height:27px; }
.rmaDetailsTable tr td.title { font-weight:bold; width:150px; color:#5a5a5a; }

.rmaOptions { padding:0; list-style-type:none;  }
.rmaOptions li { text-align:center; margin-top:5px; }
.rmaOptions .cancel { color:#CC0033; background-image:url(/Images/ioclub/popups/cancelButton.gif); background-position:0 0; background-repeat:repeat-x; display:inline-block;  }
.rmaOptions .cancel .text { float:left; font-size:11px; padding:4px 9px 6px 8px; }
.rmaOptions .cancel .leftCap { float:left; background-image:url(/Images/ioclub/popups/cancelButtonLeft.gif); background-position:0 0; background-repeat:no-repeat; display:block;height:23px;  width:6px; }
.rmaOptions .cancel .rightCap { float:left; background-image:url(/Images/ioclub/popups/cancelButtonRight.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:23px; width:5px; }

.rmaOptions .edit { margin-left:8px; color:#ffffff; background-image:url(/Images/ioclub/popups/editButton.gif); background-position:0 0; background-repeat:repeat-x; display:inline-block;  }
.rmaOptions .edit .text { float:left; font-size:11px; padding:4px 9px 6px 8px; }
.rmaOptions .edit .leftCap { float:left; background-image:url(/Images/ioclub/popups/editButtonLeft.gif); background-position:0 0; background-repeat:no-repeat; display:block;height:23px;  width:6px; }
.rmaOptions .edit .rightCap { float:left; background-image:url(/Images/ioclub/popups/editButtonRight.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:23px; width:12px; }

.rmaMessage { color:#cc0033; font-weight:bold; margin-top:12px; }

.rmaNumberTable { margin:18px 2px 0 0; }
.rmaNumberTable tr td p {text-align:center; color:#fff; font-weight:bold; }
.rmaNumberTable tr td p.yourRMA { padding:0; margin:0; font-size:14px; }
.rmaNumberTable tr td p.number { padding:0; margin:0; font-size:20px; }
.rmaNumberTable tr td.rmaCap { width:7px; height:71px; }
.rmaNumberTable tr td.rmaTop { width:189px; height:2px; background-image:url(/Images/ioclub/popups/rmaBoxTop.gif); background-repeat:repeat-x; background-position:0px 0px; }
.rmaNumberTable tr td.rmaBtm { width:189px; height:2px; background-image:url(/Images/ioclub/popups/rmaBoxBtm.gif); background-repeat:repeat-x; background-position:0px 0px; }
.rmaNumberTable tr td.rmaContent { background-color:#cc0033; height:67px; }

.popupMargins {margin:25px 0 0 5px; width:581px; }
/* ------------------------------------------------------------------------------------------- */
/*    Link Styles																	           */
/* ------------------------------------------------------------------------------------------- */

a:link { text-decoration: none; color:#cc0033}
a:visited {	text-decoration: none; color:#cc0033}
a:hover	{ text-decoration: underline; color:#cc0033}
a:active { text-decoration: none; color:#cc0033}


/* ------------------------------------------------------------------------------------------- */
/*    Miscellaneous -  Cursor styles, font weight etc..										   */
/* ------------------------------------------------------------------------------------------- */

.titleHelp {cursor: help; }
.bold {	font-weight: bold; }
.italic	{ font-style: italic; }
.underline { text-decoration:underline; }
.error { color:#FF0000; font-weight: bold; }
.red { color:#ff0101; }
.nameBold { font-size:11px; color: #4f4f4f; font-weight:bold;}
.text16Bold { font-size:16px; color: #919191; font-weight:bold;}
.text15Bold { font-size:15px; color: #919191; font-weight:bold;}
.text12Bold { font-size:12px; color: #919191; font-weight:bold;}
.featured { font-size:14px; line-height:22px; padding-top:5px;}
.dottedBorderTop { border-top: dotted 1px #cccccc; }
.dottedBorderBottom { border-bottom: dotted 1px #cccccc; }
.marLeft5 {margin-left:5px;}
.marRight10{margin-right: 10px;}


/* ------------------------------------------------------------------------------------------- */
/*    Alignment Styles -  Left align, floatRight etc										   */
/* ------------------------------------------------------------------------------------------- */

.clear { clear:both;  }  
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.floatLeft { float: left; }
.floatRight { float:right; }
.hidden { display:none; }
.vertAlignTop { vertical-align:top }


/* ---------------------------------*/
/*    Width Classes                 */
/* -------------------------------- */

.width66 { width:66px; }
.width120 { width:120px; }
.width124 { width:124px; }
.width150 { width:150px; }
.width166 { width:166px; }
.width433 { width:433px; }
.width510 { width:510px; }
.width517 { width:517px; }
.width522 { width:522px; }
.width543 { width:543px; }
.width554 { width:554px; }
.width564 { width:564px; }
.width712 { width:712px; }
.width716 { width:716px; }
.width726 { width:726px; }
.width731 { width:731px; }
.width744 { width:744px; }


/* ------------------------------ */
/*   Pagination			  */
/* ------------------------------ */

.pagination { width:554px; background-image:url(/Images/ioclub/sitepages/paginationBkgd.gif); background-position:0 0; background-repeat:repeat-x; border:1px solid #E6E6E6; float:left; margin:0; margin-bottom:7px; padding:4px 10px 7px 0; }
.pagination .results { float:left; font-size:11px; color:#535353; padding:3px 0px 0px 10px; margin:0px; text-align:left; } 
.centreColWide .pagination { width:745px; }
.LogoTableContainer .pagination { width:623px; padding:3px 10px 6px 0; }
.companyTableContainer .pagination { width:712px; padding:3px 10px 6px 0; }

/* FILTER TYPE */
.filterType { width:554px; margin:0; float:left; border-bottom: solid 1px #e6e6e6; padding:0 0 8px 10px; font-size:11px; color:#787878;}


/* ------------------------------------------------------------------- */
/*   page Numbers													   */
/* ------------------------------------------------------------------- */

.pageNumbers { float:right; padding:4px 5px 0 0; margin:0px; }
.pageNumbers ul { margin:0px; padding:0px; text-align:right; }
.pageNumbers ul li { float:left; display:inline; font-size:11px; list-style-type:none; margin: 0px; padding:0px; color:#cdcdcd; line-height:16px; background-image:none; }
.pageNumbers ul li a { padding: 0px 4px 0px 4px; margin:0px 1px 0px 1px; }

.pageNumbers ul li a:link { color:#cc0033; font-weight: normal; text-decoration: none; border: solid 1px #cdcdcd; background-color:#eaeaea; }
.pageNumbers ul li a:visited { color:#cc0033; font-weight: normal; text-decoration: none; border: solid 1px #cdcdcd; background-color:#eaeaea;}
.pageNumbers ul li a:hover { color:#cc0033; font-weight: normal; text-decoration: underline; border: solid 1px #cdcdcd; background-color:#eaeaea;}
.pageNumbers ul li a:active { color:#cc0033; font-weight: normal; text-decoration: none; border: solid 1px #cdcdcd; background-color:#eaeaea;}
.pageNumbers ul li a.selected { padding: 0px 4px 0px 4px; margin:0px 1px 0px 1px; color:#FFFFFF; font-weight: bold; text-decoration: none; border: solid 1px #cc0033; background-color:#cc0033; }

.pageNumbers ul li a.pageArrow { padding:0px;}
.pageNumbers ul li a.pageArrow:link { font-weight:normal; color:#cc0033; text-decoration:none; background-image:none; background-color:transparent; border:solid 0px #ffffff;}
.pageNumbers ul li a.pageArrow:visited { font-weight:normal; color:#cc0033; text-decoration:none; background-image:none; background-color:transparent; border:solid 0px #ffffff;}
.pageNumbers ul li a.pageArrow:hover { font-weight:normal; color:#cc0033; text-decoration:underline; background-image:none; background-color:transparent; border:solid 0px #ffffff;}
.pageNumbers ul li a.pageArrow:active { font-weight:normal; color:#cc0033; text-decoration:none; background-image:none; background-color:transparent; border:solid 0px #ffffff;}

.LogoTableContainer .pageNumbers ul li { float:none; border:0; }
.LogoTableContainer .pageNumbers ul li a { margin:0; }

.companyTableContainer .pageNumbers ul li { float:none; border:0; }
.companyTableContainer .pageNumbers ul li a { margin:0; }

/* --------------------------------------- */
/*	 table styling and structures	   */
/* --------------------------------------- */
.tableDisplay { padding-top:15px; margin-bottom:30px; float:left; width:757px; border-top:solid 1px #e6e6e6; }

.tableStructure { width: 757px; }
.tableStructure tr td.alignC, .tableStructure tr th.alignC { text-align:center; padding-left:0; }

.tableStructure tr td label { float:left; margin:4px 0 0 4px; }
.tableStructure tr td input { float:left; width:50px; margin-left:4px;}

/*- FIXED COLUMN WIDTH LIST OF FAIL -*/
.tableStructure col.scroll {width:17px;}
.tableStructure col.xxsmall {width:18px;}
.tableStructure col.headerSmall {width:18px;}
.tableStructure col.headerRating {width:29px;}
.tableStructure col.xsmall {width:29px;}
.tableStructure col.headerMini {width:35px;}
.tableStructure col.headerFlag {width:35px;}
.tableStructure col.mini {width:35px;}
.tableStructure col.headerlocation {width:35px;}
.tableStructure col.optionsS {width:42px;}
.tableStructure col.headerSmaller {width:49px;}
.tableStructure col.smaller {width:51px;}
.tableStructure col.small {width:60px;}
.tableStructure col.options {width:67px;}

.tableStructure col.date {width:61px;}
.tableStructure col.rebatePeriod {width:88px;}
.tableStructure col.rebatePeriodHead {width:88px;}
.tableStructure col.revenue {width:90px;}
.tableStructure col.status {width:100px;}
.tableStructure col.statusHead {width:100px;}
.tableStructure col.optionsB {width:110px;}
.tableStructure col.contact {width:116px;}
.tableStructure col.contactHead {width:116px;}
.tableStructure col.headerPartner {width:130px;}
.tableStructure col {width:137px;}
.tableStructure col.period {width:161px;}
.tableStructure col.organisation {width:181px;}
.tableStructure col.medium {width:202px;}
.tableStructure col.name {width:215px;}
.tableStructure col.altName {width:218px;}
.tableStructure col.comments {width:222px;}
.tableStructure col.commentsHead {width:222px;}
.tableStructure col.region {width:232px;}
.tableStructure col.long {width:280px;}
.tableStructure col.productFamily {width:292px;}
.tableStructure col.clientGroup {width:461px;}
.tableStructure col.files {width:488px;}
.tableStructure col.width20pc {width:20%;}
.tableStructure col.width26pc {width:26%;}
.tableStructure col.width14pc {width:14%;}
.tableStructure col.width46pc {width:46%;}
/*- ******** -*/

.tableStructure thead tr th { border-right:1px solid #ffffff; border-bottom:1px solid #d4d4d4; padding-left:10px; color:#ffffff; font-weight:bold; font-size:11px; height:25px; background-image:url(/Images/ioclub/tables/headerBg.gif); background-repeat:repeat-x; background-position:0 0; }
.tableStructure.listTable thead tr th {background:none;color:#787878;font-weight:normal;border:0px none; border-bottom:1px solid #e6e6e6;padding:7px 10px;height:auto;}
.tableStructure.leftBox tbody tr td {padding:6px 0}
.tableStructure thead tr th.rowSpan2 {background-image:url(/Images/ioclub/tables/headerBgRowSpan2.gif);}
.tableStructure thead tr th a { color:#ffffff; }
.tableStructure thead tr th a:visited { color:#ffffff; }
.tableStructure thead tr th.lastC { border-right:1px solid #b8bab9; }

.tableStructure tbody tr.a { background-color:#fafafa; }
.tableStructure tbody tr.b { background-color:#f6f6f6; }

.tableStructure tbody tr td { color:#787878; font-size:11px; padding-left:10px; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; height:35px; }
.tableStructure.listTable tbody tr td {border:0px none; border-top: 1px dotted #d9d9d9;padding:7px 10px;height:auto;}
.tableStructure.listTable tbody tr td.inputWithin {padding-top:3px;padding-bottom:3px;}
.tableStructure.listTable tbody tr.firstR td {border-top:0px none;padding-top:15px;}
.tableStructure tbody tr td h5 { color:#cc0033; font-size:11px; }
.tableStructure tbody tr td span { color:#8d8d8d; font-size:11px; display:block; }
.tableStructure tbody tr td.firstC { border-left:1px solid #d4d4d4; }

.tableStructure tbody tr td ul { margin:0px; padding:2px 0 0 0; }
.tableStructure tbody tr td ul li { float:left; width:28px; height:26px; background-image:none; list-style-type:none; display:inline; margin-left:3px; padding:0px; }
.tableStructure tbody tr td ul li a { float:left;}

/* --------------------------------------- 
 Rebate table variants / specific styles 
--------------------------------------- */
.tableStructure.leftBox tr th {position:relative;}
.tableStructure.leftBox tr th span {float:left;}
.tableStructure.leftBox tr td input {width:156px;}
.tableStructure.leftBox tr td select {width:164px;}
.tableStructure.leftBox tr td input, .tableStructure.leftBox tr td select {margin:3px 0 0 0; padding:3px;font-size:11px;color:#5a5a5a;}
.leftBarProductSearchButton {margin:12px 0 5px 13px;}

.tableStructure.listTable tr td input.rebatePurchasesTotals {width:104px;margin:0 11px;}


p.rebateDetailsPanel {font-size:11px;padding:3px 8px;background-color:#dddddd;color:#4f4f4f;}
table.rebateDetailsPanelExpanded {background-color:#fbfbfb;width:100%;margin-bottom:25px;padding-left:10px;}
table.rebateDetailsPanelExpanded td {color:#505050;}
table.rebateDetailsPanelExpanded .value {font-weight:bold; padding:10px 45px 10px 0;}

table.rebateTotalContainer {margin:16px 0;}
table.rebateTotal tr td.rebateTotalContent {color:#fff;background-color:#cc0033;padding:2px 16px;}

input.rebateReportOptions {border:0px none;margin:8px 14px 0 0;}
input.rebateFileOption {border:0px none;margin:8px 5px 0 25px;}

.errorMsg {width:100px;margin:30px auto 60px; }
.errorMsg p {font-weight:bold;}

ul.keypoints {list-style-type:none; padding:0 0 10px 20px}
ul.keypoints li {background-image:url(/Images/ioclub/sitepages/sectionItemBullet.gif);background-position:0 5px;background-repeat:no-repeat;margin:0 0 7px;padding:0 0 0 8px;}

table.focusTable {width:311px; margin:0 auto;}
table.focusTable p {font-size:11px; font-weight:bold; padding:0; margin:0;}
table.focusTable span.tableTitle {font-size:11px; font-weight:bold; color:#ffffff; padding:0; margin:0;}
table.focusTable tr td.focustableHeader {background-color:#cc0033; margin:0; padding:0; width:299px;}
table.focusTable tr td.focustableData {font-size:11px;padding:8px 0 0 8px; border-left:1px solid #cc0033; border-right:1px solid #cc0033;}
table.focusTable tr td.focustableData p { font-weight:normal; padding-bottom:3px; color:#4f4f4f;}
table.focusTable tr td.focustableData p span { color:#4f4f4f; font-weight:bold;}

table.focusTable .mandatoryLabel {margin-top:0px;}
table.focusTable input.rebateFile {width:155px;margin:0 11px 0 0;}

table.focusTable p.greyTxt {color:#4f4f4f;}
table.focusTable p.greyTxt span {color:#4f4f4f; font-weight:bold;}


/* ---------------------------------*/
/*    Item Lists		    */
/* -------------------------------- */

.itemList { float:left; width:564px; }
.itemList ul { float:left; list-style:none; padding: 0px 0px 14px 0px; margin:0px; font-size:1.0em; line-height:16px;}
.itemList ul li { width:564px; float:left; list-style:none; padding:14px 0; margin:0; border-top:dotted 1px #e1e1e1; }
.itemList ul li .itemImg { float:left; width:100px; padding:0 0 0 7px; }


.centreColWide .itemList ul li, .centreColWide .itemList { width:757px; }

.itemList ul li .itemText { float:left; padding:0; width:433px; }
.itemList ul li .itemText h2 { font-size:12px; font-weight:bold; color:#CC0033; margin:0px; padding:1px 0 3px 0; border:0;}
.itemList ul li .itemText h3 { font-size:11px; color:#9a9a9a; font-weight:normal; padding:0px; margin:0px;}
.itemList ul li .itemText h3.bold {font-size:12px; font-weight:bold;}
.itemList ul li .itemText p { font-size:11px; padding:1px 0px 0px 0px; margin:0px; line-height:14px; color:#9a9a9a; }
.itemList ul li .itemText p.error { font-size:11px; margin:5px 0 0; line-height:15px; }

.centreColWide .itemList ul li .itemText { width: 621px; }

.itemList ul li .itemTextNoImage { float:left; padding:0 0 0 7px; width: 564px; }
.itemList ul li .itemTextNoImage h2 { font-size:12px; font-weight:bold; color:#493091; margin:0px; padding:1px 0 3px 0; border:0;}
.itemList ul li .itemTextNoImage h3 { font-size:11px; color:#9a9a9a; font-weight:normal; padding:0px; margin:0px;}
.itemList ul li .itemTextNoImage p { font-size:11px; padding:1px 0px 0px 0px; margin:0px; line-height:14px; color:#9a9a9a; }

.centreColWide .itemList ul li .itemTextNoImage { width: 698px;  }

.itemList ul li .itemContact {  float: left; width:188px; padding:29px 0px 0px 8px; }
.itemList ul li .itemContact ul { float: left; width:188px; margin:0px; padding:0px;}
.itemList ul li .itemContact ul li { float: left; width:188px; list-style-type:none; background-image:none; margin:0px; padding:0px 0px 7px 0px; border:none; font-size:12px; color:#9a9a9a; }
.itemList ul li .itemContact ul li span { font-size:12px; color:#5f5f5f; }
.itemList ul li .itemContact ul li img { vertical-align:bottom; padding-right:6px;}
.itemList ul li .itemContact a { font-size:12px; color:#6291be; } 

.itemList ul li.noBorder { border-top:none;}

/* -- downloads variants -- */
.downloadList ul { border-top:solid 1px #e6e6e6; }
.downloadList ul li { background-image:url(/Images/ioclub/sitepages/downloadItemBg.gif); background-repeat:repeat-x; background-position:0 0; }
.downloadList ul li .itemText { float:left; padding:0; width:457px; }
.downloadList ul li .itemText h2 { font-size:11px; z-index:100; }

/* -- distributorList variants -- */
.distributorList ul { border-top:solid 1px #e6e6e6; }
.distributorList ul li .itemImg { padding:3px; margin:0 0 0 7px; width:144px; height:111px; background-image:url(/Images/ioclub/sitepages/distributorImgBg.gif); background-repeat:repeat-x; background-position:0 0; }
.distributorList ul li .itemText { float:right; width:356px; margin:10px 41px 0 0; }
.distributorList ul li .itemText h2 { color:#4f4f4f; font-size:11px; }
.distributorList ul li .itemText p { color:#8d8d8d; }
.distributorList ul li ul li {width:auto;  clear:both;}

.centreColWide .distributorList ul li .itemText { width:541px; }
.centreColWide .itemList ul li .distributorDetails ul li { width:150px; }

.distributorAddress { float:left; }

.distributorDetails { float:right; width:150px; margin-top:12px;}
.distributorDetails ul { border-top:0 none; margin:10px 0 0 0; padding:0; float:right; width:150px; }
.distributorDetails ul li { border-top:0 none; font-size:11px; float:none; padding:0; margin:0; }
.distributorDetails ul li span { float:left; margin-right:5px; }
.distributorDetails ul li img { float:right; }

/* ---------------------------------*/
/*   DOWNLOAD LANGUAGES & FILETYPE  */
/* -------------------------------- */
/*- general -*/
.downloadListDetails { z-index:9999; float:left; border:none; width:100%; padding:13px 0 0 0;}
.filetype { z-index:9999; float:left; border:none; width:100%; padding:0;}
.dlTitle { float:left; display:inline; padding:2px 0 0 0; font-size:11px; }

/* LEFT IT HERERERERERERER UL TO DIV CHANGE 16-06-09 */
/*- filetype lists -*/
.window { float:left; overflow:hidden; width:210px;}

table.filetypeTable { table-layout:fixed; display:inline; width:200px;}
table.filetypeTable td { height:10px; font-size:11px; color:#cc0033; padding:0 7px 0 5px; border-left:solid 1px #d4d4d4; }
table.filetypeTable td input { margin-top:0; }
table.filetypeTable td.noBorder { border:none;}
table.filetypeTable col { width:33%; }

/*- download/addToBasket -*/
.OptionsDiv { float:right; width:auto; display:inline; margin:-18px 0 0; }

ul.downloadListOptions { float:right; display:inline; border:none; width:auto; padding:0; }
ul.downloadListOptions li { font-size:11px; width:auto; float:left; display:inline; padding:0 10px; border:none; background-image:none; border-left:solid 1px #d4d4d4; }
ul.downloadListOptions li.first { border:none; padding:0 10px 0 0; width:auto;}
ul.downloadListOptions li img { vertical-align:middle; margin-right:2px; }

.noResources { margin: 10px 0px 16px 0px; }
.singleLanguage {list-style-image:none;list-style-position:outside;list-style-type:none;}
.singleLanguage div {color:#CC0033; float:left;margin:0;font-size:11px;font-weight:normal;padding:3px 0 0 4px;width:76px;}


/* ---------------------------------*/
/*   DOWNLOAD CSS DROP DOWN Menu    */
/* -------------------------------- */
.downloadListDetails .menu { float:left; border:none; position:relative; z-index:9999; width:104px; background-color:transparent; /*height:26px;*/}
.downloadListDetails .menu ul { float:left; width:104px; padding:0; margin:0; list-style-type:none; display:inline; border:none; background-color:transparent; }
.downloadListDetails .menu ul li { width:104px; display:inline; float:left; font-weight:normal; margin:0; padding:0; position:relative; height:20px; border:none; background-color:transparent; background-image:none;}

.downloadListDetails .menu ul li a { width:100px; display:block; float:left; padding:3px 0 0 4px; margin:0; font-size:11px; text-decoration:none; color:#ffffff; font-weight:normal; }
.downloadListDetails .menu ul li a:link {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; }
.downloadListDetails .menu ul li a:visited {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; }
.downloadListDetails .menu ul li a:hover, .topHover {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; background-color:transparent; background-image:url(/Images/ioclub/sitepages/downloadDropTop.png); background-repeat:no-repeat; background-position:0 0; }
.downloadListDetails .menu ul li a:active {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; }
.downloadListDetails .menu ul li a.selected {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; background-color:transparent; }

.downloadListDetails .menu ul li img { background-color:none; }
.downloadListDetails .menu ul li img.dArrow { padding-bottom:2px; }

.downloadListDetails .menu ul li ul { width:104px; visibility:hidden; position:absolute; top:19px; left:0; padding:0; background-color:transparent; background-image:none; height:auto  }
.downloadListDetails .menu ul li ul li { width:104px; padding:0; margin:0; background-image:url(/Images/ioclub/sitepages/downloadDropBg.png); background-repeat:repeat-y; background-position:0 0; height:auto; }
.downloadListDetails .menu ul li ul .endCap { padding:0; margin:0; height:7px; background-color:transparent; background-image:url(/Images/ioclub/sitepages/downloadDropBot.png); background-repeat:no-repeat; background-position:0 0; }

/* style the second level links */
.downloadListDetails .menu ul li ul li a { color:#cfcfcf; height:auto; font-weight:normal; font-size:11px; padding:3px 0 0 4px;  }

.downloadListDetails .menu ul li ul li a:link { color:#cfcfcf; height:auto; background-color:none; } 
.downloadListDetails .menu ul li ul li a:visited { color:#cfcfcf; height:auto; background-color:none; }
.downloadListDetails .menu ul li ul li a:hover { color:#ffffff; height:auto; background-color:none; text-decoration:none; background-image:none; }
.downloadListDetails .menu ul li ul li a:active { color:#cfcfcf; height:auto; background-color:none; }
.downloadListDetails .menu ul li ul li a.selected { color:#ffffff; background-color:transparent; background-image:none; }

/* style the 2nd level background */
.downloadListDetails .menu ul li ul a.drop { background-image:none; background-repeat:no-repeat; background-position:10px 10px; }
.downloadListDetails .menu ul li ul a.drop:hover { background-image:none; background-repeat:no-repeat; background-position:10px 10px; font-weight:normal; color:#FFFFFF}

/* style the table so that it takes no part in the layout - required for IE to work */
.downloadListDetails .menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* make the second level visible when hover on first level list OR link */
.downloadListDetails .menu ul li:hover ul,
.downloadListDetails .menu ul a:hover ul {visibility:visible;  }

.noLink { cursor:default; }

/* start style for IE6 Hack to work */
.downloadListDetails .menu li:hover a,
.downloadListDetails .menu li a:hover { border:0; }

* html .downloadListDetails  .menu li a:hover ul li a { width:100px; }
/* end style for IE6 Hack to work */


/* ---------------------------------*/
/*   DYNAMIC CSS DROP DOWN MENU     */
/* -------------------------------- */
.focusListDetails .menu { float:left; border:none; z-index:999; width:150px; background-color:transparent; /*height:26px;*/}
.focusListDetails .menu ul { float:left; width:150px; padding:0; margin:0; list-style-type:none; display:inline; border:none; background-color:transparent; }
.focusListDetails .menu ul li { width:150px; display:inline; float:left; font-weight:normal; margin:0; padding:0; position:relative; height:20px; border:none; background-color:transparent; background-image:none;}

.focusListDetails .menu ul li a { width:146px; display:block; float:left; padding:3px 0 0 4px; margin:0; font-size:11px; text-decoration:none; color:#ffffff; font-weight:normal; } /*-mh  76 - 116 -*/
.focusListDetails .menu ul li a:link {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; }
.focusListDetails .menu ul li a:visited {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; }
.focusListDetails .menu ul li a:hover, .focusHover {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; background-color:transparent; background-image:url(/Images/ioclub/sitepages/downloadDropTopWide.png); background-repeat:no-repeat; background-position:0 0; }
.focusListDetails .menu ul li a:active {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; }
.focusListDetails .menu ul li a.selected {display:block; float:left; text-decoration:none; color:#cc0033; margin:0; background-color:transparent; }

.focusListDetails .menu ul li img { background-color:none; }
.focusListDetails .menu ul li img.dArrow { padding-bottom:2px; }

.focusListDetails .menu ul li ul { width:150px; visibility:hidden; position:absolute; top:19px; left:0; padding:0; background-color:transparent; background-image:none; height:auto  }
.focusListDetails .menu ul li ul li { width:150px; padding:0; margin:0; background-image:url(/Images/ioclub/sitepages/downloadDropBgWide.png); background-repeat:repeat-y; background-position:0 0; height:auto; }
.focusListDetails .menu ul li ul .endCap { padding:0; margin:0; height:7px; background-color:transparent; background-image:url(/Images/ioclub/sitepages/downloadDropBotWide.png); background-repeat:no-repeat; background-position:0 0; }

/* style the second level links */
.focusListDetails .menu ul li ul li a { color:#cfcfcf; height:auto; font-weight:normal; font-size:11px; padding:3px 0 0 4px;  }

.focusListDetails .menu ul li ul li a:link { color:#cfcfcf; height:auto; background-color:none; } 
.focusListDetails .menu ul li ul li a:visited { color:#cfcfcf; height:auto; background-color:none; }
.focusListDetails .menu ul li ul li a:hover { color:#ffffff; height:auto; background-color:none; text-decoration:none; background-image:none; }
.focusListDetails .menu ul li ul li a:active { color:#cfcfcf; height:auto; background-color:none; }
.focusListDetails .menu ul li ul li a.selected { color:#ffffff; background-color:transparent; background-image:none; }

/* style the 2nd level background */
.focusListDetails .menu ul li ul a.drop { background-image:none; background-repeat:no-repeat; background-position:10px 10px; }
.focusListDetails .menu ul li ul a.drop:hover { background-image:none; background-repeat:no-repeat; background-position:10px 10px; font-weight:normal; color:#FFFFFF}

/* style the table so that it takes no part in the layout - required for IE to work */
.focusListDetails .menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* make the second level visible when hover on first level list OR link */
.focusListDetails .menu ul li:hover ul,
.focusListDetails .menu ul a:hover ul {visibility:visible;  }

.noLink { cursor:default; }

/* start style for IE6 Hack to work */
.focusListDetails .menu li:hover a,
.focusListDetails .menu li a:hover { border:0; }

* html .focusListDetails  .menu li a:hover ul li a { width:150px; }
/* end style for IE6 Hack to work */




/* ---------------------------------*/
/*   Favorites CSS DROP DOWN MENU   */
/* -------------------------------- */
.favorites { float:right; border-left:solid 1px #cacccb; width:33px; height:34px; background-image:url(/Images/ioclub/nav/menu/rightCap.gif); background-repeat:no-repeat; background-position:100% 0; }
.favorites img { margin:6px 0 0 6px; }

.favorites .menu { float:right; border:none; z-index:999; width:33px; background-color:transparent;}
.favorites .menu ul { float:right; width:33px; padding:0; margin:0; list-style-type:none; display:inline; border:none; background-color:transparent; }
.favorites .menu ul li { width:33px; display:inline; float:right; font-weight:normal; margin:0; padding:0; position:relative; height:34px; border:none; background-color:transparent; background-image:none;}

.favorites .menu ul li a { width:33px; height:34px; display:block; float:left; padding:0; margin:0; font-size:11px; text-decoration:none; color:#ffffff; font-weight:normal; }
.favorites .menu ul li a:hover {display:block; float:left; text-decoration:none; color:#ffffff; margin:0; background-color:transparent; background-image:url(/Images/ioclub/nav/menu/favoritesHover.gif); background-repeat:no-repeat; background-position:0 0; }

.favorites .menu ul li ul {float:left; width:140px; visibility:hidden; position:absolute; top:34px; left:-107px; padding:0; margin:0; background-color:transparent; height:auto  }
.favorites .menu ul li ul li {font-weight:bold; width:140px; padding:5px 5px 0 5px; margin:0; background-color:#646565; height:auto; }
.favorites .menu ul li ul li.endCap { padding:5px 5px 0 5px; margin:0; height:6px; background-color:transparent; background-image:url(/Images/ioclub/nav/menu/favoritesBot.png); background-repeat:no-repeat; background-position:0 0; }
.favorites .menu ul li ul li.first { background-image:url(/Images/ioclub/nav/menu/favoritesTop.gif); background-repeat:no-repeat; background-position:top left;}

.favorites .menu ul li ul li a, .favorites .menu ul li ul li a:visited, .favorites .menu ul li ul li a:link, .favorites .menu ul li ul li a:active { font-weight:normal; width:130px; display:block; float:left; color:#cfcfcf; padding:0 0 2px 0; margin:0 0 0 10px; font-size:11px; text-decoration:none; }
.favorites .menu ul li ul li a:hover {display:block; float:left; text-decoration:underline; color:#ffffff; background-color:transparent; background-image:none;}


/* style the table so that it takes no part in the layout - required for IE to work */
.favorites .menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* make the second level visible when hover on first level list OR link */
.favorites .menu ul li:hover ul,
.favorites .menu ul a:hover ul {visibility:visible; }

.noLink { cursor:default; }

/* start style for IE6 Hack to work */
.favorites .menu li:hover a,
.favorites .menu li a:hover { border:0; }

* html .favorites  .menu li a:hover ul li a { width:150px; }
/* end style for IE6 Hack to work */


.marBtm0 {margin-bottom:0;}
.marBtm16 {margin-bottom:16px;}



/*
=======================================================================
      tool tip styles
=======================================================================
*/

#revToolTip {
    position: absolute;
    left: -300px;
    border: 1px solid #F1F1F1;
    padding: 5px;
    background-color: #fcfcfc;
    visibility:hidden;
    z-index: 12000;      
}

#revToolTipPointer{
    position:absolute;
    left: -300px;
    z-index: 12000;
    visibility: hidden;
}   
   
#revInfoTip {
    position: absolute;
    left: -300px;
    border:2px solid #F1F1F1;
    background-color: #fcfcfc;
    visibility:hidden;
    z-index: 12000;
    width: 300px;
    overflow-x:hidden;
    padding:2px
}

.revInfoTipInner { border:5px solid #f0f0f0; padding:15px 15px 45px 15px}

#revInfoTip h4 {font-size:14px; color:#85898c; font-weight:bold; padding:0px; margin:0px 0px 6px 0px;}
#revInfoTip #revInfoTipText { font-size:11px; color:#454545; margin:0px; line-height:16px;}
#revInfoTip img { float:left; position:relative; top:6px; left:7px; }
#revInfoTip #revInfoTipText ul { list-style-type:square; }


/* ---------------------------------*/
/*    Manage Profile		   		*/
/* -------------------------------- */

.mandatoryLabel { color:#cc0035; width:97%; text-align:right; margin-top:20px; }
h1 span.mandatoryLabel { font-size:12px; float:right; width:auto; margin-top:10px;}
.centreCol span.mandatoryLabel { float:right; margin-top:0px;}
.centreColWide span.mandatoryLabel {float:right;margin-top:0;text-align:left;width:211px;}
.mandatory {color:#cc0035;}

.manageProfile {font-size:11px;}
.manageProfile .formInput {margin-bottom:11px;}
.manageProfile .formInput select { font-size:11px; color:#5a5a5a; height:19px; border:solid 1px #aaadb2; margin-top:3px; }
.manageProfile .formInput input { font-size:11px; color:#5a5a5a; height:16px; border:solid 1px #aaadb2; margin-top:3px; width:192px; }
.manageProfile .formInput input.short { width:112px; }
.manageProfile .formInput input.disabled {color:#bdbdbd;}

.manageProfile .formInput select.medium {width:134px;}
.manageProfile .formInput select.short {width:112px;}
.manageProfile .formInput select.long {width:194px;}

.manageProfile .checkBoxes {margin-bottom:11px;}
.manageProfile .checkBoxes table {padding:0px; margin: 4px 0px 0px 0px;}
.manageProfile .checkBoxes td{width:148px; padding-bottom:6px;}
.manageProfile .checkBoxes td label {font-size:11px; margin-left:9px; color:#5b5b5b; vertical-align:top;}
.manageProfile .checkBoxes td input {margin:0px;}

.manageProfileLeftCol { float:left; margin-left:85px; width:40%; }
.manageProfileRightCol { float:left; margin-left:1px; }

.manageProfile .saveChanges {margin-bottom:11px;}
.manageProfile .button { background-image:url(/Images/ioclub/icons/other/buttons/saveChanges.png); background-repeat:no-repeat; background-color:#ffffff; width:156px; height:25px; border:solid 0px #ffffff; margin-top:32px; margin-bottom:5px; float:left; cursor:pointer; }

.manageProfile h2 {margin:0px; padding: 13px 0px 12px 0px;}
.manageProfile .formText {font-size:11px; line-height:13px; width:252px; margin-bottom:10px;}

.manageProfile h2.email {padding-top:22px;}

.manageProfile .emailOptions {font-size:11px;}

.manageProfile .radioButtons {padding-top:10px}
.manageProfile .radioButtons td {text-align:left; }
.manageProfile .radioButtons td label {font-size:11px; color:#5b5b5b; vertical-align:top;  margin:0 7px 0 0; padding:0; }
.manageProfile .radioButtons td input {margin:0 5px 13px 0; }

div.submitbutton {float:right;}
.centreColWide div.submitbutton {float:right;margin-top:0;text-align:left;width:199px;}
/* -- manage logo tab -- */

/*-selected logo -*/
.selectedLogopanel { width:635px; height:137px; margin:25px 0 0 60px; }
.selectedLogopanel h2 { margin-left:10px; }
.selectedLogopanel ul { padding:0; margin-left:10px; list-style-type:none; display:block; border:none; background-color:transparent; }
.selectedLogopanel ul li { font-size:11px; display:inline; margin:0; padding:0 5px; border:0; background-color:transparent; background-image:none;}
.selectedLogopanel ul li.first { border:0; padding:0 5px 0 0; }
.selectedLogopanel ul li.borders {border-left:solid 1px #a0a0a0; border-right:solid 1px #a0a0a0; }

.logoContainer { float:right; margin:0 45px 20px; height:117px; }
.logoDetailsContainer { float:left; width:400px; }


/* - logo list table - */
.LogoTableContainer { float:left; margin:0 0 0 60px; }
.logoList { width:635px; }
.logoList th { font-size:11px; border-bottom:solid 1px #e6e6e6; color:#787878; padding:0 10px 8px; }
.logoList td { font-size:11px; border-bottom:dotted 1px #e6e6e6; color:#8d8d8d; padding:7px 10px; }
.logoList td.logoName, .selectedLogopanel ul li.logoName { color:#cc0033; font-weight:bold; }
.logoList td.buttons { text-align:right; }
.logoList td.buttons a { margin-left:5px; }


.companyTableContainer { float:left; margin:8px 0 35px 0; }
.companyList { width:721px; }
.companyList th { font-size:11px; border-bottom:solid 1px #e6e6e6; color:#787878; padding:0 10px 8px; margin-bottom:5px; }
.companyList td { font-size:11px; border-bottom:dotted 1px #e6e6e6; color:#8d8d8d; padding:5px 10px 8px; margin:0; }
.companyList td.logoName, .selectedLogopanel ul li.logoName { color:#cc0033; font-weight:bold; }
.companyList td.buttons { text-align:right; }
.companyList td.buttons a { margin-left:5px; }

.highlightRow td { background-color:#e5e5e5; }
.firstRow td { padding:14px 10px 7px; margin:0; }


/* - upload logopanel - */
.uploadPanel { float:left; width:331px; margin:26px 0  15px 213px; }
.uploadPanel .links ul li { border-top:none; padding:0 0 2px 5px; }

.uploadPanelHeader { padding:0; margin:0; height:27px; background-color:#cc0033; }
.uploadPanelHeader h2 { font-size:11px; font-weight:bold; color:#ffffff; padding:7px 0 3px 3px; margin:0; }
.uploadPanelHeader .headerButton { margin:7px 1px 0 0; }
.uploadPanelContent { float:left; width:331px; background-image:url(/Images/ioclub/sitepages/uploadPanelBg.gif); background-repeat:repeat-y; background-position:top;  }
.uploadPanelContent .mandatoryLabel { margin-top:6px; }
.uploadPanelContent ul { float:left;  margin:0; padding:5px 6px 5px 4px; }
.uploadPanelContent ul li { list-style-type: none; margin:0; padding:0px 0px 3px 5px; border:none; }
.uploadPanelContent label { margin:0; padding:0 7px 0 0; font-size:11px;  }
.uploadPanelContent input { margin:4px 0 0 0; width:218px;}
.uploadPanelContent .shortLabel { padding-right:45px; }
.uploadPanelContent .bottomButton img { margin-left:73px; }

.uploadPanelFooter img { vertical-align:top}


/* ------------------------------------	*/
/*    Registration pages Stylings	*/
/* ------------------------------------	*/
/*-core framework -*/
.registrationContainer { z-index:11000; position:relative; margin:6px 0 29px 0; width:988px; min-height:658px; background-image:url(/Images/ioclub/sitepages/regBorderRight.gif); background-repeat:repeat-y; background-position:100% 0; }
.registrationContainerBorder { width:988px; min-height:658px; background-image:url(/Images/ioclub/sitepages/regBorderTop.gif); background-repeat:repeat-x; background-position:100% 0; }
.registrationContainerBorder2 { width:988px; min-height:658px; background-image:url(/Images/ioclub/sitepages/regBorderLeft.gif); background-repeat:repeat-y; background-position:0 0; }
.registrationContainerBorder3 { width:988px; min-height:658px; background-image:url(/Images/ioclub/sitepages/regBorderBottom.gif); background-repeat:repeat-x; background-position:0 100%; }
.registrationContainerBotRightCorner { width:988px; min-height:658px; background-image:url(/Images/ioclub/sitepages/regCornerBotRight.gif); background-repeat:no-repeat; background-position:100% 100%; }
.registrationContainerBotLeftCorner { width:988px; min-height:658px; }
.registrationContainerTopLeftCorner { width:988px; min-height:658px; background-image:url(/Images/ioclub/sitepages/regCornerTopLeft.gif); background-repeat:no-repeat; background-position:0 0; }

.registrationContainerContentScroll { float:left; width:742px; height:638px; overflow-y:scroll; }
.registrationContainerContent { float:left; padding-left:20px; margin:4px 0 0 0; padding-top:12px; width:742px; min-height:642px; background-image:url(/Images/ioclub/sitepages/regCornerBotLeft.gif); background-repeat:no-repeat; background-position:0 100%; }

/*-generic*/
.registrationContainerContent h1 span { float:right; font-size:11px; margin-right:15px; padding:0;}
.registrationContainerContent p { margin-right:10px; padding:0;}
.backButton { margin-top:36px; clear:both; float:none; display:block; margin-bottom:12px; }

/*-sidebar-*/
.registrationContainerSidebar { float:right; width:201px; min-height:637px; padding:8px 0 10px 24px; background-image:url(/Images/ioclub/sitepages/regCornerTopright.gif); background-repeat:no-repeat; background-position:100% 0;  } 
.registrationContainerSidebar h2 { padding:12px 0 16px 0; font-size:22px; color:#ffffff; }
.registrationContainerSidebar p { font-size:11px; line-height:16px; margin: 0 0 6px 0; color:#a9a9a9; width:173px; }
.registrationContainerSidebar ul { list-style-type:none; font-size:11px; margin:30px 0 0 0; padding:0; }
.registrationContainerSidebar ul li { font-size:11px; width:175px; padding:0; margin:0 0 7px 0; color:#a9a9a9; }
.registrationContainerSidebar ul li input { width:165px; margin-top:3px; }
.registrationContainerSidebar ul li select { width:173px; margin-top:3px; }
.registrationContainerSidebar .bottomButton { margin:35px 0 0 0; }
.registrationContainerSidebar .bottomButtonMed { margin:18px 0 0 0; }

.registrationContainerSidebar ul li.check { margin-top:30px; }
.registrationContainerSidebar ul li.check label { padding-right:0; margin:0; font-size:11px; }
.registrationContainerSidebar ul li.check input { width:auto; }

.registrationContainerSidebar .closeLabel { margin:0; padding:0; color:#cc0035; width:95%; text-align:right; }
.registrationContainerSidebar .closeLabel img { vertical-align:text-bottom; }

.registrationContainerTNC .registrationContainerSidebar .bottomButton { margin: 21px 28px 0 0; text-align:center}
.registrationContainerTNC .registrationContainerSidebar .bottomButton a {margin: 0 5px 8px; border-radius: 4px; height: auto; margin-bottom: 8px; display: inline-block;min-width: 63px;text-align: center;padding: 2px 5px 3px;border: 2px solid #fff;color: #fff; background-color: #b7012d}
.registrationContainerTNC .registrationContainerSidebar .bottomButton a {
    background-image: linear-gradient(bottom, rgb(185,1,47) 25%, rgb(204,2,52) 63%);
    background-image: -o-linear-gradient(bottom, rgb(185,1,47) 25%, rgb(204,2,52) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(185,1,47) 25%, rgb(204,2,52) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(185,1,47) 25%, rgb(204,2,52) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(185,1,47) 25%, rgb(204,2,52) 63%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.25, rgb(185,1,47)),
	    color-stop(0.63, rgb(204,2,52))
    );
}
.registrationContainerTNC .registrationContainerSidebar .acceptReject { padding-bottom: 15px; min-height:125px}

.registrationContainerTNC .registrationContainerSidebar ul {margin:0}
.registrationContainerTNC .registrationContainerSidebar ul li { font-weight: bold; font-size:14px}
.registrationContainerTNC .registrationContainerSidebar h2 {padding:12px 0 8px}
.registrationContainerTNC .registrationContainerSidebar .termsArea {padding-top:20px}
.registrationContainerTNC .registrationContainerContentScroll { width: 727px; padding-right:15px}
/*-form layout and styles -*/
.formContainer {font-size:11px; margin-bottom:20px; }
.formContainer .formInput {margin-bottom:11px;}
.formContainer .formInput select { font-size:11px; color:#5a5a5a; height:19px; border:solid 1px #aaadb2; margin-top:3px; }
.formContainer .formInput input { font-size:11px; color:#5a5a5a; height:16px; border:solid 1px #aaadb2; margin-top:3px; width:192px; }
.formContainer .formInput input.short { width:112px; }
.formContainer .formInput input.long { width:254px; }
.formContainer .formInput input.disabled {color:#bdbdbd;}
.formContainer .formInput input.medium {width:194px;}

.formContainer .formInput select.medium { width:194px; }
.formContainer .formInput select.short { width:112px; }
.formContainer .formInput select.long { width:254px; }

.formContainer .checkBoxes { margin-bottom:11px; }
.formContainer .checkBoxes table { padding:0px; margin: 4px 0px 0px 0px; }
.formContainer .checkBoxes td { width:148px; padding-bottom:6px; }
.formContainer .checkBox { padding-bottom:6px; }
.formContainer .checkBox label { font-size:11px; margin-left:2px; color:#5b5b5b; vertical-align:text-top; }
.formContainer .checkBoxes td label { font-size:11px; margin-left:9px; color:#5b5b5b; vertical-align:top; }
.formContainer .checkBoxes td input { margin:0px; }

.formContainer .radioButtons td { text-align:left; }
.formContainer .radioButtons td label { font-size:11px; color:#5b5b5b; vertical-align:top;  margin:0 7px 0 0; padding:0; }
.formContainer .radioButtons td input { margin:0 5px 6px 0; }

.formContainer h2 { margin-bottom:8px; }

.formContainerLeftCol { float:left; margin-left:0; width:40%; }
.formContainerRightCol { float:left; margin:0 1px 0 50px; }
.centreColWide .formContainerRightCol { width:40%; }
.formContainerRightCol p { width:254px; font-size:11px; }

/* ------------------------------------------------------------------------- */
/*     PREVIEW BAR                                                           */
/* ------------------------------------------------------------------------- */
.previewBar { height:34px; width:100%; background-image:url(/Images/ioclub/previewBar/previewBar.gif); background-repeat:repeat-x; background-position:top left;}
.previewBar img { border:none; margin:4px 0 0 4px; }
.previewBar .previewLink { font-weight:bold; color:#0d2c7f; width:129px; height:26px; float:right; margin:3px 3px 0 0; text-align:center;}
.previewBar {display:none;}

#content .mainWorkArea .centreCol table.dataTable { background-color:#a4a4a4; }

.registrationContainerContent table.dataTable { background-color:#000; margin-right:18px; width:720px }
.registrationContainerContent table.dataTable td, .registrationContainerContent table.dataTable th { padding:5px; }
.registrationContainerContent table.dataTable th { font-weight:bold; background-color:#cc0033; color:#fff; font-size:12px;}
/*.registrationContainerContent table.dataTable td { font-weight:bold;}*/
.registrationContainerContent table.dataTable td span { font-weight:bold; vertical-align:super; font-size:8px;}
.registrationContainerContent p.notes { font-size:9px;}

.registrationContainerContent .resourcesList { float:left;margin:40px 0 20px;padding:0;width:720px;}
.registrationContainerContent .resourcesList ul li { width:700px;}
.registrationContainerContent .resourcesList ul li .resourceLink { width:580px;}


table.dataTable th { padding:2px; font-size:10px; color:#4f4f4f; background-color:#ededed; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:left }
table.dataTable td { padding:3px; font-size:10px; color:#4f4f4f; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff; text-align:left; }
table.dataTable td a { font-size:10px; color:#db0000; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff; text-align:left; font-weight:bold; text-decoration:none }
table.dataTable td a:hover { text-decoration:underline}


/* ------------------------------------------------------------------------- */
/*     DOWNLOAD CENTRE                                                       */
/* ------------------------------------------------------------------------- */
.downloadCentreSpotlights {padding-top:4px;}
.downloadCentreSpotlights .spotlight { float:left; position:relative;margin-bottom:29px;}
.downloadCentreSpotlights .withMargin {width: 197px;}
.downloadCentreSpotlights .noMargin {width: 172px;}
.downloadCentreSpotlights .spotlight .text {position:absolute; top:154px; width:170px; text-align:center;}
.downloadCentreSpotlights .spotlight .text p {font-size:11px; text-align:center; padding:0; margin:0;}


/* ------------------------------------------------------------------------- */
/*     DOWNLOAD PROGRESS                                                     */
/* ------------------------------------------------------------------------- */
.ProgressBar {background-color:#dfdfdf; margin-right:auto; text-align:left;}
.OuterProgress {border:1px solid #e3e3e3; padding:1px; margin-left: auto; margin-right: auto; text-align: left}
.textRight {text-align:left}

/* ------------------------------------------------------------------------- */
/*    Favorites Left Bar                                                   */
/* ------------------------------------------------------------------------- */
.favoritesContainer {width:175px; padding:7px 5px 0 5px; float:left; margin-bottom:10px;}
.favoritesContainer .clearAll { float:right; font-size:11px;}

.favoritesTitle  {float:left; width:175px; border-bottom:dotted 1px #c5c5c5; margin-bottom:5px; margin-top:5px;}
.favoritesTitle p {float:left; padding:0 0 2px 4px; color:#4f4f4f; }
.favoritesTitle img {float:right; vertical-align:middle; margin-top:3px;}

.favoritesContainer ul {width:169px; padding-bottom:6px; }
.favoritesContainer ul li {width:169px; float:left; font-size:11px; color:#cc0033; padding:0 0 6px 0; margin:0;}
.favoritesContainer ul li img {float:right; margin-top:2px;}
.favoritesContainer ul li span {float:left; width:155px; }



/* ------------------------------------------------------------------------- */
/*    Search Results                                                  */
/* ------------------------------------------------------------------------- */
.siteSearch { width:180px; margin:0; padding:0 0 3px; }
.siteSearch label { color:#4f4f4f; font-size:11px; display:block; padding:0 0 3px 4px; margin-bottom:14px; border-bottom:dotted 1px #c5c5c5;}
.siteSearch ul { width:180px; margin:0px 0 0 5px; padding:0; list-style:none; }	/*.downloadSearch ul { width:1100px; margin:11px 0 0 5px; padding:0; list-style:none; } unknown change fixed 15/07/09 */
.siteSearch ul li { margin:0 0 8px 0px; padding:0px; background-image:none;}
.siteSearch .heading {margin-top:11px;}

.siteKeywordSearch { width:178px; height:17px; padding:1px; border:solid 1px #acacb4;}
.siteKeywordSearch input { border:none; border:solid 0px #ffffff; }
.siteKeywordSearch .advSearch { float:left; margin:11px 0 0 0; padding:0; font-size:11px;}
.siteKeywordSearch ul { margin:0px 0px 0px 2px; padding:0px; float:left; }
.siteKeywordSearch ul li { display:inline; float:left; list-style-type: none; padding:0px; margin:0px; }

.siteKeywordSearchField { width:152px; font-size:11px; margin:0; padding:2px 6px 0 0; color:#a8a8a8; }
.siteKeywordSearchButton {border:solid 0px #ffffff; cursor:pointer; }
.siteKeywordSearchButton input { width:18px; }

/*========================================
	Report Details 
==========================================*/
.reportDetails { position:relative; width:550px; }

/*========================================
	Filters Hover Panel
==========================================*/
.filtersApplied { z-index:400; padding:0 0 20px; position:absolute; top:56px; right:-18px; width:567px; border:1px solid #cc0033; background-color:#ffffff; }
.filtersApplied .filterTitleBar {margin:0 0 13px; height:17px; background-color:#cc0033; }
.filtersApplied .filterTitleBar p { margin:0; padding:2px 0 0 10px; line-height:13px; color:#ffffff; font-size:10px; }
.filtersApplied img.shadow { position:absolute; bottom:-8px; left:-1px}

.filtersApplied .filterBox { margin:0 0 11px 0; padding:0 10px; }
.filtersApplied .filterBox p { margin:0; padding:0; font-size:11px; color:#4f4f4f; line-height:16px;}
.filtersApplied .filterBox p.filterTitle { color:#545454; font-weight:bold; padding-bottom:4px; margin-bottom:1px; border-bottom:1px dotted #dedede; }

/*========================================
	reference Hover Panel
==========================================*/
.panelContainer { position:relative; z-index:400; }
.referenceHover { z-index:400; padding:0 0 20px; position:absolute; top:0px; left:279px; width:225px; border:1px solid #cc0033; background-color:#ffffff; }
.referenceHover .filterTitleBar {margin:0 0 13px; height:17px; background-color:#cc0033; }
.referenceHover .filterTitleBar p { margin:0; padding:2px 0 0 10px; line-height:13px; color:#ffffff; font-size:10px; }
.referenceHover img.shadow { position:absolute; bottom:-4px; left:-1px; width:225px;}

.referenceHover .filterBox { margin:0 0 11px 0; padding:0 10px; }
.referenceHover .filterBox p { margin:0; padding:0; font-size:11px; color:#4f4f4f; line-height:16px;}
.referenceHover .filterBox p.filterTitle { color:#545454; font-weight:bold; padding-bottom:4px; margin-bottom:1px; border-bottom:1px dotted #dedede; }

/*========================================
	info Hover Panel
==========================================*/
ul.refSearchBar li .panelContainer { position:relative; z-index:400; float:none; }
ul.refSearchBar li .panelContainer div { float:none; }
.generalHover { z-index:400; padding:0 0 20px; position:absolute; top:17px; left:153px; width:225px; border:1px solid #cc0033; background-color:#ffffff; }
.generalHover .filterTitleBar {margin:0 0 13px; height:17px; background-color:#cc0033; }
.generalHover .filterTitleBar p { margin:0; padding:2px 0 0 10px; line-height:13px; color:#ffffff; font-size:10px; }
.generalHover img.shadow { position:absolute; bottom:-4px; left:-1px; width:225px;}

.generalHover .filterBox { margin:0 0 11px 0; padding:0 10px; }
.generalHover .filterBox p { margin:0; padding:0; font-size:11px; color:#4f4f4f; line-height:16px;}
.generalHover .filterBox p.filterTitle { color:#545454; font-weight:bold; padding-bottom:4px; margin-bottom:1px; border-bottom:1px dotted #dedede; }

/*========================================
	Filters Bar 
==========================================*/
ul.filterBar { padding-left:0; padding-bottom:8px; margin:4px 0 8px 0; }
ul.filterBar { font-size:10px; list-style-type:none; }
ul.filterBar li { color:#4f4f4f; padding-left:1px; padding-right:2px; background-image:none; display:inline; font-size:1.1em; }
ul.filterBar li.first { padding-left:0px; }
ul.filterBar li span { font-weight:bold; }
ul.filterBar li img { vertical-align:middle; }


/*========================================
	Table Panel 
==========================================*/
.tablePanel { padding: 10px 7px; border:1px solid #d4d4d4; position:relative; background-color:#f9fafc; min-height:916px; }
.tablePanel.small { width:550px;}
.tablePanel.noMin { min-height:0px; }
.popupContent .tablePanel { min-height:316px; }

.tablePanel img.topLeft { position:absolute;top:-1px; left:-1px; }
.tablePanel img.topRight { position:absolute;top:-1px; right:-1px; }
.tablePanel img.bottomLeft { position:absolute;bottom:-1px; left:-1px; }
.tablePanel img.bottomRight { position:absolute;bottom:-1px; right:-1px; }
/*  Pagination	 */
.tablePanel .pagination { width:738px; background-image:none; border:none; margin-top:5px; margin-bottom:8px; padding:4px 0 7px 0; }
.tablePanel.small .pagination { width:543px; }
.tablePanel.popupMargins .pagination { width:581px; }
.tablePanel .pagination .results { color:#8d8d8d; }
.tablePanel .noResults { font-size:17px; margin-top:15px; margin-left:10px;}


/*========================================
	Table Styles 
==========================================*/
div.tablePanel table { border-collapse:collapse; border:0px none; border-color:#dfe8f1; width:100%; margin-bottom:15px;}

/* returns status table */
div.tablePanel table col.requestDate {width:153px;}
div.tablePanel table col.yourRef {width:161px;}
div.tablePanel table col.submittedBy {width:163px;}
div.tablePanel table col.status {width:110px;}
div.tablePanel table col.yourRMA {width:126px;}
/* returns product */
div.tablePanel table col.skuNum {width:87px;}
div.tablePanel table col.refProduct {width:352px;}
div.tablePanel table col.totalUnits {width:85px;}

div.tablePanel table col.dName {width:268px;}
div.tablePanel table col.totalRev {width:99px;}
div.tablePanel table col.revMap {width:113px;}
div.tablePanel table col.revMapPercent {width:63px;}
div.tablePanel table col.resellersMappedPercent {width:85px;}
div.tablePanel table col.lastWeek {width:78px;}
div.tablePanel table col.options {width:29px;}

div.tablePanel table col.pName {width:222px;}
div.tablePanel table col.hq {width:59px;}
div.tablePanel table col.address {width:186px;}
div.tablePanel table col.city {width:116px;}
div.tablePanel table col.postZip {width:87px;}
div.tablePanel table col.revData {width:66px;}

table.tableStructure col.ProductFamily {width:100px;}
table.tableStructure col.SubFamily {width:80px;}
table.tableStructure col.Name {width:306px;}
table.tableStructure col.SKU {width:86px;}
table.tableStructure col.Units {width:87px;}
table.tableStructure col.Value {width:86px;}

.tableDisplay.full tr.b td { padding-top:4px; padding-bottom:3px;}
.tableDisplay.full tr.a td { padding-top:4px; padding-bottom:3px;}

div.tablePanel table .alignC {text-align:center;}

div.tablePanel.small table col.dName {width:317px;}
div.tablePanel.small table col.totalRev {width:202px;}

div.tablePanel table th {cursor:pointer; color:#fff; font-weight:bold;}
div.tablePanel table th div.textHolder {display:table;height:100%; width:100%;}
div.tablePanel table th div.textHolder div.textAlign {display:table-cell;vertical-align:middle;}

div.tablePanel table th.sortASC div.textHolder {background:transparent url('/Images/ioclub/reporting/table/sortASC.gif') no-repeat scroll center 2px;}
div.tablePanel table th.sortDESC div.textHolder {background:transparent url('/Images/ioclub/reporting/table/sortDESC.gif') no-repeat scroll center 2px;}
div.tablePanel table th, div.tablePanel table th.options:hover {padding:0 6px; height:35px; border-right:1px solid #fff; background:#6d8eac url('/Images/ioclub/reporting/table/searchTableHeader.gif') repeat-x scroll top left;}
div.tablePanel table th:hover, div.tablePanel table th.sortASC, div.tablePanel table th.sortDESC {background:#99b0c5 url('/Images/ioclub/reporting/table/searchTableHeaderHover.gif') repeat-x scroll top left;}

div.tablePanel table th a, div.tablePanel table th a:visited {display:block; width:100%; padding:0; position:relative; text-decoration:none; vertical-align:middle; color:#fff; font-weight:bold; font-size:11px;}
div.tablePanel table th a img.sortASC {position:absolute; left:48%; top:-4px;}
div.tablePanel table th.options,div.tablePanel table th.options:hover {border:none;}

div.tablePanel table tr td {color:#545454; padding:10px 6px 9px; border-bottom:1px solid #dfe8f1; border-top:1px solid #dfe8f1; font-size:12px;}
div.tablePanel table tr td.title { color:#cc0033; }
div.tablePanel table.noPad tr td {padding:4px 6px 3px;}
div.tablePanel table tr td a {color:#cc0033; cursor:pointer;}
div.tablePanel table tr.totals td {font-size:12px; height:35px; padding:2px 0; background-color:#cc0033; color:#ffffff; font-weight:bold;}
div.tablePanel table tr.even {background-color:#ffffff;}
div.tablePanel table tr td.options {padding:3px 0 0 0; text-align:center; font-size:10px;}
div.tablePanel table tr td.first {padding-left:8px;}
div.tablePanel table tr td.first img {margin-right:10px; float:left; margin-top:3px;}
div.tablePanel table tr td span {font-size:11px; color:#8d8f8e; }
div.tablePanel table tr td h5 {color:#cc0033;}
div.tablePanel table tr:hover {background-color:#fce7ec;}
div.tablePanel table tr.overLimit td {font-weight:bold; background-color:#fce7ec;}

ul.tableOptions {display:inline; margin:0; padding:0;}
ul.tableOptions li img {margin:0; padding:0; display:inline;}
ul.tableOptions li {display:inline;}
ul.tableOptions li a.dropOptions { z-index:-1; display:inline-block; vertical-align:top; width:16px; height:15px; background: transparent url('/Images/ioclub/reporting/table/ViewMore.gif') no-repeat scroll top right;}
ul.tableOptions li.dropOptions:hover a.dropOptions {background-image:url('/Images/ioclub/reporting/table/ViewMoreHover.gif');}
ul.tableOptions li a:hover {text-decoration:none;}
ul.tableOptions li.dropOptions {position:relative; display:inline;}
ul.tableOptions li.dropOptions:hover ul.dropOptions, ul.tableOptions li a:hover ul {visibility:visible;}
ul.tableOptions li ul.dropOptions {padding:6px 1px; visibility:hidden; z-index:100; display:block; position:absolute; background-color:#fff; border:1px solid #cfcfcf; border-bottom:0px none; width:98px; top:14px; right:3px;}
ul.tableOptions li ul.dropOptions.long { width:168px; }
ul.tableOptions li ul.dropOptions li {display:block; font-size:11px; margin-bottom:1px;}
ul.tableOptions li ul.dropOptions li a {display:block; padding:3px 5px;}
ul.tableOptions li ul.dropOptions li a:hover {background-color:#e16685; color:#fff;}
ul.tableOptions li ul.dropOptions li.dropShadow {background:transparent url('/Images/ioclub/reporting/table/ViewMoreShadow.png') repeat-x scroll left bottom; position:absolute; bottom:-8px; left:0px; width:100%;}

div.searchToolTip {position:absolute; top:8px; left:290px; background-color:#fff; border:1px solid #004372;}
div.searchToolTip p.toolTipHeader {background-color:#004372; font-size:10px; color:#fff; padding:0 3px;}
div.searchToolTip p.toolTipContent {font-size:1.2em; padding:8px 3px; color:#545454;}

/*===================================================
	 Report Panels - overlays - 
====================================================*/
.reportPanelContainer { position:absolute; width:196px; right:0; z-index:500;}
.reportPanel { width:196px; float:left; margin-bottom:5px;}
.reportPanelHeader { background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelTop.png); background-repeat:no-repeat; background-position:0 0; padding:7px 0 0 10px; margin:0; height:22px; }
.reportPanelHeader h2 { font-weight:bold; font-size:11px; font-weight:bold; color:#4f4f4f; padding:0 0 6px 1px; margin:0 10px 0 0;}
.reportPanelHeader h2 a { font-weight:bold; padding-left:17px; color:#4f4f4f; text-decoration:none; background-image:url(/Images/ioclub/reporting/reportPanel/open.gif); background-repeat:no-repeat; background-position:1px 1px; }
.reportPanelHeader h2 a.close { background-image:url(/Images/ioclub/reporting/reportPanel/close.gif); background-repeat:no-repeat; background-position:1px 1px; }

.reportPanelContent { background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelBg.png); background-repeat:repeat-y; background-position:0 0; position:relative; width:178px; padding:0 10px; float:left; right:9999px;}
.reportPanelContent p { margin:0px; padding:7px 8px 7px 8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; }
.reportPanelContent p img { vertical-align:bottom; padding:2px 4px 0 0px;}
.reportPanelContent .h2Borders { float:left; border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; position:relative }
.reportPanelContent .h2Borders h2 { border:solid 1px #ffffff; background-color:#dbdcda; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#8d8d8d; font-size:10px; font-weight:bold; padding:4px 0 5px 7px; }
.reportPanelContent .h2Borders .clientIcon { z-index:50; position:absolute; top:3px; left:136px;}
.reportPanelContent .h2Borders .productIcon { z-index:60; position:absolute; top:3px; left:91px;}
.reportPanelContent .h2Borders .supportIcon { z-index:60; position:absolute; top:3px; left:67px;}

.reportPanelContent ul { width:178px; float:left; margin:6px 0 0 2px; padding:0; }
.reportPanelContent ul.noHide { width:178px; float:none; margin:6px 0 0 2px; padding:0; }
.reportPanelContent ul.noHide li { margin:0; padding:0; }
.reportPanelContent ul.submitNoHide { margin:0 0 0 2px; padding:0; }
.reportPanelContent ul.submitNoHide li { padding:16px 0 0; }
.reportPanelContent ul li { background: none; list-style-type:none; margin:0; padding:0 0 6px 0; line-height:normal; }
.reportPanelContent ul li h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#1d66aa; padding-top:8px; margin:0px; }
.reportPanelContent ul li h4 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#8d8d8d; padding:0px 0 3px 0px; margin:0px; }
.reportPanelContent ul li h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#535353; padding:0px 0 3px 0px; margin:0px; }
.reportPanelContent ul li h5 img { vertical-align:bottom; padding-top:2px }
.reportPanelContent ul li p { margin:0px; padding:0px; }

.reportPanelContent ul li .panelItem,.reportPanelContent ul li .filterItem { position:relative; }
.reportPanelContent ul li p.optionTitle { border:none; padding:0 0 5px 6px;}
.reportPanelContent ul li a.optionsPanel { font-size:11px; font-weight:bold; display:block; padding:7px 0 0 9px; width:169px; height:22px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelOptionBg.png); background-repeat:no-repeat; background-position: 0 0; }
.reportPanelContent ul li a.datePanel { font-size:11px; font-weight:bold; display:block; padding:7px 0 0 8px; width:76px; height:22px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelDateBg.png); background-repeat:no-repeat; background-position: 0 0; }

.reportPanelContent ul li a.datePickerPanel { font-size:11px; font-weight:bold; display:block; padding:7px 0 0 8px; width:76px; height:22px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelDatePickerBg.png); background-repeat:no-repeat; background-position: 0 0; }

.reportPanelContent ul li a.filtersPanel { font-size:11px; font-weight:bold; display:block; padding:7px 0 0 30px; width:148px; height:22px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelFilterBg.gif); background-repeat:no-repeat; background-position: 0 0; }
.reportPanelContent ul li a.filtersPanel.active { color:#ffffff; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelFilterBgActive.gif); }
.reportPanelContent ul li .removeButton { position:absolute; right:10px; top:10px; }
.reportPanelContent ul li .marRight10 { margin-right:10px; }
.reportPanelContent ul li .filterKeyword { width:168px; padding:3px 4px 4px; margin:5px 0 4px; font-size:11px; color:#5a5a5a; }
.reportPanelContent ul li .radioButtons,.reportPanelContent ul li .checkbox { font-size:11px; color:#4f4f4f; margin-top:9px; margin-left:4px; }
.reportPanelContent ul li .radioButtons span { display:block; margin-bottom:3px; }
.reportPanelContent ul li .radioButtons label { display:block; margin-bottom:3px; }
.reportPanelContent ul li .radioButtons input { margin-left:1px; margin-top:0; vertical-align:top;}
.reportPanelContent ul li .checkbox input { margin-left:4px; vertical-align:middle;}

.reportPanelContent li.viewOptions { margin:0; padding:0; }
.reportPanelContent li.viewOptions ul { margin:0; padding:0 0 9px; }
.reportPanelContent li.viewOptions ul li { height:24px; float:left; margin:0; padding:0 4px; border-left:1px solid #e6e6e6; }
.reportPanelContent li.viewOptions ul li.first { border:none; padding:0 4px 0 0;}

.reportPanelContent li.optionsSubmit { padding:14px 0 1px 0; }

.reportPanelContent li.optionsSubmit a { display:inline-block; height:23px; }
.reportPanelContent li.optionsSubmit a .leftCap {float:left; display:block; width:6px; height:23px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButtonLeft.gif); background-repeat:no-repeat; background-position: 0 0; }
.reportPanelContent li.optionsSubmit a .rightCap {float:left; display:block; width:6px; height:23px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButtonRight.gif); background-repeat:no-repeat; background-position: 0 0; }
.reportPanelContent li.optionsSubmit a .text { float:left; font-size:11px; padding:4px 1px 6px 1px; background-image:url(/Images/ioclub/reporting/reportPanel/reportPanelButton.gif); background-repeat:repeat-x; background-position: 0 0;}




/*===================================================
	 Report Panels - dropdowns - 
====================================================*/
.panelMask { z-index:1; width:184px; margin:6px 0 0 -2px; position:absolute; background-image:url(/Images/ioclub/reporting/reportPanel/optionsMask.png); background-repeat:repeat-y; background-position:0 0; }
.dateMask { z-index:1; width:192px; margin:0 0 0 0; position:absolute; background-image:url(/Images/ioclub/reporting/reportPanel/optionsMask.png); background-repeat:repeat-y; background-position:0 0; }
.dateToMask { z-index:1; width:85px; margin:0 0 0 0; position:absolute; background-image:url(/Images/ioclub/reporting/reportPanel/optionsMask.png); background-repeat:repeat-y; background-position:0 0; }

.dropdown {position:absolute; top:20px; right:0; padding:4px 0; z-index:500;width:500px;}

.filterItem .dropdown { top:0; right:0; padding:4px 0; width:500px;}
.dropdown .dropdownBorderTop { position:relative; top:-4px; margin:0 4px; background-image:url(/Images/ioclub/reporting/reportPanel/dropdown/top.png); background-repeat:repeat-x; background-position:0 0; }
.dropdown .dropdownBorderBtm { position:relative; bottom:-8px; padding-bottom:4px; background-image:url(/Images/ioclub/reporting/reportPanel/dropdown/bottom.png); background-repeat:repeat-x; background-position:0 100%; }
.dropdown .dropdownBorderLeft { background-image:url(/Images/ioclub/reporting/reportPanel/dropdown/left.png); background-repeat:repeat-y; background-position:0 0; }
.dropdown .dropdownBorderRight { background-image:url(/Images/ioclub/reporting/reportPanel/dropdown/right.png); background-repeat:repeat-y; background-position:100% 0; }

.dropdown .topLeft { position:absolute; top:0; left:0; }
.dropdown .topRight { position:absolute; top:0; right:0; }
.dropdown .bottomLeft { position:absolute; bottom:0; left:0; }
.dropdown .bottomRight { position:absolute; bottom:0; right:0; }

.dropdown .dropdownText { /*min-width:170px;*/ background-color:white; } 
.dropdown .dropdownText .delete { position:absolute; right:4px; top:0px; }
.dropdown .dropdownText .delete a.clearButton { font-size:10px; margin-right:3px; }
.dropdown .dropdownText .delete img { border:0px; }
.dropdown .dropdownText ul { padding:0; width:100%; margin:-2px 3px 0 0;}
.dropdown .dropdownText ul li { padding:1px 3px 2px 5px; margin:0; font-size:11px; color:#cc0033;}
.dropdown .dropdownText ul li:hover { font-size:11px; margin:0; color:#ffffff; background-color:#e16685; }
.dropdown .dropdownText ul li:hover a { font-size:11px; margin:0; color:#ffffff; background-color:#e16685; }
.dropdown .dropdownText ul li.selected { height:11px; padding:1px 2px 5px 5px; font-weight:bold; border-bottom:1px dotted #dddddd; margin-bottom:7px; }
.dropdown .dropdownText ul li.selected:hover {color:#cc0033; background-color:transparent; }
.dropdown .dropdownText ul li.header {font-weight:bold; color:#505050; background-color:transparent; border-bottom:1px solid #ebebeb;  }
.dropdown .dropdownText ul li.header:hover {color:#505050; background-color:transparent; }

.dropdown .dropdownText .periodContainer { margin:0 0 12px 0; display:none;}
.dropdown .dropdownText .periodContainer.last { margin:0;}
.dropdown .dropdownText .periodContainer h2 {border-bottom:1px dotted #DDDDDD;color:#4F4F4F;font-size:11px;font-weight:bold;margin-bottom:5px;margin-top:0;padding:0 0 6px 5px;}
.dropdown .dropdownText .periodContainer table { width:187px; margin:0 5px; }
.dropdown .dropdownText .periodContainer table td { text-align:center; padding-bottom:3px;}
.dropdown .dropdownText .periodContainer table td a { font-size:10px; padding-top:1px; display:block; width:37px; height:16px; background-image:url(/Images/ioclub/reporting/filterBtn1.gif); background-repeat:no-repeat; background-position:0 0; }
.dropdown .dropdownText .periodContainer table td a.number { font-size:11px; }
.dropdown .dropdownText .periodContainer table td a.active 
.dropdown .dropdownText .periodContainer table td a:hover, .dropdown .dropdownText .periodContainer table td a.active { color:#ffffff; text-decoration:none;  background-image:url(/Images/ioclub/reporting/filterBtn1Hover.gif); background-repeat:no-repeat; background-position:0 0; }

.filterItem .dropdown .dropdownText .scrollContainer { height:168px; overflow-y:auto; width:100%;}
.filterItem .dropdown .dropdownText h2 { color:#cc0033; font-size:11px; padding:0 0 6px 5px; margin-top:0; font-weight:bold; border-bottom:1px dotted #dddddd; margin-bottom:5px; }
.filterItem .dropdown .dropdownText ul {min-width:153px;}
.filterItem .dropdown .dropdownText ul li {padding:3px 6px 0 5px; width:auto; margin:0; font-size:11px; line-height:18px; color:#cc0033; }
.filterItem .dropdown .dropdownText ul li.selectAll { padding:5px 6px 2px 5px; background-color:#F9FAFC; }
.filterItem .dropdown .dropdownText ul li.selectAll:hover { color:#ffffff; background-color:#e16685; }
.filterItem .dropdown .dropdownText ul li input { float:right;}
.filterItem .dropdown .dropdownText ul li label { float:left; }
.filterItem .dropdown .dropdownText ul li:hover { color:#cc0033; background-color:transparent; }

/*========================================
	Reference Search Bar
==========================================*/
ul.refSearchBar {padding-left:0;margin-left:0;}
ul.refSearchBar li {list-style-type:none;margin-bottom:8px;}
ul.refSearchBar li label {font-size:11px; color:#4f4f4f; font-weight:bold; margin-top:3px; float:left; margin-right:10px;  }
ul.refSearchBar li input {font-size:11px; color:#4f4f4f; }
ul.refSearchBar li .generalIcon {margin-left:8px; vertical-align:text-bottom;}
ul.refSearchBar li div {z-index:9999; float:left; margin:0; padding:0;}
ul.refSearchBar li div.clear { float:none; }

ul.refSearchBar li div.autowrapper { margin-top:2px; } 
ul.refSearchBar li div.unitsWrapper { margin-left:10px;}
ul.refSearchBar li label.skuUnit { float:left; margin:5px 10px 0 0; }

ul.refSearchBar li .autoSuggest {height: 236px; width: 302px;margin-top:22px;}

/*- SKU input -*/
ul.refSearchBar li div.skuSearchLabel {}
.skuSearch { margin:2px 20px 0 10px; width:201px; float:none; height:21px; padding:0; background-image:url(/Images/ioclub/searchbox/distributorInputBg.gif); background-repeat:no-repeat; background-position:0 0; }
.skuSearch ul {margin:0; padding:0;}
.skuSearch ul li {display:inline; float:right; list-style-type:none; padding:0; margin:0 1px 0 0; }
.skuSearchField {width:165px; border:none 0; margin:1px 0 0 1px;  font-size:1em; padding: 2px 0 2px 3px; color:#4f4f4f; font-family:Verdana, Arial, Helvetica, sans-serif;}
.skuSearchbutton {width:19px; height:19px; margin:0; padding:0; }
.skuSearchbutton img { margin:1px 0 0 2px; padding:0; }
.unitInput { width:50px; }
.skuAdd { vertical-align:middle; margin-left:15px; }

/*========================================
	Date Picker
==========================================*/
.searchDatepicker {background:url(/Images/ioclub/reporting/reportPanel/reportPanelDatePickerBg.png) scroll no-repeat 0 0;font-size:11px;font-weight:bold;height:22px;padding:7px 0 0 8px;width:76px;border:0;cursor:pointer;color:#CC0033;font-family:Arial, Helvetica, sans-serif;}
#ui-datepicker-div {z-index:550;}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #9c9c9c; background: #ffffff url(/Images/ioclub/datepicker/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #003A6C; }
.ui-widget-content a { color: #003A6C; }
.ui-widget-header { border: 1px solid #A9A9A9; background: #CC0033; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #F6F9FE url(/Images/ioclub/datepicker/ui-bg_glass_75_F6F9FE_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #fce7ec; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/Images/ioclub/datepicker/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #CC0033; background: #fce7ec; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/Images/ioclub/datepicker/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/Images/ioclub/datepicker/ui-icons_F5F0F4_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/Images/ioclub/datepicker/ui-icons_F5F0F4_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/Images/ioclub/datepicker/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/Images/ioclub/datepicker/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Images/ioclub/datepicker/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/Images/ioclub/datepicker/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/Images/ioclub/datepicker/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Images/ioclub/datepicker/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/Images/ioclub/datepicker/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/Images/ioclub/datepicker/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.autoSuggest 
{
    background-image: url(/Images/ioclub/autoSuggest/hintPanelBG.gif);
    border:1px solid black;
    height:180px; 
    position:absolute;
    overflow:auto;

    visibility:hidden;
    z-index:9005;
    overflow-y:auto;
    overflow-x:hidden;
    margin-top:22px;
}

.autoSuggestInput 
{ 
    padding-right:22px; 
    background-image: url(/Images/ioclub/autosuggest/hintPanelIcon.gif); 
    background-position: 99.5% 50%; 
    background-repeat: no-repeat; 
    border: solid 0px #7f9db9; 
    height:16px;
    margin:1px;
}


.autoSuggestInputClick
{   
    background-color:#fbfbfb; 
    width:122px; 
    font-weight:normal;
    padding:0px;
}
.autoSuggestImage
{
    z-index:1006;
    position: relative;
    left:-16px;
    top:5px;   
    cursor:pointer; 
    float:left;
}

.autoSuggestMultiple { border:0px; overflow-y:auto; overflow-x:hidden; background-color:#ffffff;  }

.autoSuggest table,div { margin:0px; padding:0px; }
.autoSuggest tr td { font-weight:normal; padding:0px; margin:0px; font-size:8pt }
.autoSuggest td .greyText { color:#A8A295;}

.autoSuggest td a:link {  width:inherit; border:1px solid transparent; display:block; color:#3d3d3d; padding:4px; }
.autoSuggest td a:visited {  display:block; color:#3d3d3d; padding:4px; }
.autoSuggest td a:hover {  border:1px solid #bdbdbd; display:block; color:#3d3d3d; background-color:#feedb9; text-decoration:none; padding:4px; }
.autoSuggest td a:active {  display:block; color:#3d3d3d;  padding:4px;}
.autoSuggest td span { top:0px; left:0px; }


.autoSuggestHightlight
{
    background-color: #feedb9;
    border: 1px  solid  #bdbdbd;
    cursor:pointer;
}

.autoSuggestUnHightlight
{
    background-color:transparent;
    border: 1px solid transparent;
    background-image: url(/Images/ioclub/autoSuggest/hintPanelBG.gif);
}

/* IE7 Style */
.autoSuggestButton { margin-right:0px; float:right; text-align:center; height:13px; width:80px; position:relative; top:-2px; background-color:white; border: 1px solid #7b7c7d; border-top: 1px solid white; z-Index:10000;}
.autoSuggestButtonClose { float:right; text-align:center; height:13px; width:70px; visibility:hidden; position:absolute; border: 1px solid #3d3d3d; border-top: 1px solid transparent; background-image: url(/Images/ioclub/autoSuggest/hintPanelBG.gif); z-Index:10000; }


/*========================================
	Training Module
==========================================*/

/* Training Home */
div.trainingModuleHome .sectionItemText h2 {color:#cc0033;}
div.trainingTestListContainer { padding:4px 11px 6px 0;}
div.trainingTestListContainer p.numTests {float:left; font-size:11px; color:#4f4f4f; font-weight:bold; margin:0; padding:0;}
div.trainingTestListContainer a.toggleTests {float:right; display:block; padding-right:10px; font-size:11px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll right -141px;}
div.trainingTestListContainer a.toggleTests.toggleTestsOpen {background-position:right -104px;}
div.trainingTestListContainer div.trainingTestList {clear:both; padding-top:2px; }
div.trainingTestListContainer div.trainingTestList div.trainingTestListInner {display:none;}

div.trainingTestListContainer div.trainingTestList table {}
div.trainingTestListContainer div.trainingTestList table col.colStatus {width:130px;}
div.trainingTestListContainer div.trainingTestList table col.colScore {width:122px;}
div.trainingTestListContainer div.trainingTestList table col.colIcon {width:43px;}

div.trainingTestListContainer div.trainingTestList table tr th {padding:3px 0 4px 10px; font-size:11px; border-bottom:1px solid #e6e6e6;}
div.trainingTestListContainer div.trainingTestList table tr td {padding:3px 0 7px 10px; font-size:11px; color:#8d8d8d;}
div.trainingTestListContainer div.trainingTestList table tr td.trainingListTitle {padding-top:6px; padding-bottom:0; font-weight:bold; color:#cc0033; padding-left:0; border-top:1px dotted #e1e1e1;}
div.trainingTestListContainer div.trainingTestList table tr.first td.trainingListTitle {border-top:0px none;}
div.trainingTestListContainer div.trainingTestList table tr td.trainingListIcon {border-top:1px dotted #e1e1e1; padding-top:7px;}
div.trainingTestListContainer div.trainingTestList table tr.first td.trainingListIcon {border-top:0px none;}
div.trainingTestListContainer div.trainingTestList table tr td.trainingListIcon a.trainingIcon {display:block; width:23px; height:23px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -27px -2px;}
div.trainingTestListContainer div.trainingTestList table tr.failed td.trainingListIcon a.trainingIcon {background-position:-2px -2px;}
div.trainingTestListContainer div.trainingTestList table tr.passed td.trainingListIcon a.trainingIcon {background-position:-52px -2px;}
div.trainingTestListContainer div.trainingTestList table tr.passed td span.trainingListStatus {padding:0 0 0 12px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -7px -35px; color:#64ab29;}
div.trainingTestListContainer div.trainingTestList table tr.failed td span.trainingListStatus {padding:0 0 0 12px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -7px -64px; color:#ff0101;}
div.trainingTestListContainer div.trainingTestList table tr.passed td span.trainingListScore {color:#64ab29;}
div.trainingTestListContainer div.trainingTestList table tr.failed td span.trainingListScore {color:#ff0101;}

div.sectionItem + div.optionsBottom {border-top:0px none; margin-top:0;}

/* Training Intro */
div.trainingTestLinks {padding:18px 0 4px;}
div.trainingTestLinks a {display:block; color:#ffffff; line-height:22px; font-size:11px; float:left; margin-right:42px; background:transparent url('/Images/ioclub/trainingModule/spriteTrainingX.png') repeat-x scroll 0 0;}
div.trainingTestLinks a span.leftCap {display:block; float:left; margin-left:-7px; width:7px; height:23px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -231px 0;}
div.trainingTestLinks a span.text {display:block; float:left; padding:0 2px;}
div.trainingTestLinks a span.rightCap {display:block; float:left; margin-right:-15px; width:15px; height:23px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -253px 0;}

/* Training Test */
.rightBarTest .miniPanel {float:right;}

div.trainingPanelContainer {position:relative; right:-4px; z-index:10010; display:none; overflow:visible;}
div.trainingTestPanelSurround {position:absolute; top:0; right:0; width:201px; background:#ffffff url('/Images/ioclub/trainingModule/rightBarPanelYnt.png') repeat-y scroll right 0;}
div.trainingTestPanelSurround div.top {width:100%; position:absolute; height:5px; top:0; left:0; background:transparent url('/Images/ioclub/trainingModule/rightBarPanelXnt.png') repeat-x scroll 0 0;}
div.trainingTestPanelSurround div.bottom {width:100%; position:absolute; height:5px; bottom:0; left:0; background:transparent url('/Images/ioclub/trainingModule/rightBarPanelXnt.png') repeat-x scroll 0 -5px;}
div.trainingTestPanelSurround div.topRight {width:13px; height:13px; position:absolute; top:0; right:0; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -101px 0;}
div.trainingTestPanelSurround div.bottomRight {width:13px; height:13px; position:absolute; bottom:0; right:0; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -101px -13px;}
div.trainingTestPanelSurround div.bottomLeftInv {width:13px; height:18px; position:absolute; bottom:-8px; left:0; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -114px 0;}
div.trainingTestPanelSurround div.miniPanel {top:10px; right:10px; position:absolute; margin:0;}

div.trainingTestPanelSurround div.testAnchor {z-index:-10; position:absolute; left:0; top:0;}
div.testAnchor div.testOverlayContainer {position:absolute; display:none; top:0; right:-5px; width:0; height:0;}

div.testAnchor div.testOverlayContainer div.top {width:auto; position:relative; height:13px; margin-left:13px; background-image:url('/Images/ioclub/trainingModule/rightBarPanelX.png');}
div.testAnchor div.testOverlayContainer div.bottom {margin:0 13px; width:auto; position:relative; height:13px; background:transparent url('/Images/ioclub/trainingModule/rightBarPanelX.png') repeat-x scroll 0 -13px;}
div.testAnchor div.testOverlayContainer div.topLeft {width:13px; height:13px; position:absolute; top:0; left:-13px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -131px 0;}
div.testAnchor div.testOverlayContainer div.bottomLeft {width:13px; height:13px; position:absolute; bottom:0; left:-13px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -131px -13px;}
div.testAnchor div.testOverlayContainer div.bottomRight {width:13px; height:13px; position:absolute; bottom:0; right:-13px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -144px -13px;}

div.testAnchor div.testOverlayContainer div.testOverlayBgLeft {background:transparent url('/Images/ioclub/trainingModule/rightBarPanelYRight.png') repeat-y scroll right 0;}
div.testAnchor div.testOverlayContainer div.testOverlayBgRight {padding:0 13px; background:transparent url('/Images/ioclub/trainingModule/rightBarPanelYLeft.png') repeat-y scroll left 0;}
div.testAnchor div.testOverlayContainer div.testOverlayContentBg {background-color:#fff;}

div.testAnchor div.testOverlayContainer div.testOverlay {visibility:hidden; background-color:#ffffff;}
div.testAnchor div.testOverlayContainer div.testOverlay div.testOverlayContent {padding:3px 6px; min-height:300px; background-color:#ffffff;}

div.testOverlayContent p {margin:0; padding-bottom:20px;}
div.testOverlayContent h1 {margin:0; padding-bottom:3px;}
div.testOverlayContent p.questionNumber {font-size:16px; color:#4f4f4f;}
div.testOverlayContent img.questionImage {float:right;}
div.testOverlayContent p.leadText {font-size:17px; font-weight:normal; color:#919191; padding-top:16px;}

div.testOverlayContent div.testAnswers {clear:both; padding-top:26px;}

div.testOverlayContent div.testAnswers table { width:100%; margin:0; padding:0;}
div.testOverlayContent div.testAnswers table col.testCheckBox { width:35px; }
div.testOverlayContent div.testAnswers table tr th {padding:5px 12px; background-color:#dddddd; color:#4f4f4f; border-bottom:1px dotted #ffffff; font-size:11px; font-weight:bold;}
div.testOverlayContent div.testAnswers table tr td {padding:10px 6px; background-color:#fbfbfb; color:#4f4f4f; border-bottom:1px dotted #dedede;}
div.testOverlayContent div.testAnswers table tr td.input {padding:10px 1px 10px 11px; text-align:center;}
div.testOverlayContent div.testAnswers table tr td.input input {margin:0;}

div.testOverlayContent div.testAnswers div.testNav {padding:43px 0 32px;}
div.testOverlayContent div.testSummary {padding:0;}
div.testOverlayContent div.testSummary div.testNav {padding:8px 0 33px; position:relative;}

div.testOverlayContent div.testNav a.exitTestButton {display:block; cursor:pointer; height:23px; float:left; margin:0 37px 0 7px; color:#cc0033; background:transparent url('/Images/ioclub/trainingModule/spriteTrainingX.png') repeat-x scroll 0 -46px;}
div.testOverlayContent div.testNav a.exitTestButton span.leftCap {display:block; cursor:pointer; width:7px; height:23px; float:left; margin-left:-7px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -171px 0;}
div.testOverlayContent div.testNav a.exitTestButton span.text {display:block; cursor:pointer; padding:0 4px 0 2px; float:left; line-height:22px; font-size:11px;}
div.testOverlayContent div.testNav a.exitTestButton span.rightCap {display:block; cursor:pointer; width:13px; height:23px; float:left; margin-right:-13px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -179px 0;}

div.testOverlayContent div.testNav a.submitAnswerButton {display:block; cursor:pointer; height:23px; float:left; color:#ffffff; background:transparent url('/Images/ioclub/trainingModule/spriteTrainingX.png') repeat-x scroll 0 0px;}
div.testOverlayContent div.testNav a.submitAnswerButton span.leftCap {display:block; cursor:pointer; width:7px; height:23px; float:left; margin-left:-7px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -231px 0;}
div.testOverlayContent div.testNav a.submitAnswerButton span.text {display:block; cursor:pointer; padding:0 4px 0 2px; float:left; line-height:22px; font-size:11px;}
div.testOverlayContent div.testNav a.submitAnswerButton span.rightCap {display:block; cursor:pointer; width:13px; height:23px; float:left; margin-right:-17px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -255px 0;}

div.testOverlayContent div.testNav a.downloadCertButton {display:block; cursor:pointer; visibility:visible; height:23px; float:left; margin:0 27px 0 0; color:#ffffff;}
div.testOverlayContent div.testNav a.downloadCertButton span.leftCap {display:block; cursor:pointer; width:20px; height:23px; float:left; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -193px 0;}
div.testOverlayContent div.testNav a.downloadCertButton span.text {display:block; cursor:pointer; padding:0 4px 0 4px; float:left; line-height:22px; height:23px; font-size:11px; background:transparent url('/Images/ioclub/trainingModule/spriteTrainingX.png') repeat-x scroll 0 -23px;}
div.testOverlayContent div.testNav a.downloadCertButton span.rightCap {display:block; cursor:pointer; width:14px; height:23px; float:left; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -216px 0;}

div.testOverlayContent div.testNav a.retakeTestButton {display:block; cursor:pointer; height:23px; float:left; margin:0 40px 0 22px; color:#ffffff; background:transparent url('/Images/ioclub/trainingModule/spriteTrainingX.png') repeat-x scroll 0 0;}
div.testOverlayContent div.testNav a.retakeTestButton span.leftCap {display:block; cursor:pointer; width:22px; height:23px; float:left; margin-left:-22px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -231px 0;}
div.testOverlayContent div.testNav a.retakeTestButton span.text {display:block; cursor:pointer; padding:0 4px 0 2px; float:left; line-height:22px; font-size:11px;}
div.testOverlayContent div.testNav a.retakeTestButton span.rightCap {display:block; cursor:pointer; width:13px; height:23px; float:left; margin-right:-17px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -255px 0;}

div.testOverlayContent div.testNav a.closeButton {display:block; cursor:pointer; height:23px; float:left; margin:0 37px 0 7px; color:#cc0033; background:transparent url('/Images/ioclub/trainingModule/spriteTrainingX.png') repeat-x scroll 0 -46px;}
div.testOverlayContent div.testNav a.closeButton span.leftCap {display:block; cursor:pointer; width:7px; height:23px; float:left; margin-left:-7px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -171px 0;}
div.testOverlayContent div.testNav a.closeButton span.text {display:block; cursor:pointer; padding:0 4px 0 2px; float:left; line-height:22px; font-size:11px;}
div.testOverlayContent div.testNav a.closeButton span.rightCap {display:block; cursor:pointer; width:13px; height:23px; float:left; margin-right:-13px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -179px 0;}

div.testOverlayContent div.testNav div#loadingBarContainer { position:absolute; top:8px; left:0; width:165px; height:60px; }
div.testOverlayContent div.testNav div#loadingBarContainer div.loadingBar {display:block; width:165px; height:23px; float:left; margin-right:27px; /*background:transparent url('/Images/ioclub/trainingModule/trainingAnimation.gif') no-repeat scroll 0 0;*/}
div.testOverlayContent div.testNav div#loadingBarContainer p { text-align:center;}

div.trainingPanelContainer div.miniPanelContent p {margin:0; padding:0; color:#4f4f4f;}
div.trainingPanelContainer div.miniPanelContent div.testStatus {padding:11px 5px;}

div.trainingPanelContainer div.miniPanelContent p.testTaking {border-bottom:1px dotted #c5c5c5; padding:0 0 2px 4px; font-size:11px;}
div.trainingPanelContainer div.miniPanelContent p.testName {padding:2px 0 0 4px; color:#cc0033;}
div.trainingPanelContainer div.miniPanelContent div.testProgress {padding:23px 0 15px 0; border-bottom:1px dotted #c5c5c5;}
div.trainingPanelContainer div.miniPanelContent div.testProgress p {padding:0 0 5px 4px; font-weight:bold;}
div.trainingPanelContainer div.miniPanelContent div.testQuestionResult {}
div.trainingPanelContainer div.miniPanelContent div.testQuestionResult p {padding:15px 0 26px 4px; font-weight:bold; float:left; }
div.trainingPanelContainer div.miniPanelContent div.testQuestionResult div.previousAnswer {width:35px; height:35px; margin:6px 14px 0 0; float:right; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -264px -48px;}
div.trainingPanelContainer div.miniPanelContent div.testQuestionResult div.previousAnswer.incorrect {background-position:-300px -48px;}

div.trainingPanelContainer .miniPanelFooter {float:left;}
div.trainingPanelContainer .miniPanelFooter img {display:block;}

/* Training History */

div.trainingHistory {padding:15px 9px 0;}
div.trainingHistory ul li {clear:none; border:0px none;}

div.trainingHistory div.trainingHistoryFilters {padding-bottom:8px;}
div.trainingHistory div.trainingHistoryFilters a.trainingHistoryButton {display:block; float:left; text-align:center; color:#ffffff; font-weight:bold; margin-right:16px; width:64px; height:29px; padding:6px 5px;}

div.trainingHistory div.pagination {width:727px;}

div.trainingHistory div.trainingHistoryResults {padding-bottom:36px;}
div.trainingHistory div.trainingHistoryResults table {width:100%;}
div.trainingHistory div.trainingHistoryResults table col.testHistoryDate {width:136px;}
div.trainingHistory div.trainingHistoryResults table col.testHistoryStatus {width:110px;}
div.trainingHistory div.trainingHistoryResults table col.testHistoryScore {width:75px;}
div.trainingHistory div.trainingHistoryResults table col.testHistoryIcon {width:41px;}

div.trainingHistory div.trainingHistoryResults table tr th {border-bottom:1px solid #e6e6e6; font-size:11px; color:#787878; padding:7px 10px;}
div.trainingHistory div.trainingHistoryResults table tr td {border-bottom:1px dotted #d9d9d9; font-size:11px; color:#919191; padding:7px 10px;}
div.trainingHistory div.trainingHistoryResults table tr.first td {padding-top:15px;}

div.trainingHistory div.trainingHistoryResults table tr td.testName {font-weight:bold; color:#cc0033;}
div.trainingHistory div.trainingHistoryResults table tr.failed td.testName {color:#919191;}

div.trainingHistory div.trainingHistoryResults table tr td.testStatus {color:#64ab29;}
div.trainingHistory div.trainingHistoryResults table tr.failed td.testStatus {color:#ff0101;}

div.trainingHistory div.trainingHistoryResults table tr td.icon {padding:2px 8px 1px 10px;}
div.trainingHistory div.trainingHistoryResults table tr td.icon a.testHistoryDLCert {display:block; width:23px; height:23px; background:transparent url('/Images/ioclub/trainingModule/spriteTraining.png') no-repeat scroll -52px -2px;}

/*========================================
			Overlay
==========================================*/
div#core-overlay-container, div#core-overlay-container.core-importTool {width:200px; height:200px; padding:0; margin:0; display:none; background-color:#ffffff; border:8px solid #898989; position:absolute; z-index:10000;}
a#core-overlay-close {position:absolute; width:36px; height:36px; top:-20px; right:-20px; background:transparent url('/Images/ioclub/trainingModule/overlayClose.png') no-repeat scroll 0 0;} 
div.core-overlay-largeSpinner {width:100px; height:100px; position:absolute; top:50px; left:50px; background:transparent url('/Iomega/Images/CoreImportTool/importToolLargeSpinner.gif') no-repeat scroll 0 0;}
div#core-overlay-content {visibility:hidden; position:absolute; top:0; right:0;}
div#core-overlay-content div.core-overlay-header {background-color:#000000; padding:14px 17px; font-size:1.9em; font-weight:bold; color:#ffffff; border-bottom:5px solid #ffffff;}
#iomega-swfContainer {min-width:799px; min-height:599px; background-color:#ffffff;}