﻿div#pageMenu {
  width:965px;
  clear: both;
  top: 2px;
  background-repeat: no-repeat;
}

/*div#pageMenu ul.dropMenu {
    background-image:url('/_lib/images/chrome/menuBarTabGr.gif');
}*/

div#customerCentre li.tileTop, div#customerCentre li.tileFoot {
  height: 50px;
  line-height: 50px;
}

div#customerCentre li.tileTop {
  padding:0px;
}

div#customerCentre li.tileFoot {
  background-position: 0px -7px;
  border-top:1px solid #ffffff;
}

div#customerCentre li.tileTop:hover /*, div#customerCentre li.tileFoot:hover */
{
  background-position: 0px -60px;
}

div#customerCentre li.tileTop a /*,div#customerCentre li.tileFoot a */ {
  color:#555555;
  height:56px;
  line-height:56px;
  padding:0 0 0 5px;
  text-decoration:none;
  font-weight:bold;
  font-size:small;
}

div#customerCentre li.tileTop a:hover /*, div#customerCentre li.tileFoot a:hover */
{
  border-bottom:1px dotted #ffffff;
}

div#pageContent { width:965px; }



div.breadCrumbHolder {
  clear:both;
  width:956px;
  height:35px;
  background-image:url('/_lib/images/chrome/pageTab/tabFootH.jpg');
  background-repeat:no-repeat;
  background-position:left bottom;
}




div#pageContentLeft {
  /*border-top:1px solid #aaaaaa;*/
  width:191px;
  float:left;
}

div#pageContentLeft ul {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width:185px;
}

div#pageContentLeft li.leftMenu, div#pageContentLeft li.leftMenuFoot {
  font-family: Trebuchet MS, Verdana, Arial;
  list-style-type:none;
  font-weight:bold;
  display:block;
  background-image:url('/_lib/images/chrome/bgLeft.jpg');
  background-repeat:no-repeat;
  height:31px;
  width:170px;
  line-height:31px;
  padding-left:15px;
}



/*div#pageContentLeft li.leftMenuFoot {
  background-image:url('/_lib/images/chrome/leftTileFoot.jpg');
}*/




div#pageContentLeft li.leftMenu:hover, div#pageContentLeft li.leftMenuFoot:hover {
  background-position:0 -32px;
  background-repeat:no-repeat;
}

div#pageContentLeft li.leftMenu:hover a, div#pageContentLeft li.leftMenuFoot:hover a {
  color:#FFFFFF;
  text-decoration:none;
}

div#pageContentLeft li.leftMenu a:hover, div#pageContentLeft li.leftMenuFoot a:hover {
  border-bottom:1px dotted #FFFFFF;
}



div#pageContentMiddle {
  width:550px;
  float:left;
  margin:0px 14px 0px 11px;
}





div#pageContentRight {
  width:186px;
  float:left;
}



div#pageContentRight ul {
  padding: 0px;
  margin: 0px;
}

div#pageContentRight li.rightMenu, div#pageContentRight li.rightMenuFoot {
  list-style-type:none;
  font-weight:bold;
  display:block;
  margin-top: 5px;
  padding-top:4px;
  background-image:url('/_lib/images/chrome/rightTile.jpg');
  background-repeat:no-repeat;
  height:44px;
  width:180px;
  padding-right:5px;
  text-align:right;
}

div#pageContentRight li.rightMenuFoot {
  background-image:url('/_lib/images/chrome/rightTileFoot.jpg');
}

div#pageContentRight li.rightMenu a, div#pageContentRight li.rightMenuFoot a {
  /*padding-right:5px;*/
  color:#000000;
}

div#pageContentRight li.rightMenu a strong, div#pageContentRight li.rightMenuFoot a strong {
  padding-right:5px;
  color:#ffffff;
}




fieldset.fsRound, fieldset.fsRoundL {
  margin:0px;
  padding:6px 8px 6px 8px;
  border: 1px solid #cccccc;
  border-radius:0px 10px 0px 0px;
  -moz-border-radius:0px 10px 0px 0px;
  -webkit-border-radius:0px 10px 0px 0px;
}


fieldset.fsRound {
  display: inline;
  width:162px;
}

fieldset.fsRound legend {
  padding:0px;
  margin-left:-10px;
}


fieldset.fsRoundL {
  margin-bottom:10px;
}

fieldset.fsRoundL legend {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size:larger;
  font-weight:bold;
  color: #FFFFFF;
  border:1px solid #cccccc;
  padding:2px 15px 2px 15px;
  margin-left:-9px;
  border-radius:10px 10px 0px 0px;
  -moz-border-radius:10px 10px 0px 0px;
  -webkit-border-radius:10px 10px 0px 0px;
}

/********************************
Tabs
********************************/

fieldset.tabPage {
  margin:0px;
  padding:0px;
  border:1px solid #ffffff;
}

fieldset.tabPage legend {
  display:inline;
  padding:2px 60px 2px 14px;
  margin:5px 0px 0px 0px;
  background-image:url('/_lib/images/chrome/tabGrey.jpg');
  background-position:top left;
  background-repeat:no-repeat;
  font-weight:bold;
  background-color:white; 
}


