/* Global Styles */
/* Add 'overflow' class specifier to existing body tag in current stylesheet */
body { padding: 5px;}

/* Begin New Styles (cut and paste into main stylesheet) */
#menu-wrap {
	font-family:Arial, Helvetica, sans-serif;
	width:160px;
	margin-left:20px
}
#menu-wrap h3 {
	margin:0;
	padding-top:4px;
	height:21px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	background-image: url('/images/bg_level1_off.gif');
	background-position: left top;
	text-decoration:none;
}
#menu-wrap h3 a:visited {
	color: #333;
}
#menu-wrap h3 a:hover, #menu-wrap h3 a:active {
	color:#ff6600;
}
#menu-wrap h3 a {
	text-decoration:none;
}
#menu-wrap ul {
	padding: 0;
	list-style: none;
	margin-top:10px;
	margin-bottom:10px
}
#menu-wrap li {
	font-size:11px;
	list-style: none;
	margin-left:10px;
	padding:3px;
}
#menu-wrap li a {
	text-decoration:none;
	color:#333333;
}
#menu-wrap li a:hover {
	text-decoration:none;
	color:#ff6600
}
#menu-wrap .accordion {
	background-color:#E7E7E7;
}
/* End New Styles */


/* 
a:link {color: #F67711; text-decoration: none}
a:hover {color: #F67711; text-decoration: underline}
a:active {color: #F67711; text-decoration: none}
a:visited {color: #F67711; text-decoration: none}
*/
/* Header */
.headerLinks {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
.headerLinks a:link, .headerLinks a:visited {color: #666666; text-decoration: none}
.headerLinks a:hover, .headerLinks a:active {color: #F67711; text-decoration: none}
.websuiteLinks {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
.websuiteLinks a:link, .websuiteLinks a:visited {color: #666666; text-decoration: none}
.websuiteLinks a:hover, .websuiteLinks a:active {color: #F67711; text-decoration: none}
.websuiteLinkson {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #F67711; font-weight: bold;}
.websuiteLinkson a:link, .websuiteLinkson a:hover, .websuiteLinkson a:active, .websuiteLinkson a:visited {color: #F67711; text-decoration: none}
.searchInput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;}

/* Left Column */
.columnLeft {background-color: #F0F0F0;	padding: 30px 0px; margin: 0px;}
.navLevel1 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; background-image: url(/images/bg_level1_off.gif); background-repeat: no-repeat; background-position: left top;}
.navLevel1 a:link, .navLevel1 a:active, .navLevel1 a:visited {color: #333333; text-decoration: none;}
.navLevel1 a:hover {color: #F67711;	text-decoration: none;}
.navLevel1on {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #F67711; background-image: url(/images/bg_level1_on.gif); background-repeat: no-repeat;	background-position: left top; text-decoration: none;}
.navLevel1on a:link, .navLevel1on a:active, .navLevel1on a:visited {color: #F67711; text-decoration: none;}
.navLevel1on a:hover {color: #F67711; text-decoration: none;}
.navLevel2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;	margin-top: 7px; margin-bottom: 7px; display: block;}
.navLevel2 a:link, .navLevel2 a:active, .navLevel2 a:visited {color: #333333; text-decoration: none;}
.navLevel2 a:hover {color: #F67711; text-decoration: none;}
.navLevel2on {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #F67711; margin-top: 7px; margin-bottom: 7px; display: block; font-weight: bold;}
.navLevel2on a:link, .navLevel2on a:active, .navLevel2on a:visited {color: #F67711; text-decoration: none;}
.navLevel2on a:hover {color: #F67711; text-decoration: none;}
.navLevel2bg {background-color: #E7E7E7; padding-top: 5px; padding-bottom: 5px;	padding-left: 10px;	padding-right: 10px; background-image: url(/images/bg_level2.gif); background-repeat: no-repeat; background-position: left bottom;}

/* Content */
.textDefault {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.textDefault a:link, .textDefault a:active, .textDefault a:visited  {color: #F67711; text-decoration: none;}
.textDefault a:hover  {color: #F67711; text-decoration: underline;}
.textSmall {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
.textSmall a:link, .textSmall a:active, .textSmall a:visited  {color: #F67711; text-decoration: none;}
.textSmall a:hover  {color: #F67711; text-decoration: underline;}
.columnMain {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.contentMain {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding-top: 30px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px;}
.pageTitlebg {background-color: #666666; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
.pageTitlestripe {background-color: #F67711;}
.pageTitle, .pageTitle a:link, .pageTitle a:hover, .pageTitle a:visited {font-family: Arial, Helvetica, sans-serif;	font-size: 15px; color: #FFFFFF; text-decoration: none;}
.tableHeader {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #F67711;}
.tableSubheader {font-family: Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: bold;	color: #333333;	background-color: #E7E7E7;}
.tableSubheader a:link, .tableSubheader a:active, .tableSubheader a:visited  {color: #F67711; text-decoration: none;}
.tableSubheader a:hover  {color: #F67711; text-decoration: underline;}
.tableData {font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #333333;	background-color: #FFFFFF; border-bottom-style: dotted;	border-bottom-color: #CCCCCC; border-bottom-width: 1px;	text-decoration: none;}
.tableData a:link, .tableData a:active, .tableData a:visited {text-decoration: none; color: #F67711;}
.tableData a:hover {text-decoration: underline;	color: #F67711;}
.tableFooter {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; background-color: #E7E7E7;}

/* Error Messages */
.errorDefault {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000;}
.errorTitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;color: #CC0000;}
.confirmTitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;color: #F67711;}
.confirmDefault {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}


/* Forms */
.fieldLabel {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.fieldLabelhighlight {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #F67711;}

/* Footer */
.footerLinks {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
.footerLinks a:link {color: #666666; text-decoration: none}
.footerLinks a:hover {color: #F67711; text-decoration: none}
.footerLinks a:active {color: #F67711; text-decoration: none}
.footerLinks a:visited {color: #666666; text-decoration: none}

#news-menu { float:right; width:'180px'; margin-left:5px; padding:5px; border-left-style: dotted; border-left-color: #CCCCCC; border-left-width: 1px;}
#news-menu h3, #news-menu p, #news-menu ul { padding-left:15px; font-size: 12px; }
#news-index {line-height:normal}
#news-index p {margin-bottom:25px}
#news-menu li a {background:none;color:#999}
#news-menu li.current a {font-weight:bold;color:#ff9933}
#news-menu li a:hover {color:#ff9933}


/* Cluetip section */

#cluetip-close img { border: 0; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(wait.gif); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default { background-color: #d9d9c2; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; }
.cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #F67711; }
.cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; }  
.cluetip-default #cluetip-inner { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;	background-color: #FFFFFF}
.cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #FFF; }

/* default arrows */
.clue-right-default .cluetip-arrows { background-image: url(images/darrowleft.gif); }
.clue-left-default .cluetip-arrows { background-image: url(images/darrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-default .cluetip-arrows { background-image: url(images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px;  }  
.clue-bottom-default .cluetip-arrows { background-image: url(images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}
.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}
.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */
.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}
.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}
.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}
.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}
/* rounded arrows */
.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}
/* jqm */
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
