/* site STYLE */
/*---------------------
 	RESET 
-----------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
body,textarea { font:100%/1em Arial,sans-serif; color:#333; }
pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
em { font-style:italic; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }

/*---------------------
 	FIREFOX FIXES 
-----------------------*/
html { overflow-y:scroll; }
input:focus, textarea:focus, select:focus, a:focus { outline:0; }
button::-moz-focus-inner, button:active:hover { border:0; border-style:0; } 
input[type="hidden"] { visibility:hidden; }
#frmRedirect { display:none; }

/*----------------
	FORMS
------------------*/
input[type="text"], input[type="password"], select, textarea { border:1px solid #888; }
input[type="radio"], input[type="checkbox"] { cursor:pointer; }
input[type="checkbox"][disabled="disabled"] { cursor:auto; }

/*----------------
	LINKS
------------------*/
a, a:visited { color:#ee4923; }
a:hover		 { color:#2b96c2; text-decoration:none; }

/*----------------
	HEADINGS
------------------*/
h1, h2, h3, h4, h5, h6 { position:relative; }
h1		{ font-size:2.2em; line-height:1em; }
h2		{ font-size:2em; color:#ee4923; margin:0 0 5px; line-height:1em; letter-spacing:-1px; }
h3		{ font-size:1.3em; color:#7c6a50; margin:0 0 1em; line-height:1em; font-weight:normal; }
h3 em	{ font-size:0.9em; line-height:1em; }
h4		{ font-size:1.0em; line-height:1em; padding:.2em; margin:0 0 1em; }
h5,p,ul,blockquote,cite	{ font-size:.9em; margin:.5em 0; padding:.2em; line-height:1em; }
cite	{ font-style:italic; margin:0 1em 1em; line-height:1em; }
h6		{ font-size:.8em; margin:.5em 0; padding:.2em; line-height:1em; }

/*------------------
	CHORDC STYLE
--------------------*/
body	 { background:#1b1111 url(/img/site/footerHTMLBackgroundTileX.png) repeat 0 0; }
address	 { margin:0 0 .5em 3em; font-weight:bold; }
hr 		 { clear:both; margin:1em 0; height:1px; border:#ccc6bc; background-color:#ccc6bc; }
dl		 { margin:0 0 1em; padding:10px; background-color:#fff; }
dt		 { margin:0 0 .5em; font-size:1.2em; }
dd		 { margin:0 0 .5em 1em; color:#888; }
p	     { line-height:1.5em; margin:0 0 1em; }
br	     { display:block; clear:both; }
label    { position:relative; _display:inline-block; } /* relative for html style error messages */
label em { `display:inline-block; }
cite     { display:block; margin:0 0 1em; padding:.5em 2em; text-align:right; color:#4c342a; background:#e5ded6 url(/img/site/shadow.png) repeat-x 50% 0; }

/*-------------
	GENERAL
---------------*/
.clear  { clear:both; height:0; _height:auto; }
.strike { text-decoration:line-through; } 
.cursorDefault { cursor:default; }
.floatL { float:left; }
.floatR { float:right; }
.hide   { display:none; }
.show   { display:block !important; }
.txtReg { font-weight:normal; font-style:normal; }
.noMarginTopBot { margin-top:0 !important; margin-bottom:0 !important; }
.noMarginTop { margin-top:0 !important; }
.noMarginBot { margin-bottom:0 !important; }

/*--------------------
	SKIP TO CONTENT
----------------------*/
dl.skip  { position:absolute; top:-900px; left:10px; text-align:left; z-index:10; }
dl.skip dt a  { display:block; padding:5px; width:200px; border:1px dotted #663300; background-color:#e8e8e8; }
dl.skip dt a:focus, .skip dt a:active  { display:block; position:absolute; top:110px; left:10px; z-index:3000; }

/*------------------------
	ICON SPRITES 
	icon  = text right
	iconR = text left
	iconS = no text
--------------------------*/
.icon 	 { padding:4px 2px 4px 22px; `line-height:.9em; border:0; }
.iconR 	 { padding-left:2px; padding-right:22px !important; border:0; }
.iconS 	 { width:20px; height:16px; overflow:hidden; display:-moz-inline-box; display:inline-block; text-align:left; text-indent:-9000px; font-size:0; `text-indent:0; `line-height:9000px; border:0; }
.iconS b { display:none; visibility:hidden; text-align:left; }

.iBlank	          { background-position:0 100px; }
.iSave	          { background-position:0 -2px; }
.iSave:hover      { background-position:0 -42px; }
.iDelete          { background-position:0 -82px; }
.iDelete:hover    { background-position:0 -122px; }
.iMemAdd          { background-position:0 -160px; }
.iSavePublic      { background-position:0 -160px; }
.iBack	          { background-position:0 -198px; }
.iBack:hover      { background-position:0 -2558px; }
.iForward         { background-position:0 -240px; }
.iForward:hover   { background-position:0 -2600px; }
.iViewAll         { background-position:0 -240px; }
.iLogin 	      { background-position:98% -285px; }
.iLogout          { background-position:0 -320px; }
.iEmail	          { background-position:0 -358px; }
.iFav 	          { background-position:98% -392px; }
.iAddfav          { background-position:98% -632px; }
.iPals 	          { background-position:98% -432px; }
.iPals:hover      { background-position:98% -2672px; }
.iPalsInline      { background-position:0 -442px; }
.iPalsInline:hover{ background-position:0 -2682px; }
.iMsg 	          { background-position:98% -354px; } /* used to be -472px, now using iEmail icon */
.iMsg:hover       { background-position:98% -2714px; }
.iMsgBread        { background-position:98% -364px; }
.iMsgBread:hover  { background-position:98% -2724px; }
.iMsgInline       { background-position:0 -363px; }
.iMsgInline:hover { background-position:0 -2723px; }
.iWall 	          { background-position:0 -482px; }
.iWall:hover      { background-position:0 -2762px; }
.iWallMenu        { background-position:98% -474px; }
.iWallMenu:hover  { background-position:98% -2754px; }
.iNew             { background-position:0 -520px; }
.iMarket	      { background-position:98% -552px; }
.iPrint	          { background-position:0 -602px; }
.iPrint:hover     { background-position:0 -2442px; }
.iSaveFav         { background-position:0 -642px; }
.iAdmin 	      { background-position:0 -680px; }
.iPageEdit	      { background-position:0 -721px; }
.iProfSong 	      { background-position:98% -752px; }
.iProfSong:hover  { background-position:98% -2632px; }
.iSong 	          { background-position:0 -758px; }
.iFilter 	      { background-position:0 -2802px; }
.iFilter:hover    { background-position:0 -2842px; }
.iMajAdd          { background-position:0 -760px; }
.iMajAdd:hover    { background-position:0 -2640px; }
.iPref	          { background-position:98% -792px; }
.iOnline	      { background-position:98% -925px; }
.iOffline         { background-position:98% -965px; }
.iEdit	          { background-position:0 -1001px; }
.iEdit:hover      { background-position:0 -2241px; }
.iProfDel	      { background-position:0 -1040px; }
.iBug	          { background-position:0 -1080px; }
.iSearch          { background-position:0 -1115px; }
.iAdd	          { background-position:0 -1161px; }
.iAdd:hover       { background-position:0 -2041px; }
.iAddR	          { background-position:98% -1162px; }
.iAddR:hover      { background-position:98% -2042px; }
.iApprove         { background-position:0 -1200px; }
.iInfo	          { background-position:0 -1240px; }
.iHelp	          { background-position:98% -1242px; }
.iHelp:hover      { background-position:98% -2522px; }
.iX 		      { background-position:0 -1282px; position:absolute; top:5px; right:5px; padding:0; }
.iX:hover         { background-position:0 -2482px; }
.iMsgAdd	      { background-position:0 -1320px; }
.iMsgSend         { background-position:0 -1360px; }
.iChords          { background-position:0 -1400px; }
.iChordsR         { background-position:98% -1400px; }
.iChordsAdd       { background-position:0 -1440px; }
.iTick            { background-position:0 -1482px; `line-height:35px; }
.iTick:hover      { background-position:0 -2282px; }
.iCross           { background-position:0 -1520px; `line-height:35px; }
.iCross:hover     { background-position:0 -2320px; }
.iPagiF           { background-position:0 -1561px; }
.iPagiF:hover     { background-position:0 -1601px; }
.iPagiFD          { background-position:0 -1641px; }
.iPagiP           { background-position:0 -1681px; }
.iPagiP:hover     { background-position:0 -1721px; }
.iPagiPD          { background-position:0 -1761px; }
.iPagiN           { background-position:0 -1801px; }
.iPagiN:hover     { background-position:0 -1841px; }
.iPagiND          { background-position:0 -1881px; }
.iPagiL           { background-position:0 -1921px; }
.iPagiL:hover     { background-position:0 -1961px; }
.iPagiLD          { background-position:0 -2001px; }
.iPageEditR       { background-position:99.5% -713px; }
.iPageEditR:hover { background-position:99.5% -2353px; }
.iCollapsable             { background-position:0 -2078px; cursor:pointer; }
.iCollapsable:hover       { background-position:0 -2158px; }
.open .iCollapsable       { background-position:0 -2118px; }
.open .iCollapsable:hover { background-position:0 -2198px; }
.iPhoto			  { background-position:0 -2882px; }
.iPhoto:hover     { background-position:0 -2942px; }
.iGuitar		  { background-position:98% -2992px; }
.iGuitar:hover    { background-position:98% -3052px; }

/* Btns that need width for Damn IE: W = Width */
.iBackW	  { `width:55px; }
.iChordsW { `width:90px; }
.iMemAddW { `width:105px; }

/*------------------
	RATING STARS
--------------------*/
.iStars    { width:95px; height:16px; overflow:hidden; display:-moz-inline-box; display:inline-block; text-align:left; text-indent:-9000px; font-size:0; `text-indent:0; `line-height:9000px; border:0; }
.iRating5  { background-position:0 0; }
.iRating4  { background-position:0 -18px; }
.iRating3  { background-position:0 -36px; }
.iRating2  { background-position:0 -54px; }
.iRating1  { background-position:0 -72px; }
.iRating0  { background-position:0 -90px; }

/* ratings with total, example song list */
.ratingsTot { position:relative; width:110px; }
.ratingsTot .iStars { position:absolute; left:0; top:-8px; }
.ratingsTot em { position:absolute; top:-7px; left:93px; color:#777; cursor:default; font-size:11px; font-style:normal; }
.ratingsTot b  { color:#999; font-weight:normal; }

/*----------------
	BUTTONS
------------------*/
button { padding:.4em; margin:0; border:0; background-color:transparent; vertical-align:middle; cursor:pointer; }
.btn   { padding:0; border:0; display:-moz-inline-box; display:inline-block; text-indent:-9000px; `text-indent:0; `font-size:0; `line-height:9000px; }

.btnGo        { background-position:0 0; height:30px; width:41px; }
.btnGo:hover  { background-position:0 -30px; }
.btnGo:active { background-position:1px 2px; }
.btnSendMsg		       { background-position:0 -62px; height:40px; width:159px; }
.btnSendMsg:hover      { background-position:0 -102px; }
.btnSendMsg:active     { background-position:1px -60px; }
.btnSubmit		       { background-position:0 -142px; height:40px; width:110px; }
.btnSubmit:hover       { background-position:0 -181px; }
.btnSubmit:active      { background-position:1px -140px; }
.btnLogin		       { background-position:0 -222px; height:40px; width:110px; }
.btnLogin:hover        { background-position:0 -263px; }
.btnLogin:active       { background-position:1px -220px; }
.btnAddCrd		       { background-position:0 -1158px; }
.btnAddCrd:hover       { background-position:0 -2038px; }
.btnCreateSong         { background-position:0 -305px; height:24px; width:134px; }
.btnCreateSong:hover   { background-position:0 -345px; }
.btnCreateSong:active  { background-position:1px -304px; }
.btnMsgReply           { background-position:0 -385px; height:24px; width:90px; }
.btnMsgReply:hover     { background-position:0 -425px; }
.btnMsgReply:active    { background-position:1px -384px; }
.btnMsgNew             { background-position:0 -465px; height:24px; width:90px; }
.btnMsgNew:hover       { background-position:0 -505px; }
.btnMsgNew:active      { background-position:1px -464px; }
.btnDelete             { background-position:0 -545px; height:24px; width:90px;  }
.btnDelete:hover       { background-position:0 -585px; }
.btnDelete:active      { background-position:1px -544px; }
.btnSave               { background-position:0 -625px; height:24px; width:90px;  }
.btnSave:hover         { background-position:0 -665px; }
.btnSave:active        { background-position:1px -624px; }
.btnAdd                { background-position:0 -704px; height:24px; width:90px;  }
.btnAdd:hover          { background-position:0 -744px; }
.btnAdd:active         { background-position:1px -703px; }
.btnAddChords          { background-position:0 -785px; height:24px; width:120px; margin-bottom:.9em; }
.btnAddChords:hover    { background-position:0 -825px; }
.btnAddChords:active   { background-position:1px -784px; }
.btnSendComment        { background-position:0 -859px; height:40px; width:159px; }
.btnSendComment:hover  { background-position:0 -899px; }
.btnSendComment:active { background-position:1px -858px; }
.btnPostMsg            { background-position:0 -938px; height:40px; width:159px; }
.btnPostMsg:hover      { background-position:0 -978px; }
.btnPostMsg:active     { background-position:1px -937px; }
.btnCancel             { background-position:0 -1025px; height:24px; width:95px; }
.btnCancel:hover       { background-position:0 -1065px; }
.btnCancel:active      { background-position:1px -1024px; }

.btnHome { display:block; margin:0 auto 5px; height:41px; width:208px; `width:201px; _width:208px; background:url(/img/site/btns/btnHome.png) no-repeat 0 0; overflow:hidden; }
.btnLearnMore { `width:208px; }
.btnSample { clear:both; background-position:-422px 0; height:24px; width:123px; overflow:hidden; }
.btnSample:hover { background-position:-422px -49px; cursor: pointer; }
.btnSample a { visibility:hidden; }


/*---------------------------------
	USE WRAPPER TO ADJUST WIDTH
-----------------------------------*/
.wrapper { position:relative; margin:0 auto; width:57.7em; }
.pContent .wrapper {  margin:0 auto 0; min-height:400px; _height:400px; }
.pContent .wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/*----------------
	HEADER
------------------*/
.pHeader { margin:0; padding:20px; height:65px; border-bottom:3px solid #3d2b11; background:#fdf2cf url(/img/site/headerBackgroundTileX.png) repeat-x 0 100%; }
.pHeader .wrapper { height:175px; `height:65px; /*z-index:1;*/ }
.pHeader h1 { margin-top:-90px; height:175px; width:296px; overflow:hidden; }
.pHeader h1 a { display:block; border:none !important; width:252px; }
.adm a.iAdmin { color:#fff !important; } /* Admin Area Indicator */

/*----------------
	MENU
------------------*/
#menu { position:absolute; bottom:0; `bottom:-23px; right:0; margin:0; padding:0; width:462px; _width:483px; background-position:right -176px; background-repeat:repeat-x; }
#menu li { position:relative; float:left; _width:112px; list-style:none; padding-right:25px; margin:0 -11px; background-position:0 200px; }
#menu li.profile { width:109px; }
#menu li.about, #menu li.contact { width:66px; }
#menu li span.menuInner { display:block; margin:0; padding:0; background-position:0 200px; }
#menu li span.menuLabel { display:block; margin-left:25px; padding:20px 0 0; height:24px; text-align:center; background-position:0 200px; }
#menu li span img { display:-moz-inline-box; display:inline-block; margin:0 2px; padding:2px; background-color: #684410; vertical-align: middle; }
#menu li a,#menu li a:visited { font-size:.85em; font-weight:bold; color:#ddcf81; text-decoration:none; }
#menu li a:hover img { background-color: #3d2b11; }

/* Menu Hover */
#menu li a:hover { color:#fff; }

/* Menu Selected */
#chords li.chords,
#community li.community,
#myProfile li.profile,
#about li.about,
#contact li.contact { background-position: right -55px; }
#chords li.chords span.menuInner,
#community li.community span.menuInner,
#myProfile li.profile span.menuInner,
#about li.about span.menuInner,
#contact li.contact span.menuInner { 0; background-position: 0 0; }
#chords li.chords span.menuLabel,
#community li.community span.menuLabel,
#myProfile li.profile span.menuLabel,
#about li.about span.menuLabel,
#contact li.contact span.menuLabel { background-position: 0 -115px; background-repeat: repeat-x; }

/* Drop Down Menus */
.menuDD { position:absolute; display:none; z-index:2; width:150px; margin:0; padding:0; background-color:#fff; border:1px solid #444; }
.menuDD.grey { background-color:#e2e2de; border:1px solid #c9c9c0; }
.menuDD li { border-bottom:1px solid #d4d4d4; white-space:nowrap; }
.menuDD.grey li { border:1px solid #fff; border-top:none; }
.menuDD li a { display:block; _width:100%; _height:1%; padding:10px 15px 10px 6px; color:#463620; font-size:.9em; text-decoration:none; }
.menuDD li a:visited { color:#463620; }
.menuDD li a:hover   { color:#463620; background-color:#e2e2de; }
.menuDD.grey li a { color:#a7a198; font-weight:bold; }
.menuDD.grey li a:hover { background-color:#fff; }
.menuDD.grey li a.sel {color:#463620 !important; background-color:#fff !important; }
.menuDD .iChordsR { background-position:98% -1392px; }

/*----------------
	BREADCRUMB
------------------*/
.breadcrumb { clear:both; overflow:auto; _overflow:visible; _height:1%; margin:0 0 10px; padding:5px 5px 5px 28px; font-size:.8em; color:#ccc6bc; border:1px solid #ccc6bc; background:#fff url(/img/site/breadcrumb.png) no-repeat 0 50%; }
.breadcrumb img { vertical-align:top; }
.breadcrumb a   { margin:0 5px; text-decoration:none; }
.breadcrumb .iMsgBread { margin-right:30px; } /* ex: /mem/pg/songsDisplay.php */
.breadcrumb .help { float:right; }

/*----------------
	LOGIN
------------------*/
#login { display:none; position:absolute; bottom:0; `bottom:-1.5em; _bottom:-1em; right:0; padding:0; margin:0; height:103px; width:462px; background:url(/img/site/loginBg.png) no-repeat 0 0; }
#login a { text-decoration:none; }
#login fieldset { padding:2px 9px 5px; color:#999; }
#login label { display:none; visibility:hidden; }
#login .labels { margin:5px 0 0; font-size:.9em; }
#login .labels label { display:-moz-inline-box; display:inline-block; visibility:visible; margin-right:55px; vertical-align:middle; }
#login input.text { margin:3px 3px 0 0; padding:6px; width:145px; border:1px solid #888; color:#888; vertical-align:top; }
#login input.text:focus { border:1px solid #666; background-color:#fcfcf4; color:#888; }
#login input#rememberMe { padding:0; margin-right:2px; border:none; color:#888; }
#login #lnkRemMe { cursor:help; }
/* logged in */
.pHeader .welcomeMember { position:absolute; bottom:3em; `bottom:2em; _bottom:2.5em; right:0; text-align:right; color:#ee4923;  }
.pHeader .welcomeMember h4 { margin:0; color:#3d2b11; font-style:italic; font-weight:normal; font-size:1.5em; }
.pHeader .welcomeMember span { padding:0 1em; font-size:.5em; font-weight:normal; font-style:normal; }
.pHeader .welcomeMember span a { border:none; color:#3d2b11; text-decoration:none; }
.pHeader .welcomeMember span a:hover { text-decoration:underline; }
/* Login nBox */
.loginMsg { position:absolute; top:-100em; left:-9000em; height:100px; width:400px; background:url(/img/site/loadingMsg.png) no-repeat 0 0; z-index:1001; }
.loginMsg .msg,.loginMsg .alert { margin:20px; padding:20px; border:0; background:none; font-weight:bold; text-align:center; }
.loginMsg .iLoading { margin:20px; padding:20px 20px 20px 100px; color:#429dba; background:url(/img/site/preloader.gif) no-repeat 50px 10px; font-weight:bold; }

/*----------------
	SEARCH
------------------*/
.searchBar { padding:5px; color:#fff; border-bottom:2px solid #CCC6BC; background-color:#4c342a; }
.searchBar .wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.searchBar a { color:#fff; border-color:#fff; }
.frmSearch { float:left; width:32em; }
.frmSearch span.search { position:relative; top:0; float:left; width:170px; padding:5px 5px 2px 25px; background:url(/img/site/searchBackground.png) no-repeat 0 0; }
.frmSearch span.search b { position:absolute; top:4px; left:3px; display:block; text-indent:-9000em; cursor:pointer; color:#c5c5c5; }
.frmSearch span.search input { height:20px; width:165px; color:#888; border:none; background-color:transparent; vertical-align:middle; font-size:13px; }
.frmSearch label { display:none; visibility:hidden; }
.frmSearch form { float:left; margin-right:5px; }
#frmSongSearch { display:none; }

/*----------------
	ADS
------------------*/
.ad1 p { text-align:right; padding:0; margin:0; font-size:.8em; }
.ad1 p a {  }
.ad1 p a:hover {  }
.footerAd { clear:both; margin:0 auto 1em; padding:20px; text-align:center; }
.adTitle a { display:block; padding:.5em; _height:1%; font-size:.9em; color:#fff; text-decoration:none; background-color:#CCC6BC; }
.adTitle a:hover { color:#fff; background-color:#EE4923; }
.extrasAd { padding:20px; border-top:1px solid #ccc6bc; border-bottom:1px solid #ccc6bc; text-align:center; background:#e5ded6 url(/img/site/shadow.png) repeat-x 50% 0; }

/*----------------
	TOOLBAR
------------------*/
.toolbar { float:right; margin:0; padding:6px 5px 5px; height:20px; width:25em; text-align:right; }
.toolbar a.iconS { float:right; margin:0 2px 0 8px; }
.toolbar a:visited { border:none; }

/*----------------
	CONTENT
------------------*/
.pContent { clear:both; position:relative; margin:0 auto; padding:1em 0 1.5em; background:#f4efe3 url(/img/site/shadow.png) repeat-x 50% 0; }
.pgChords .pContent { padding-top:2.5em; }

/*------------------------------------------------------------
	PAGE CONTENT HEADER - site, mem, and com all share this
--------------------------------------------------------------*/
.pContentHeader { position:relative; margin:0 0 10px; `height:1%; }
.pContentHeader img   { float:left; margin-right:15px; border:2px solid #fff; vertical-align:middle; }
.pContentHeader h3    { margin:0 0 5px; `margin-bottom:0; }
.pContentHeader h3 a  { font-size:.6em; margin-left:5px; font-weight:normal; }
.pContentHeader h2 a  { font-size:.7em; font-weight:normal; `display:inline-block; `margin-top:-20px; `line-height:1px; }
/* Cross Browser Method e.g., songsDisplay.php */
.hdrWithInlineBtn { `position:relative; }
.hdrWithInlineBtn .iAdd,
.hdrWithInlineBtn .iDelete { position:relative; top:-9px; `position:absolute; `top:22px; `right:auto; }

/*-----------------------------
	HOMEPAGE
-------------------------------*/
#home .pContentHeader { margin:0 auto; text-align:center; }
#home .pContentHeader h1 { font-weight: normal; }
#home .pContentHeader h2 { font-weight: normal; margin-right:14%; text-align: right; font-size:120%; color:#888; }
#home .pContentHeader h1 strong,#home .pContentHeader h1 em { color:#ee4923; }
#home .pContentHeader h1 strong { font-weight: bold; }

#homeTabContent { position:relative; margin:0 auto; height:400px; background:url(/img/site/home/heroBackground.png) no-repeat 50% 100%; }
#homeTabContent strong { font-weight: bold; }
#homeTabContent .tabView { position:absolute; top:20px; left:0; height:400px; width:100%; display:none; }
#homeTabContent .tabView .info { position:absolute; padding:10px; top:10px; right:30px; width:300px; }
#homeTabContent .tabView .action { text-align: center; }
#homeTabContent .tabView img { position:absolute; top:-30px; left:30px; }
#homeTabContent .buttons { position:absolute; bottom:25px; right:45px; width: 300px; }
#homeTabContent a { text-decoration: none; }
#homeTabContent .buttons a b { visibility:hidden; }
#homeTabContent .btnLearnMore { background-position: 0 0; }
#homeTabContent .btnLearnMore:hover { background-position: 0 -49px; }
#homeTabContent .btnSignUpNow { `left:42px; _left:auto; background-position: -213px 0; }
#homeTabContent .btnSignUpNow:hover { background-position: -213px -49px; }
#homeTabContent #shareSection img { left:0; }
#homeTabContent #playSection img { top:-35px; }

#homeTabContent .action   { margin:0 auto 20px; width:100%; font-size: .9em; text-align: center; border-top:1px solid #888; background: url(/img/site/shadow.png) repeat-x 50% 0; overflow: hidden; }
#homeTabContent .action a { position:relative; top:-1px; display:inline-block; padding:2px 5px; margin:0 2px; }
#homeTabContent .action a.selected { background-color: #fff; color:#333; border: 1px solid #888; }

.btnDirectional { position:absolute; display:block; position:absolute; top:35%; height:55px; width:55px; background: url(/img/site/btns/btnDirectional.png) no-repeat 0 0; }
.btnDirectional b { visibility: hidden; }
.btnBack 		{ left:-20px; background-position: 0 0; z-index: 500; }
.btnBack:hover 	{ background-position: 0 -59px; }
.btnForward 	{ right:-20px; background-position: -64px 0; z-index: 501; }
.btnForward:hover 	{ background-position: -64px -59px; }

.marketing { margin:1em 10px; }
.marketing .wrapper { position:relative; margin:0; padding:10px 10px 190px; width:auto; min-height:205px; }
.marketing .wrapper img { position:absolute; left:0; bottom:10px; }
.marketing h2 { margin:0 0 20px; }
.marketing h3 { margin:0 0 10px; }
.marketing .col1, .marketing .col2, .marketing .col3 { border:1px solid #d4d4d4; border-bottom:3px solid #d4d4d4; background-color: #fff; }
.marketing a { text-decoration: none; }
.marketing ol li { margin:0 0 2px 25px; padding: 5px 0; list-style-type: decimal; font-size: 90%; }

/*-----------------------------
	TESTIMONIALS | COMMENTS
-------------------------------*/
.extras { padding:20px; border-top:10px solid #fff; background:#4c342a url(/img/site/shadow.png) repeat-x 50% 0; }
.extras h3 { color:#fff; }
.testimonials div { border-bottom:2px solid #ccc6bc; background:#fff; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-radius-topleft:10px; -webkit-border-radius-topright:10px; }
.testimonials div blockquote { padding:1em; font-size:.9em; line-height:2em; }
.testimonials cite { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius-bottomleft:10px; -webkit-border-radius-bottomright:10px; }

/*----------------
	BIO
------------------*/
ul.who { position:relative; margin:0 0 1em; padding:0;}
ul.who li { display:block; margin:0; padding:0; border-top:5px solid #4c342a; background-color:#fff; overflow:auto; }
ul.who li .img { position:relative; float:left; margin:5px; border:1px solid #ccc6bc; }
ul.who li blockquote { margin:10px 0 5px; padding:10px 0;color:#666; line-height:1em; border-top:1px solid #ccc6bc; border-bottom:1px solid #ccc6bc;}
ul.who li div { margin:10px 10px 10px 95px; }
ul.who li h4 { margin:0; color:#4c342a; }
ul.who li em { color:#4c342a; font-size:.9em; }
ul.who li p { margin:0 0 .5em; }
ul.who li p.contact { clear:both; text-align:right; margin:0; padding:5px; font-size:.8em; border-bottom:1px solid #ccc6bc; background:#e5ded6; }

/*----------------
	FOOTER
------------------*/
.pFooter { clear:both; margin:0 auto; padding:2em 0; height:100%; border-top:5px solid #6d5d43; color:#f6f1eb; font-size:.9em;
	background: url(/img/site/footerBackgroundTileX.png) repeat-x 0 0; }
.pFooter .wrapper { width:64em; }
.pFooter .sections { float:left; width:22.5%; height:13em; margin:1em 0 2em; padding:20px; padding-right:0; color:#c2c2c2; 
	border-left:1px solid #4c342a; border-right:1px solid #4c342a; background-color:#231615; }
.pFooter p em { color:#CCC6BC; font-style:italic; }
.pFooter h3 { margin:0 1em .5em 0; }
.pFooter p { clear:both; margin:0 1em .5em; line-height:1.2em; letter-spacing:1px; font-size:.9em; }
.pFooter a,.pFooter a:visited { color:#fff; }
.pFooter a:hover { color:#C2C2C2; }
.pFooter li { margin:.5em; }
.pFooter p.copyright { padding:50px 1em 1em 1em; background:url(/img/site/logoFooter.png) no-repeat 50% 0; text-align:center; }

/*---------------------------------------
	PRIVACY POLICY & TERMS OF SERVICE
-----------------------------------------*/
#privacy .sections .sections { margin:0 auto 2em; padding:0 0 1em; border-bottom:1px solid #ccc6bc; }
#privacy .pContent .sections ul { width:94%; margin-left:20px; }
#privacy .pContent .sections ul li { list-style:disc outside; line-height:1.5em; font-size:1em; }
#privacy .pContent .sections ul li ul { margin-left:30px; }
#privacy .pContent .sections ul li ul li { list-style-type:circle; }

/*-----------------
	SIGNUP PAGE
-------------------*/
#signup .right .img { display:block; margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #CCC6BC; }
#signup .right h3 span { font-size:13px; }

/*----------------
	COLUMNS
------------------*/
.threeColEven { overflow: auto; }
.threeColEven .col1,.threeColEven .col2 { float:left; margin-right:10px; width:32.5%; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius:10px; }
.threeColEven .col3 { float: right; width:32%; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius:10px; }

.fourColEven { overflow: auto; }
.fourColEven .col1,.fourColEven .col2,.fourColEven .col3 { float:left; margin-right:10px; width:23.9%; }
.fourColEven .col4 { float: right; width:24%; }

.left { float:left; width:61.5%; margin:0 auto 2em; padding:0; }
.right { float:right; width:300px; padding:20px; border:1px solid #ccc6bc; background:#fff; }
.right h3 { color:#ee4923; margin:0 0 .5em; }
.right h4 { margin:0; }
.right p { color:#888; }
.right p.system { font-size:.8em; }
.right .sections { margin-bottom:5px; padding:0; }
.right .first { border-bottom:5px solid #CCC6BC; }
.right ul.sections { margin-bottom:15px; padding:0; border:0; }
.right ul.sections li { border-bottom:1px solid #ccc6bc; }
.right ul.sections li a { display:block; padding:10px 15px; _height:1%; text-decoration:none; }
.right ul.sections li a:hover { display:block; _height:1%; text-decoration:none; background-color:#fff; }

.right h4 { font-weight:normal; font-size: 1.2em; margin:0; padding-bottom:0.5em; border-bottom:5px solid #ccc6bc; color:#ee4923 }
.right h4 span { font-size:13px; }
.right .overflow { overflow:auto; height:202px; }
.right .mOL, .right .mUL { margin:0 0 1em; font-size:.9em; }
.right .mOL { list-style-type:decimal; list-style-position:inside; }
.right .mOL li, .right .mUL li { padding:.7em 0 .7em .2em; border-bottom:1px solid #ccc6bc; }
.right .mOL li em, .right .mUL li em { font-size:.9em; color:#ccc6bc; }
.right .mUL .palPic { margin-right:10px; }
.right .mUL .palPic:hover { border:2px solid #888; }
.right .mUL.palPicWrap li span { float:left; margin:-30px 0 0 56px; }

/*----------------
	POPUPS
------------------*/
.popup { position:absolute; z-index:2; display:none; width:250px; padding:12px 15px 14px 12px; background-color:#999; border:1px solid #666; color:#fff; font-size:.85em; }
.popup a { color:#fff; }
.popup a:hover { color:#ffff99; }
.popup label {  }
.popup .iX { position:absolute; top:-8px; right:-10px; }
#popupForgotPass { width:318px; padding-bottom:30px; }
#popupForgotPass label, #popupForgotPass input { display:block; float:left; margin:10px 8px 15px 0; }
#popupForgotPass .btnWrap { float:left; height:30px; }
#popupForgotPass .clear { clear:left; float:left; }

/*-------------------------
	FORM ERROR HANDLING
---------------------------*/
label.error { color:#EE4923 !important; }
input.error, select.error, textarea.error { border:1px solid #EE4923 !important; }
input.cb { border:none !important; }
label.error i { position:absolute; top:-14px; left:0; width:34em; font-size:.8em !important; font-style:normal !important; font-weight:normal !important; }

/*--------------------------------
	MESSAGES/ALERTS/PRELOADERS
----------------------------------*/
p.msg, p.alert { z-index:1002; padding:10px; font-size:.9em; background-color:#fff7b2; }
p.msg   { border:1px solid #ffde84; color:#429dba; }
p.alert { border:1px solid #ee4923; color:#af0000; }
.preloader, .preloaderSmall { z-index:1002; text-indent:-2000em; `text-indent:0; `font-size:0; `line-height:2000px; }
.preloader { width:39px; height:39px; background:transparent url(/img/site/preloader.gif) no-repeat 2px 2px; }
.preloaderSmall { width:16px; height:16px; background:transparent url(/img/site/preloaderSmall.gif) no-repeat 2px 2px; }
/* List item added msg */
/*#msgOverlay, #myProfile #msgOverlay { position:absolute; top:238px; `top:147px; left:150px; display:none; width:600px; padding:10px !important; text-align:center; }*/
#msgOverlay, #msgOverlay2, #myProfile #msgOverlay, #myProfile #msgOverlay2 { position:absolute; top:-8px; left:158px; display:none; width:600px; padding:10px !important; text-align:center; }

/*------------------
	FORMS WOOHOO
--------------------*/
.woohoo { padding:2em; margin:0 0 3em; border:10px solid #ccc6bc; background-color:#fff; }
.woohoo fieldset { position:relative; padding:0 0 1.5em; margin:0 0 1.5em; color:#000; border-bottom:1px solid #e5ded6; }
.woohoo legend { padding:0 0 .5em; margin:0 0 1em; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #e5ded6; }
.woohoo label  { display:block; padding:.8em 0; font-size:.9em; font-weight:bold; color:#000; }
.woohoo select { margin:0 0 1em; }
.woohoo input.text { display:block; padding:.2em; margin:0 0 .5em; width:98%; font-size:1.2em; border:1px solid #888; color:#888; }
.modal .woohoo input.text { padding-top:.25em; } /* so firefox displays text correctly in the modal for input text fields on windows */
.modal .woohoo label  { padding-top:.83em; } /* so firefox displays text correctly in the modal for input text fields on windows */
.woohoo textarea.comments { display:block; padding:.2em; margin:0 0 .5em; width:98%; height:160px; font-size:1.2em; border:1px solid #888; color:#888; font-family:Arial, sans-serif; }
.woohoo input.text:focus { border:1px solid #666; background-color:#fcfcf4; color:#888; }
.woohoo input.cb { display:inline; margin-right:5px; }
.woohoo label.error i { top:-3px; width:100%; }
/* specific fields & labels */
.woohoo #testimonial { height:200px; }
.woohoo .imgCaptcha  { float:left; width:120px; height:25px; margin-top:6px; }
.woohoo .lblCaptcha  { float:left; width:348px; margin-left:10px; }

/*--------------------------
	SEARCH SUGGEST STYLE
----------------------------*/
.ac_results { display:none; position:absolute; width:180px; max-height:220px; _height:220px; padding:0; margin:0;
	overflow:auto; `overflow-x:hidden; border:2px solid gray; background-color:#fff; z-index:10000; }
.ac_results li { border-bottom:1px solid #e7e7e7; white-space:nowrap; color:#333; text-align:left; list-style:none; }
.ac_results li a { display:block; width:93.5%; padding:3px 5px 4px; border:none; text-decoration:none; }
.ac_results li a:hover { background-color:#f0f0b8; }

/*--------------------
	ROUNDED TABLES
----------------------*/
.rndTbl { position:relative; float:left; width:auto; height:auto; margin-bottom:20px; }
/* Rounded Corners */
.rndTbl .rndCorner { position:absolute; display:block; width:16px; height:110%; background:url(/img/site/rndCorners/brown.png); }
.rndTbl .tl  { top:0; `top:-1px; left:-15px;  background-position:top left; }
.rndTbl .tr  { top:0; `top:-1px; right:-15px; background-position:top right; }
.rndTbl .bl  { bottom:-1px; _bottom:-2px; left:-15px;  background-position:bottom left; }
.rndTbl .br  { bottom:-1px; _bottom:-2px; right:-15px; background-position:bottom right; }
/* Header */
.rndTbl .header { position:relative; display:block; height:1.9em; margin:0 14px; }
.rndTbl h4 { position:relative; height:100%; margin:-2px 0 0; `margin-top:-1px; padding:.4em 0; _padding:0; _line-height:1.8em; border-top:1px solid #796C67; background-color:#4c342a; color:#fff; }
/* Content */
.rndTbl .content { position:relative; z-index:1; width:100%; height:82%; margin:0 0 0 -1px; overflow:visible; border:1px solid #aaa; border-bottom:none; background-color:#fff; }
/* Footer */
.rndTbl .footer { position:relative; display:block; height:26px; _height:27px; margin:0 14px; border-bottom:1px solid #aaa; background-color:#fff; }
.rndTbl .footer .btnsWrap { position:relative; `position:static; text-align:left; }
.rndTbl .footer .btnsWrap button { margin:2px 6px 0 0; `margin-right:8px; }
.rndTbl .footer .btnsWrap .reqFlds { position:absolute; top:5px; right:1px; font-size:.85em; font-weight:bold; }

/*--------------------
	SEARCH RESULTS
----------------------*/
.searchResults .results { padding:10px; border-bottom:1px solid #ccc6bc; border-top:5px solid #e5ded6; background:#fff; }
.searchResults .results h3 { margin:0; }
.searchResults .results h3 em { font-size:.6em; font-style:normal; }
.searchResults .results h4 { margin:0 0 10px; padding:.5em 0 0 1.5em; color:#333;}
.searchResults .results .diagrams {  margin:1em auto 0; padding:20px 0 20px 30px; }
.searchResults .results .diagrams .diaL { margin-right:4em; }

/*--------------------
	LIST PAGES
----------------------*/
table.listTbl { margin:2px 0 10px; width:100%; border-top:3px solid #3D2B11; }
/* Table Headers */
table.listTbl th { margin:0; color:#333; border-bottom:1px solid #bbb; font-size:.85em; font-weight:bold; background:#e5ded6 url(/img/site/bgTableRowHeading.gif) repeat-x; }
table.listTbl th.cb, table.listTbl td.cb { width:1.3em; padding:0 4px 0 12px; `padding-left:9px; cursor:auto; }
table.listTbl thead .cb:hover { background-color:#e2e2de; }
table.listTbl th a { position:relative; display:block; padding:6px 2px; color:#333; text-decoration:none; white-space:nowrap; }
table.listTbl th a:hover { color:#2b96c2; }
table.listTbl th a.sel   { color:#ee4923; }
table.listTbl th a .sortArrow { `display:inline-block; width:16px; height:15px; padding:0 8px; background:url(/img/site/icons/sortArrow.png) no-repeat 1px 0; }
table.listTbl th a .asc  { background-position:1px 0; }
table.listTbl th a .desc { background-position:1px -16px; }
table.listTbl td.msg { text-align:center; }
table.listTbl td.date { padding-right:10px; text-align:right; color:#888; }
table.listTbl .sort a { margin-right:20px; padding-right:0; }
table.listTbl .sort .iFilterWrap { position:relative; }
table.listTbl .sort .iconS { position:absolute; top:5px; left:-19px; cursor:pointer; }
table.listTbl .sort .iconS:hover + a { color:#2b96c2; } 

/* Table Footer */
table.listTbl tfoot { background:#e5ded6 url(/img/site/bgTableRowHeading.gif) repeat-x; }
table.listTbl tfoot td { border:none; cursor:auto; padding-right:10px; }
table.listTbl tfoot .btns { float:left; margin:2px 0 0 5px; }
table.listTbl tfoot .btns button { margin-right:6px; }
/* Table Body */
table.listTbl tbody { background-color:#fff; }
table.listTbl tbody tr:hover { background-color:#dbe3e6; }
table.listTbl tbody.noHoverTr tr:hover { background-color:#fff; }
table.listTbl tbody tr.sel   { background-color:#ccc; }
table.listTbl td { padding:8px 2px 8px 4px; border-bottom:5px solid #e5ded6; font-size:.75em; }
table.listTbl td a { font-weight:bold; }
table.listTbl tr.noRecs { background-color:transparent; }
table.listTbl td.noRecs { padding:10px 2px 11px 5px; line-height:1.6em; }
.palPic { position:relative; z-index:2; border:2px solid #888; }
.palPic:hover { border:2px solid #ee4923; }
/* No Records */
table.listTbl tbody tr.noRecs:hover { background-color:transparent; }
table.listTbl td.noRecs { padding:10px 2px 11px 10px !important; cursor:auto; }
/* Inline Icons */
table.listTbl .iNew { background-position:0 -524px; }

/*---------------------------------------
	NAVIGATION BUTTONS AND PAGINATION
-----------------------------------------*/
table.listTbl .listNavBtns th { height:29px; padding:2px 10px 2px 8px; `padding-bottom:3px; color:#fff; background:#4c342a; border:none; font-size:.75em; }
table.listTbl .listNavBtns th a  { float:left; padding:4px 2px 4px 20px; color:#fff; font-weight:bold; }
table.listTbl .listNavBtns th a:hover { color:#fff; text-decoration:underline; }
table.listTbl .listNavBtns .navBtns { font-size:.85em; } /* not the pagination */

/* Pagination Navigation & Count */
.pagiNav { float:right; margin-top:.1em; }
.pagiNavBot { margin-top:.4em; } /* bottom pagination nav */
.pagiNav * { float:left; }
.pagiNav b { float:none; }
.pagiNav a, .pagiNav span { height:20px !important; padding:0 .4em !important; }
.pagiNav a { color:#fff !important; text-decoration:none; }
.pagiNavBot a { color:#666 !important; }
.pagiNav a:hover { color:#ffff99 !important; }
.pagiNav span.sel { color:#ee4923; }
.pagiNav em, .pagiCnt { color:#ddd; font-style:normal; font-size:.9em; }
.pagiNavBot em, .pagiNavBot .pagiCnt { color:#333; }
.pagiNav em { padding:0 .4em 0 .6em; }
.pagiCnt { float:left; }

/*-----------------------------
	MEMBER MESSAGES DISPLAY
-------------------------------*/
/* common */
.listTbl th.msgSubject { text-align:right; }
.listTbl th.msgSubject em { color:#eee; font-style:normal; }
.listTbl .msgWrap { margin:15px; }
.listTbl .msgWrap .msg { float:left; width:570px; _width:542px; }
.listTbl .msgWrap .date { display:block; margin-bottom:10px; font-size:11px; }
.listTbl .msgWrap .msgTxt { margin-bottom:0; font-size:14px; line-height:1em; border-top:1px solid #ccc6bc; }
.listTbl .msgWrap .msgTxt br { display:inline; clear:none; }
/* even and odd rows */
.listTbl .msgWrapMember .palPic { float:left; }
.listTbl .msgWrapMember .msg    { margin-left:25px; }
.listTbl .msgWrapMember .msgTxt { padding:10px; background-color:#e5dfd6; }
.listTbl .msgWrapMine .msg      { margin-right:25px; }
.listTbl .msgWrapMine .date     { display:block; margin-bottom:10px; font-size:11px; text-align:right; }
.listTbl .msgWrapMine .palPic:hover { border:2px solid #888; }
.listTbl .msgWrapMine .msgTxt { padding:10px; background-color:#f7ecdb; }

/*----------------------------------
	MEMBER MESSAGES NEW AND REPY
------------------------------------*/
#myProfile .woohoo { border:2px solid #ccc6bc; }
#myProfile .woohoo input.text,
#myProfile .woohoo textarea,
#sendMsgModal input.text,
#sendMsgModal textarea { color:#444; font-size:1em; }
#myProfile .woohoo textarea, #modalMsgMessage { height:250px; }

/*---------------------
	COVERME & MODAL
-----------------------*/
#coverMe { display:none; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; opacity:.6; filter:alpha(opacity=60) !important; background-color:#000; z-index:1000; }
.drag    { height:25px; cursor:move; }
.modal   { display:none; position:absolute; padding:40px; width:635px; height:475px; z-index:1001; 
		   background:url(/img/site/modals/reg.png) no-repeat 0 0; _background:url(/img/site/modals/regIe.png) no-repeat 0 0; }

/*-----------------------------------------------
	SEND MESSAGE MODAL - ex: songsDisplay.php
-------------------------------------------------*/
#sendMsgModal {  }
#sendMsgModal .iX  { top:32px; right:28px; }
#sendMsgModal .woohoo { margin-bottom:0; padding-top:1.5em; padding-bottom:1.3em; border:none; }
#sendMsgModal .woohoo fieldset { margin-bottom:.8em; padding-bottom:.5em; border:none; }
#sendMsgModal .woohoo fieldset .toMem { position:absolute; top:-18px; left:0; font-size:.75em; font-weight:bold; }
.txtMsgSent { color:#888; }

/*------------------------
	DYNAMIC LIST POPUP
--------------------------*/
.dynPopupList { position:absolute; z-index:1; display:none; padding:0; background-color:#4c342a; border:1px solid #666; }
.dynPopupList dt, .dynPopupList dd { margin:0; border-bottom:1px solid #666; color:#ddcf81; font-size:.85em; white-space:nowrap; }
.dynPopupList dt {  padding:5px 30px 5px 5px; background-color:#36241d; color:#fff; text-align:center; }
.dynPopupList dd a, .dynPopupList dd span.sel { display:block; padding:5px 30px 5px 5px; color:#ddcf81; text-decoration:none; }
.dynPopupList dd a:hover { color:#fff; background-color:#3f2b23;  }
.dynPopupList dd span.sel { color:#fff; background-color:#3f2b23;  }

/*-----------------------------------------------
	SITE MAP LAYOUT - /pg/sitemap.php
-------------------------------------------------*/
.chordLinksContainer { overflow:auto; }
.chordLinksContainer h3 { margin-bottom:2px; }
.chordLinks { float:left; margin-right:10px; padding-left:10px;  width:12%; }
.chordLinks li { padding:5px; }

/*---------------------------------------
	BROWSER DETECTION MODAL (for IE6)
-----------------------------------------*/
/* common */
#bDetect {  }
#bDetect .iX { top:32px; right:28px; z-index:1; background-position:98% -1282px; }
#bDetect .iX:hover { background-position:98% -2482px; }
#bDetect h3 { margin-bottom:9px; }
#bDetect .browserModern { float:right; text-align:center; }
#bDetect .browserModern h4  { color:#7c6a50; }
#bDetect .browserCBWrap { clear:both; `float:left; `width:100%; margin-top:10px; border-top:1px solid #ccc6bc; }
#bDetect #bDetectLbl { float:left; margin:20px 0 15px; color:#7f7f7f; font-size:.9em; font-weight:bold; }

/* browser switch message */
#bDetectMsg .browserList { float:left; }
#bDetectMsg .browserList a { display:-moz-inline-box; display:inline-block; padding:25px 0 30px 60px; }
#bDetectMsg .browserList a span   { font-size:.7em; }
#bDetectMsg .browserList .firefox { background:url(/img/site/browsers/logoFirefox.png) no-repeat 0 0; }
#bDetectMsg .browserList .safari  { background:url(/img/site/browsers/logoSafari.png) no-repeat 0 0; padding-bottom:38px; }
#bDetectMsg .browserList .ie7     { background:url(/img/site/browsers/logoIE7.png) no-repeat 0 0; }
#bDetectMsg .browserModern img { width:287px; height:218px; cursor:pointer; }

/* browser could look like big image */
#bDetectImg { display:none; }
#bDetectImg .browserModern { float:left; width:100%; }
#bDetectImg .browserModern h4 { width:100%; margin-bottom:6px; padding-bottom:5px; border-bottom:1px solid #ccc6bc; }
#bDetectImg .browserModern h4 a { position:absolute; top:-6px; `top:-4px; left:0; font-size:.8em; text-decoration:none; }
#bDetectImg .browserModern img { width:608px; height:455px; cursor:auto; }

/*--------------------------------------------------
	USED IN THE COMMUNITY AND MY PROFILE SECTION
----------------------------------------------------*/
.moduleDescription { margin:0; padding:10px 10px 11px; background-color:#ccc6bc; color:#333; font-size:.8em; }
.module h4 { padding:5px 10px; margin:0; border-top:3px solid #3D2B11; border-bottom:1px solid #ccc6bc; color:#fff; background-color:#4c342a; }
.module h4.icon { padding-left:20px; }
.module.open h4.iCollapsable { background-color:#36261f; }
.module { position:relative; margin-bottom:10px; background:#fff; }
.module .tools { position:absolute; top:4px; `top:5px; _top:7px; right:10px; }
.module .tools a { /*font-size:.8em;*/ text-decoration:none; }
.module .sections { padding:10px; border-bottom:1px solid #ccc6bc; border-top:5px solid #e5ded6; }
.module .sections { display:none; }
.module .sections .tools { top:5px; _top:10px; padding:0; }
.module .sections h5 { margin:10px 0 0; padding:0; color:#666; }
.module .sections h5 em { font-size:.8em; margin-left:0px; font-weight:normal; }
.module .sections p { margin-left:60px; }
.module .sections p em { color:#888888; }
.module dd ul { margin:0 0 0 35px; }
.module dd li { margin:10px 0 0; }
/* from the community style sheet */
.module .sections li img[alt="avatar"] { margin:0; padding:5px; border:1px solid #ccc6bc; }
.module .sections li img[alt="avatar"]:hover { border:1px solid #ee4923; }
.module ul.grid { margin:0; padding-bottom:0; padding-right:0; overflow:auto; _height:1%; }
.module ul.grid li { float:left; margin:0 0 .5em; padding:9px; text-align:center; width:115px; }
.module ol li { margin:0 .3em .5em 1.1em; padding:9px 9px 9px 5px; color:#888; font-size:.9em; list-style:disc outside; }
.module .sections dl { margin:0; padding:0; }
/* individual modules */
#bff.module .sections .subSec { margin:0 0 10px; padding-bottom:5px; border-bottom:5px solid #e5dfd6; }
#bff.module .sections .subSec p { margin-bottom:5px; }
/* list tables */
.module .listTblWrap  { padding:0; }
.module table.listTbl { margin:1px 0; border:none; }
.module table.listTbl .sort th { padding:6px 2px 6px 5px; }
.module table.listTbl tbody td { padding-left:7px; }
.module table.listTbl img[alt="avatar"] { margin:0 4px 0 0; border:2px solid #888; }
.module table.listTbl img[alt="avatar"]:hover { border:2px solid #ee4923; }
/* chordc news */
#chordcNews .iChords { background-position:0 -1402px; }
#chordcNews .iGuitar { background-position:0 -3002px; }
#chordcNews .iWall   { background-position:0 -2762px; }
#chordcNews .iFilter { background-position:0 -2802px; }

/*------------------
	PRINT STYLES
--------------------*/
@media print{
	html, body { background:none; font-size:10pt; }
	.pHeader { margin:0 0 1in; `margin-bottom:.4in; padding:0 0 .25in; border:0; background:none; }
	.pHeader h1 { margin:0 0 1em; }
	.pContent { margin:0; padding:0 0 .5in; background:none; }
	#chords #voices .col2 { margin-top:-12.2em; }
	.wrapper { width:8in; padding:0; }
	#col1 { width:88% !important; }
	#col1 .col2 { margin-top:-13.5em !important; }
	.welcomeMember, #menu, .searchBar, .toolbar, #col2, .pFooter .sections, .footerAd, .extrasAd, #btnBack, .breadcrumb { display:none; }
	.pFooter, .pFooter a { margin:0; padding:.25in 0 0; color:#666666 !important; font-size:8pt; background:none; }
	.pFooter { background:#e7e7e7; }
	.pFooter p.copyright { background:none !important; padding:1em; }
	.diaL, .diaM, .diaS { position:relative; background:none !important; }
	.diaL b, .diaM b, .diaS b { padding-top:3px; background:#4b96d5 !important; color:#fff; -moz-border-radius:20px; text-indent:0 !important; text-align:center; }
	.diaL b.fx, .diaM b.fx, .diaS b.fx, .diaL b.fo, .diaM b.fo, .diaS b.fo { background:none !important; color:#000; text-transform:uppercase; }
	.diaL b.note, .diaM b.note, .diaS b.note { background:none !important; color:#000; }
	.diaL b.fret, .diaM b.fret, .diaS b.fret { background:none !important; -moz-border-radius:20px; }
	img.print { display:block !important; position:absolute; top:0; left:0; }
	.bar1,.bar2,.bar3,.bar4,.bar5,.bar6 { display:none !important; }
	.diaL b.nut,.diaM b.nut,.diaS b.nut { display:block !important; border-top:5px solid #000; -moz-border-radius:0; width:100%; text-indent:-9000em !important; background:none !important; }
	#songTab { width:95% !important; float:none !important; margin-bottom:1em; page-break-after:always; }
	#songTab pre { overflow:visible !important; border:none !important; font-size:9pt !important; }
	#songRater, #sharedSongRemAdd { display:none; }
	#songChords { clear:left; width:95% !important; float:none !important; }
	#songChords h4 { margin-bottom:1.5em !important; font-size:12pt; }
	#uTube, #uTubeWrap { display:none; }
}