.tabSet_TabPane {
  font-family: Trebuchet MS, Verdana, Arial;
  height:22px;	/* Height of tabs */
  border-bottom:0px solid #919b9c;
  clear:right;
  margin-left:5px;
  width:510px;
}

.tabPage {
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  padding:5px;
  margin-left:0px;
  margin-top:0px !important; /* targets FF, IE 6 and 7 */
  margin-top:-5px;		
  /*		*margin-top:0px !important; /* targets IE 6 and 7 */
  _margin-top:-1px; /* targets IE6 */
}

.tabSet_TabPane DIV {
  float:left;
  height:22px;	/* Height of tabs */
  padding-left:3px;
  background-repeat:no-repeat;
  cursor:pointer;
  position:relative;
  vertical-align:middle;
  bottom:-1px;
  margin-left:0px;
  margin-right:0px;
}

.tabSet_TabPane .tabActive {
  background-image:url('/_lib/images/chrome/tabGrey.jpg');
  background-position: 0px -23px;
  background-repeat:no-repeat;
  margin-left:0px;
  margin-right:0px;	
  margin-bottom:-1px !important; /* FF */
  *margin-bottom:0px !important; /* targets IE 6 and 7 */
  z-index:10;
  border-bottom:0px solid #919b9c;
  width:124px;
  height:22px;
  line-height:22px;
  text-align:center;
  color:#ffffff;
}

.tabSet_TabPane .tabInactive, .tabSet_TabPane .inactiveTabOver {
  background-image:url('/_lib/images/chrome/tabGrey.jpg');
  /*background-position:bottom left;*/
  background-repeat:no-repeat;
  margin-left:0px;
  margin-right:0px;
  z-index:5;
  width:123px;
  height:22px;
  line-height:22px;
  color:#000000;
  text-align:center;
}

.tabSet_TabPane .tabInactive {
  opacity:0.6;
  filter:alpha(opacity=60)
}

.tabSet_TabPane .inactiveTabOver {
  margin-left:0px;
  margin-right:0px;
  color:#000000;
}


input.btnSignup {
  background-image:url('/_lib/images/buttons/btnSignupTrans.gif');
  height:22px;
  width:64px;
  border:0px;
  background-repeat: no-repeat;
}

input.btnSignup:hover {
  background-position: 0px -23px;
  background-repeat: no-repeat;
  cursor:pointer;
}

/* ############################################# */
.btnSignup 
{
	background-image:url('/_lib/images/buttons/btnSignupTrans.gif');
  height: 22px;
  background-repeat: no-repeat;
	padding: 0px 0px;
	width: 64px;
	border:0px
}
.btnSignup:link, .btnSignup:visited{
  background-position: 0px 0px;
	clear: none;
	display: inline-block;
}
.btnSignup:hover{
	background-position: 0px -23px;
	background-repeat: no-repeat;
}
/* ############################################# */


table.formTable tr.tblFoot td {
  padding:0px;
  border:0px;
}


/*************
   infoBox
*************/

div.infoBoxAnchor {
  float:right;
  height:18px;
  width:18px;
  background-image:url('/_lib/images/icons/icoQuestion.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

div.infoBoxAnchor:hover {
  background-position:0 -19px;
  cursor:help;
}

div#infoBox {
  position:absolute;
  font-size:smaller;
  min-height:40px;
  height:auto !important;
  height:40px;
  min-width:170px;
  max-width:210px;
  width:auto !important;
  width:170px;
  padding:0px 3px 3px 0px;
  color: #000000;
  background-color: #5D5761;
  border-radius:0px 10px 0px 10px;
  -moz-border-radius:0px 10px 0px 10px;
  -webkit-border-radius:0px 10px 0px 10px;
  /*opacity:0.95;
  filter:alpha(opacity=95)*/
}

div#infoBoxContent {
  position:relative;
  top:0px;
  left:0px;
  /*font-size:smaller;*/
  min-height:30px;
  height:auto !important;
  height:30px;
  min-width:160px;
  max-width:200px;
  width:auto !important;
  width:160px;
  padding:10px 5px 5px 10px;
  color: #000000;
  background-color: #E9E9E9;
  border:1px solid #5B1063;
  border-radius:0px 10px 0px 10px;
  -moz-border-radius:0px 10px 0px 10px;
  -webkit-border-radius:0px 10px 0px 10px;
  /*opacity:0.95;
  filter:alpha(opacity=95)*/
}


img.kbImage {
  padding:10px
}

td.kbStep {
  vertical-align:text-top;
  font-weight:bold;
  padding:4px;
}

div.kbContent ul {
  margin-top:0px;
  padding-left:15px;
}


div.borderedDiv {
  border:1px solid #eeeeee;
  padding:10px;
  margin-bottom:10px;
  border-radius:0px 10px 0px 10px;
  -moz-border-radius:0px 10px 0px 10px;
  -webkit-border-radius:0px 10px 0px 10px;
}
div.borderedDiv:hover { border:1px solid #cc66cc; }

div.borderedDiv img { float:right; padding-right:5px;  opacity:0.5;  filter:alpha(opacity=50) }
div.borderedDiv:hover img { opacity:1.0;  filter:alpha(opacity=100) }
