*{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
body {

padding:0; margin:0;



}

form p {
  margin: 0 0 0.5em 0;
}


.FormLeftCell {
background:#CCCCCC;
line-height:22px;
padding-left: 7px;
}

#GenerateButton, #DownloadButton {
border:1px solid #000;
line-height:26px;
height:26px;
background: white url(tabbg.png) repeat-x 0px -48px;
color:#FFF;
margin-top:3px;
margin-left:1px;
}
#MenuBuilderHeader h1{
float: right; margin:3px;
padding:0;
}
#MenuBuilderHeader {
display:block;
border-bottom: 1px solid #fff;
font: bold 16px Georgia, "Times New Roman", Times, serif;
padding:5px 20px 5px 20px;
color:#FFFFFF;
background:url(images/greenbg.png);
}
#subpageBody { background: #fff; }
#MenuBuilderFooter {
display:block;
border-top: 1px solid #fff;
font: 13px Georgia, "Times New Roman", Times, serif;
padding:10px 0 10px 30px;
background:url(img/header_bg.gif) repeat-x top;
}
#MenuBuilderMain {
background:#fff url(images/wide.gif) repeat-x top;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
}
#MenuBuilderWelcome {
background: #fff url(img/izzybg.jpg) no-repeat right 3px;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
position: absolute; z-index:9999; top:29px; width:100%; height:475px;
}
#MenuBuilderWelcomeSpan{
margin:0; 
border-top: 5px solid #ccc; 
padding: 15px 0 10px 0;
}



#MenuBuilderMainSpan{
margin:0;
border-bottom: 5px solid #ccc;
border-top: 5px solid #ccc;
padding: 15px 0 10px 0;
background:url(images/wide_flip.gif) repeat-x bottom;
}
form { margin:0; padding:0; }


INPUT.spin-button {

	padding-right:20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url(spin/spinbtn_updn.gif);
	height:22px;
	width:50px;
}

INPUT.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
INPUT.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}

/* Styles for Select Menu  */
#SelectMenu {
height: 1.35em; /* fix for IE7 */
position: relative;
}

#SelectMenu ul {
position: absolute;
z-index: 10000;
top: 0;
width: 180px;
list-style-type: none;
padding: 0;
margin: 0;
border: 1px solid #32528c;
line-height: 1.35em;
background: #FFFFFF;
}

#SelectMenu a {
display: block;
/*width: 170px;*/
color: #000;
text-decoration: none;
padding: 0 .5em;
background: #eff3fb url(images/down_arrow.gif) right center no-repeat;

}
#SelectMenu li {

}
#SelectMenu a:hover { background-color: #f8fafd; }

#SelectMenu ul ul {
position: static;
display: none;
border-width: 1px 0 0;
overflow:auto;
height: 300px;
width: 200px;
}

#SelectMenuList a {
background: #fff none;
}

#SelectMenuList a:hover {
color: #fff;
background-color: #4986d9;
}



.depend label {

display:inline;

}
.b_all {
clear:both;
display:inline;
float:left;
width: 30px;

}

.depend label input {


}

label#b_all {

display:inline;

}
/*<label for="all_border" class="b_all"><input type="checkbox" name="all_border" id="all_border" class="crirHiddenJS" checked="checked" value="1">Apply to all</label>
  	<label id="b_all"><input type="text" name="main-menu-border-width" id="DEPENDS ON all_border" class="spin-button2" value="0"> px</label>*/
	.buttonTip {
	width: 14px;
	height: 16px;
	border:0;
	background:#FFF url(form_images/help.png) no-repeat;
left:-4px;
position:relative;
	
	}
label#b_top  {

display:inline;

}
label#b_bottom  {
display:inline;
left:-4px;
position:relative;

}
label#b_right  {



display:inline;
left:-2px;
position:relative;
}
label#b_left  {
display:inline;
left:-6px;
position:relative;


}
label#b_all  {
clear:both;
display:inline;
}

/*label#b_top  {
display:block;
position:relative;
top: 0;
left: 0px;
background:url(form_images/arrow_up.png) no-repeat 50px;
}
label#b_bottom  {
display:block;
position:relative;
top: 0;
left: 0;
background:url(form_images/arrow_down.png) no-repeat 50px;
}
label#b_right  {
display:block;
position:relative;
top: 2;
left: 70px;
z-index:100;
background:url(form_images/arrow_right.png) no-repeat 50px;
padding-right:50px;
}
label#b_left  {
display:block;
position:relative;
top: -42px;
left: -72px;
background:url(form_images/arrow_left.png) no-repeat 0px;
padding-left:20px;
}
label#b_all  {
clear:both;
display:inline;
position:static;
float: left;
}*/

#MenuLoading {  position:absolute; z-index:11;  left:10px; width:380px; height: 100px; padding: 10px; border:1px solid #ccc;  background: #fff url(img/indicator.gif) no-repeat 180px 40px; text-align:center; padding-top: 90px; }


#MainNavigation h2 { display: inline; margin:0; padding:0; }

