*:focus {outline: none;}
* {margin: 0;}
html, body{ color: #333333; font-size: 11px; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; height:100%;text-align: center;}
#bodyWrapper {min-height:100%;position:relative;text-align: center;margin: auto;background-image: url('/images/bodyBG.jpg'); background-repeat: repeat-x;}
#footer {height: 76px;bottom: 0px;left:0px;width:100%;text-align: center;background: #d0d0d0;position: absolute;}
ul{list-style-type: none;padding: 0;margin: 0;}
li{background-image: url(/images/bullet_blue.gif);background-repeat: no-repeat;background-position: 0 50%;padding-left: 16px;line-height: 1.5em; }
h1 {font: bold 16px verdana, geneva, arial;color: #333333;}
h2 {font: bold 14px verdana, geneva, arial;color: #bb0101;}
h3 {font: bold 12px verdana, geneva, arial;color: #333333;}
h4 {font: normal 10px verdana, geneva, arial;color: #333333;}
a.subNav {font: bold 12px/14px verdana, geneva, arial;color: #fff;padding-right:20px;text-decoration: none;}
a.subNav:hover {font: bold 12px/14px verdana, geneva, arial;color: #fffdc7;padding-right:20px;text-decoration: none;}
.subNavNoLogin {font: bold 12px/14px verdana, geneva, arial;color: #999;padding-right:20px;text-decoration: none;}
.bodyCopy, div, p, td {font: 11px/14px Verdana, Arial, Helvetica, sans-serif;color: #333333;}
.bodyCopyBold {font: bold 11px/14px verdana, geneva, arial;color: #333333;}
.bodyCopySmall, .s {font: 9px/11px verdana, geneva, arial;color: #333333;}
.rowTitles {font: 10px verdana, geneva, arial;color: #333333;}
.row1bkg {color: #dedede;}
a {color: #218ecd;text-decoration: underline;}
a:hover {color: #218ecd;text-decoration: none;}
.redLink {font: 11px/14px verdana, geneva, arial;color: #bb0101;text-decoration: none;}
.greenLink {font: 11px/14px verdana, geneva, arial;color: #01bb01;text-decoration: none;}
.yellowLink {font: 11px/14px verdana, geneva, arial;color: #bcbe15;text-decoration: none;}
.redLinkBold {font: bold 11px/14px verdana, geneva, arial;color: #bb0101;text-decoration: none;}
.redLinkSmall {font: 9px/11px verdana, geneva, arial;color: #bb0101;text-decoration: none;}
.redLinkSmallB {font: bold 9px/11px verdana, geneva, arial;color: #bb0101;text-decoration: none;}
.whiteText {font: 11px/14px verdana, geneva, arial;color: #ffffff;}
a.whiteLink {font: 11px/14px Arial, verdana, geneva, arial;color: #ffffff;}
a.whiteLink:hover {font: 11px/14px Arial, verdana, geneva, arial;color: #cccbcb;}
a.bigBoldLink, a.bbl {font: bold 11px/14px verdana, geneva, arial;color: #218ecd;text-decoration: none;}
a.bigBoldLink:hover {font: bold 11px/14px verdana, geneva, arial;color: #218ecd;}
.filterText {font: 10px verdana, geneva, arial;color: #575757;}
a.footerLink {font: 10px verdana, geneva, arial;color: #333333;text-decoration: none;}
a.footerLink:hover {font: 10px verdana, geneva, arial;color: #575757;text-decoration: none;}
.greenText {color: #50ca1e;}
input, select, textarea {font: 11px/14px Arial, verdana, geneva, arial; color:#000000; font-Weight:bold;padding-left:3px;border: 1px groove #aaa;text-align: left;}
#nav {background: url(/images/navAll_bkg.gif);height:  131px;background-repeat: repeat-x;position: relative;z-index: 99;	/* under overlib */text-align: center;}
#navContainer {width: 940px;margin: auto;position: relative;text-align: left;left:auto;right:auto;}
#navTop {height: 62px;}
#tabs div{float:  left;}
#navLogo div {position:absolute;left:0px;top:0px;float:left;width:260px;}
#navWelcome div {position:absolute;left:300px;top:35px;float:left;width:400px;}
#subNav div {position:absolute;top:107px;left:20px;width: 900px;}
#topSearch div {position:absolute;left:680px;top:20px;float:left;width:260px;}
#topLinks div {position:absolute;left:590px;top:76px;float:left;width:360px;}
#bodyContainer {width: 940px;text-align: left;position: relative !important;margin: auto;padding-bottom:116px;   /* Height of the footer */}
#footerContainer {width: 940px;margin: auto;position: relative;text-align: center;left:auto;right:auto;}
#footerLinks {position:absolute;left:620px;top:26px;width:340px;}
#footerCopyright {position:absolute;left:15px;top:31px;}
#footerFeedback {position:absolute;left:355px;top:31px;}
#footerSocial {position:absolute;left:630px;top:55px;}
#footerISYS {position:absolute;left:840px;top:51px;}
#footerDonate{position:absolute;left:15px;top:51px;}
#controlPanel {position:relative;height: 270px;width: 940px;}
#cp-outer {position:relative;overflow: hidden;}
#controlPanel2 {position:relative;top:0px;left:0px;width:250px;height:31px;}
#cp-outer2 {position:absolute;width:250px;height:31px;left:0px;top:0px;overflow: hidden;}
#controlPanel3 {position:relative;width:250px;height:31px;}
#cp-outer3 {position:absolute;width:250px;height:31px;left:0px;top:0px;overflow: hidden;}
#CP_B_BG {position: relative;top: 241px;height: 29px;width: 940px;background-image: url('/images/CP_B_BG.gif'); background-repeat: repeat-x;}
#CP_CL {position: relative;left: 630px;top: 212px;height: 29px;width: 250px;}
#CP_L {position: absolute;top: 0px;height: 270px;width: 9px;}
#CP_R {position: absolute;top: 0px;left: 931px;height: 270px;width: 9px;}
#CP_BR {position: absolute;top: 0px;left: 9px;height: 241px;width: 919px;}
.navField {width:159px;height:20px;background: #c9c9c9 url('/images/CP_Form1.gif') no-repeat scroll center;}
.bodyFilterTxt, .bodyFilterTxt3, .bodyFilterTxt4{font: 10px/12px verdana, arial, geneva;color:#333333; overflow: hidden;text-overflow:ellipsis;cursor:pointer;white-space: nowrap;width:120px;}
.bodyFilterTxt2{font: 10px/12px verdana, arial, geneva;color:#333333; cursor:pointer;}

#divPanelResults{position:absolute;left:250px;top:12px;width:326px;height:212px;}
.divPanelResults2{overflow: auto; height: 157px; width: 310px; display:block; margin-left:8px; margin-top:5px; padding:3px;}
#CGraphContent{width:390;height:390;display: block;clear: both;margin: auto; background:#FFFFFF; border-left:1px solid #5b5b5b;border-right:1px solid #5b5b5b;}
#SCDelContent{width:200;height:200;display: block;clear: both;margin: auto; background:#FFFFFF; border-left:1px solid #5b5b5b;border-right:1px solid #5b5b5b;}
#wideContent{width:748;height:390;display: block;clear: both;margin: auto; background:#FFFFFF; border-left:1px solid #5b5b5b;border-right:1px solid #5b5b5b;}
#printContent{width:533;height:440;display: block;clear: both;margin: auto; background:#FFFFFF; border-left:1px solid #5b5b5b;border-right:1px solid #5b5b5b;}
#smallContent{width:200;height:200;display: block;clear: both;margin: auto; background:#FFFFFF; border-left:1px solid #5b5b5b;border-right:1px solid #5b5b5b;}
#medContent{width:333;height:340;display: block;clear: both;margin: auto; background:#FFFFFF; border-left:1px solid #5b5b5b;border-right:1px solid #5b5b5b;}
#sSearch{font: 11px/14px Arial, verdana, geneva, arial; color:#959494; padding-left:3px; border: 1px groove #aaa;text-align: left;width:196px;height:20px;}
#divPanelSearch{position:absolute;cursor: pointer;left:162px;top:0px;width:16px;height:16px;}
#vintageForm, #quantityForm{height:20px;width:66px;background: #c9c9c9 url('/images/CPVintageForm.png') no-repeat scroll center;}
#NewCustomItem{cursor: pointer;position:absolute;width:100px;height:20px;left:635px;top:177px;}
#ImportITunes{cursor: pointer;position:absolute;width:53px;height:20px;left:637px;top:55px;}
#ImportCol{cursor: pointer;position:absolute;width:77px;height:20px;left:693px;top:55px;}
#ImportDel{cursor: pointer;position:absolute;width:63px;height:20px;left:770px;top:55px;}
#ImportFiles{cursor: pointer;position:absolute;width:53px;height:20px;left:836px;top:55px;}
#ImportGR{cursor: pointer;position:absolute;width:95px;height:20px;left:637px;top:79px;}
#ImportLS{cursor: pointer;position:absolute;width:95px;height:20px;left:737px;top:79px;}
#ImportLAll{cursor: pointer;position:absolute;width:72px;height:20px;left:835px;top:79px;}
#ImportBL{cursor: pointer;position:absolute;width:105px;height:20px;left:637px;top:107px;}
#ImportLT{cursor: pointer;position:absolute;width:105px;height:20px;left:747px;top:107px;}
#CPQMark{cursor: pointer;position:absolute;width:125px;height:18px;left:795px;top:205px;}
#breadCrumbs{position:absolute; top:-23px; left:280px; height:10px;}

.panel1{width:295px;float:left;margin-bottom:5px;padding:3px;height:70px;overflow: hidden;position:relative;color:#FFFFFF;}
.panel2{width:50px;float:left;position:relative;text-align:center;margin-right:3px;}
.panel3{float:left;margin-right:6px;color:#FFFFFF;}
.panel4{width:236px;float:left;color:#FFFFFF;}
.panel5{float:left;width:265px;text-align:center;margin:0px 15px 0px 15px;position:relative;}
.panel5b{margin:-20px 0px 0px 20px;}
.panel6{float:left;margin-right:5px;}
.panel7{float:left;width:310px;margin:-10px 0px 0px -5px;position:relative;overflow: hidden;}
#panel8{position:relative;float:left;width:295px;text-align:center;margin-top:13px;cursor:pointer;}

.panel9{width:190px;float:left;color:#FFFFFF;}
.panel10{float:left;padding:3px;overflow: hidden;position:relative;color:#FFFFFF;width:275px;height:60px;}
.multiResult{cursor:pointer;float:right;}
.panel11{float:left;width:190px;}
.panel12{float:left;width:236px;}

#tipspanel {position: absolute !important;z-index: 99 !important;background: #d7e6f0;border: 1px solid #218ecd;border-bottom: none;width: 94%;margin: 0 1.5% -21px;display:none;height:29px;}
#tipspanel ul {margin: 0;padding: 5px;height: 18px;width: 98%;border-top: 1px solid #fff;position:relative;overflow:hidden;}

.redBGhead{width:890px;height:20px;padding:10px;background:#bb0101;margin-bottom:15px;font: bold 16px verdana, geneva, arial;color: #fff;}
.blueBGhead{width:890px;height:20px;padding:10px;background:#d7e6f0;margin-bottom:15px;font: bold 16px verdana, geneva, arial;color: #bb0101;}
.ctA{text-align:left;background:#ffffff;padding:5px;}	/* cluetip alerts */


/* jqModal base Styling courtesy of;Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow{display: none;position: fixed;top: 17%;left: 50%;margin-left: -300px;width: 600px;background-image: url('/includes/js/subModal/topBG.gif'); background-repeat: repeat-x;background-color: #FFFFFF;z-index: 2002;}
.jqmOverlay{background-color: #000;}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
/* 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');}


/* global */
#cluetip-close img {border: 0;}
#cluetip-title {overflow: hidden;}
#cluetip-title #cluetip-close {float: right;position: relative;}
#cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url(images/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-size: 1.1em;font-weight: normal;background-color: #87876a;color: #fff;}
.cluetip-default #cluetip-title a {color: #d9d9c2;font-size: 0.95em;}  
.cluetip-default #cluetip-inner {padding: 10px;}
.cluetip-default div#cluetip-close {text-align: right;margin: 0 5px 5px;color: #900;}
/* 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;}

/*jquery.notice.js*/
.notice-wrap {position: fixed;top: 20px;right: 20px;width: 300px;z-index: 9999;}
* html .notice-wrap {position: absolute;}
.notice-item {background: #FFF;-moz-border-radius: 6px;-webkit-border-radius: 6px;color: #333333;padding: 6px;border: 2px solid #2faaf1;display: block;position: relative;margin: 0 0 6px 0;}
.notice-item-close {position: absolute;right: 5px;top: 5px;cursor: pointer;}

/* GLOBAL CLASSES */
.itmG1{text-decoration: none; cursor:pointer;color: #218ecd;}

/* errors */
.GError {font: bold 11px/13px verdana, geneva, arial;color:#bb0101;border:1px dotted #bb0101;padding:3px;background:#efefda;}
.GSuccess {font: bold 11px/13px verdana, geneva, arial;color:#218ecd;border:1px dotted #218ecd;padding:3px;background:#d7e6f0;}