#subBody{
width: 700px;
}

#subHeader h1 { 
border-bottom: 1px solid #000; 
margin: 0 0 10px 0; padding: 10px; 
font: 20px Georgia, "Times New Roman", Times, serif;
background: url(images/wide_flip.gif) repeat-x bottom; }
#catalogueMenu ul { 
list-style:none;
margin:10; padding:0;
}

#catalogueMenu li h2 {
margin:0; padding:0; font-size: 20px;
}
#catalogueMenu li {
padding:0 0 10px 10px; 
border-bottom: 1px solid #ccc; 
margin-bottom: 5px;
width:300px;
font-size: 11px;
}
#catalogueMenu li img {
margin:0; padding:5px 0 5px 0; border:0; display:block;
}
#catalogueMenu #catLeft { float:left; border: 1px solid #FFFF00; background: #FFFFCC; padding: 5px; margin: 0 10px 5px 0; text-align:center; }
#catalogueMenu #catLeft h1 {margin: 0; padding:0;}
#navList ul {  list-style:none; margin:17px 0 17px 0; padding:0;  }
#navList ul li {  display: inline; }
#navList ul li a {  border: 1px solid #ccc; padding:5px; margin-left: 1px; text-decoration:none; color:#000000; background:#fff url(img/footer_bg.gif) }
#navList ul li a:hover { border: 1px solid #000;  }

.nlBottom { border-top: 1px solid #000; }
.nlTop { border-bottom: 1px solid #000; }
 
#navList { text-align: center; }

#getStyle { position:absolute; left: 300px; z-index:10; text-align:right; width:100px; }
#getStyle h2 { margin:0; padding:0; }
#MenuManagerSubmit {  height:33px;position:absolute; z-index:10; top: 449px; left:422px; width:110px; background:url(img/toolbar.gif) repeat-x top;   }
#MenuManagerSubmit span {padding:1px; display:block;   }
.MainLeftSide { padding:0 10px 0 10px;}
.MainRightSide {padding:0 10px 0 0;}

#divUseMain { margin:5px 0 5px 0px; padding:3px; height:30px; border-bottom:1px solid #000; background:url(images/wide_flip.gif) repeat-x bottom;  }
#divUseMain span { display:inline;margin:8px 0 0 0;float:left; }
#divUseMain input { margin: 8px; float:left; }

#alertReg { border-top: 1px solid #FF9900;
border-bottom: 1px solid #FF9900;
padding:10px; margin:10px; background: #FFFFCC; }

.actionsList { margin-top:10px; text-align:right;}
.actionsList a {

padding: 2px 5px 2px 5px; background: #2647A0 url(tabbg.png) repeat-x 0 -50px;
color: #fff; text-decoration:none;
border: 1px solid #2647A0; 
}
.actionsList a:hover{
border: 1px solid black; background: #2647A0 url(tabbg.png) repeat-x 0 -30px;
color: #000;
}


#myTop { display:block; padding:14px 2px 14px 2px; margin-bottom: 5px; border-bottom: 1px solid #666666; text-align:right; }
#myTop a { color:#000000; text-decoration: none; background:url(images/wide_flip.gif) repeat-x bottom; padding:10px; border:1px solid #ccc;  }#myTop a:hover {border:1px solid #000; }

#mWelcome { padding:20px; width:700px; }
#mWelcome span { }
#mWelcomeLogo { margin: 5px 0 10px 15px;
font: 33px Georgia, "Times New Roman", Times, serif;
}
#mWelcomeSlogan {
width: 280px; font:bold  13px  Verdana, Arial, Helvetica, sans-serif; color:#999; margin-left: 10px; padding-top:5px; text-align:justify;
border-top: 1px solid #CCCCCC;
}#mWelcomeSlogan h1{ font-size:13px;}
#mainTellMore h1 {
color: #000000; font-weight:normal; font-size:11px;
}
#wbeta { position:absolute; left: 255px; top: 30px; }



button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

/*blue buttons*/
.submitBtn {

  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center;
  text-decoration:none;
  border:0; 
   
  display:block; 
  background:url(images/button.gif) right 0px  no-repeat;
  margin-bottom:10px;
  
  
/*  width:auto; 
  overflow:visible; */
  height:50px;
}
.submitBtn span { 
  background:url(images/button.gif) left 0px no-repeat;
  color:#fff;
  line-height:50px; 
  height:50px;
  display:block; 
  padding:0 0 0 20px; 
}
.submitBtn:hover {
	background-position: right -50px; 
}
.submitBtn:hover span {
	background-position: left -50px; 
}




button { 
  width:auto; 
  overflow:visible; 
}
button span { 
  margin-top:1px; 
}
#wList { font: bold 13px Verdana, Arial, Helvetica, sans-serif;  }
ul#wList  { margin:20px 0 0 0 ; padding:0; list-style:none;}
ul#wList li  { background:url(img/waccept.png) no-repeat; padding: 4px 5px 20px 30px; }

#WelcomeAction { float:left; margin: 10px 0 0 50px;