#global-notice { border:1px solid #95b330; padding: 3px;  background: white; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }

#global-notice p { background:#f4ffe4; border: 1px solid #efefef; padding: 10px; }

/*============== 0--> globals ===============*/
* { margin:0; padding:0; }
ul { list-style:none; }

/*darker gray border */
.edit a,div.edit,#featured,div.player div.content ul.play-list li,#left,#music,#people,#troupes,#content,ul.content-tabs li,#content-outer,div.cat-wrapper,.small-img-wrapper img { border:1px solid #cfcfcf; }

/*brown/gray border */
ul.extend-list li.el-i,.r-border { border:1px solid #e6e6e6; }
body { font-size:62.5%; }
button,input.button { cursor:pointer; cursor:hand; }
a img { border:none; }

/*======= global modifiers ========*/
.tn-2 { position:relative; left:-5px; }
a.cl { font-style:italic; text-decoration:none; }

/*any link italic such as (more) */
.r-border { border-width:0 1px 0 0; }
.flush { margin:0!important; }

/*============== content ================*/
.content { width:610px; margin:0 auto 10px; padding-top:10px; background:transparent; }

/*=========== content elements ============*/
div.content-element { position:relative; }
div.content div.content-element { border:1px solid #e6e6e6; background:white; margin:0 auto 10px; padding:10px; }
div.cat-wrapper div.content-element { padding-bottom:.5em; position:relative; }
div.cat-wrapper { border-width:0 0 1px; margin-bottom:1.2em; padding-bottom:0; }
div.indented div.content-element { margin-left:10px; }
.ce-left { float:left; }
.ce-right { float:right; }
.dc-home .content-element { cursor: pointer;}
.dc-home .ce-left  img { display: block; margin: 3px auto 3px; }
.dc-home .ce-left img { /*image treatments*/ }

/*==== image treatments =====*/

div.card-wrapper a.card img, .dc-home .ce-left img, ul.four-grid li a.p-thumb img { border: 1px solid #efefef; padding: 1px; }
span#content-troupes img { float: left; margin-right: 10px; }
span#content-troupes { font-size: 1.2em;}

/*==== element width settings for wide content ====*/

/*-content-elemement 1/3:2/3-*/
.ce-1to3 .ce-left { width:32%; }
.ce-1to3 .ce-right { width:65.5%; }

/*-content-elemement 2/3:1/3-*/
.ce-3to1 .ce-right { width:32%; }
.ce-3to1 .ce-left { width:65.5%; }

/*-content-elemement 50:50-*/
.ce-50 .ce-right { width:48.5%; }
.ce-50 .ce-left { width:48.5%; }

/*==== element width settings for narrow content ====*/

/*-content-elemement 1/4:3/4- (roughly...)*/
div.thirds .ce-1to4 .ce-left { width:24.5%; }
div.thirds .ce-1to4 .ce-right { width:74%; }

/*-content-elemement 1/3:2/3-*/
div.thirds .ce-1to3 .ce-left { width:32%; }
div.thirds .ce-1to3 .ce-right { width:64%; }

/*-content-elemement 2/3:1/3-*/
div.thirds .ce-3to1 .ce-right { width:32%; }
div.thirds .ce-3to1 .ce-left { width:64%; }

/*-content-elemement 50:50-*/
div.thirds .ce-50 .ce-right { width:48%; }
div.thirds .ce-50 .ce-left { width:48%; }

/*======== four grid style =========*/
ul.four-grid { }
ul.four-grid li { float:left; width:25%; text-align:center; margin-bottom:1em; height:88px; }
ul.four-grid li img { margin:0 auto; border:none; outline:none; }
ul.four-grid li a img:hover { margin:0 auto; opacity:0.7; }
ul.four-grid li span { display:block; width:90%; margin:0 auto; }
ul.four-grid li a.p-thumb {  line-height: 66px;   }
ul.four-grid li a.p-thumb img { height: auto; vertical-align: middle; /*image treatments*/ }
ul.four-grid li a.p-name {  display:block; width:90%; margin:0 auto 5px;  }

/*======== six grid style =========*/
ul.six-grid { }
ul.six-grid li.five-container img { margin:0 auto; border:none; outline:none; }
ul.six-grid li.five-container a img:hover { margin:0 auto; opacity:0.7; }

/*========= calendar/time/event call outs ==========*/
ul.pullout-date { position:absolute; width:27px; height:36px; top:0; left:-33px; background:url(../images/cal-back.gif) no-repeat; }
ul.pullout-date li { text-align:center; width:22px; overflow:hidden; font-size:11px; margin-left:1px; }
ul.pullout-date li.month { color:white; text-transform:uppercase; margin-bottom:2px; font-size:9px; padding-top:5px; line-height:9px; }
ul.pullout-date li.day { padding-top:4px; color:#747474; overflow:hidden; }
.super { line-height:1.6em; }
.super sup { line-height:0; }
.last { border:none!important; }
.float-left { float:left!important; }
.float-right { float:right; }
.float-none { float: none!important}
/*=========== DLs ============*/
dl.dl-style1 { margin-bottom:10px; }
dl.dl-style1 dt { float:left; display:block; width:50px; text-align:right; margin-right:10px; }
dl.dl-style1 dd { margin-left:60px; }

/*========= image treatments ============*/
.small-img-wrapper { width:100%; float:left; text-align:center; }
.small-img-wrapper img { margin:0 auto; padding:1px; }
.small-img-wrapper:hover { opacity:0.7; }

/*========= header area ========*/
/*
a.main-logo { position:absolute; background:url(../images/bullroar-logo.gif) no-repeat bottom left; width:112px; height:50px; text-indent:-5000em; display:block; top:10px; }
a.main-logo:hover { background-position:top left; }
*/
a.main-logo { position:absolute; background:url(../images/logo-3.png) no-repeat top left; width:301px; height:65px; text-indent:-5000em; display:block; top: 5px; left: -10px; }
a.main-logo:hover { background-position:bottom left; }


#action-area { position:absolute; top:0; right:20px; height:50px; width:314px; padding-top: 15px;}
#action-area div.row1 input.text { width: 200px; margin-top: 1px; background:url(../images/main-search-back.gif) no-repeat; border: none; height:22px; padding-top:4px; color: #666; font-size: 1.3em; position: relative; top: -2px; }
#action-area input.main-search { background:url(../images/main-search-back.gif) no-repeat; width:280px; padding-left:5px; border:none; height:22px; padding-top:4px; color:#666; float:left; font-size: 1.3em; }
#action-area input.main-search-submit { background:url(../images/main-search-back.gif) no-repeat top right; width:28px; padding-left:5px; border:none; height:28px; color:#666; float:left; }
#action-area input.button-1 { float:right; width:48px; height:22px; border:none!important; color:transparent;  text-indent: -5000em; text-transform: capitalize; background: transparent url(../images/head-buttons.gif); background-position: 0px 22px;  margin-top: 1px; cursor: pointer;}
 
#action-area input.si-button { background-position: -0px 22px; }
#action-area input.su-button { background-position: -48px 22px; }
#action-area input.lo-button { background-position: -96px 22px; }

#action-area input.si-button:hover { background-position: -0px 0px; }
#action-area input.su-button:hover { background-position: -48px 0px; }
#action-area input.lo-button:hover { background-position: -96px 0px; }

#action-area .row1 { padding-top:4px; margin-bottom:8px; height:24px; }
#action-area p { line-height:24px; padding:0; color: white; }
#action-area p a { font-weight: bold!important; }
.sb-float-left {float:left; margin-left: 10px;} 
div.button-space { float:right; width:1px; height:20px; border-left:1px solid #ccc; margin:2px 5px; }

/*========== footer area ============*/
ul.ft-outer { padding-top:20px; padding-left:2%; }
ul.ft-outer li.ft-column { width:24.5%; float:left; border-right:1px solid #cfcfcf; padding-top:5px; text-align:center; }
ul.ft-outer li.ft-column h5 { }
ul.ft-outer li.ft-column a { }

#footer ul.ft-l2 {   margin: 0 auto; width: 580px; padding-top: 15px;   }
#footer ul.ft-l2 li { float: left;  text-align: center; background:url(../images/foot-divide.gif) no-repeat right 1px; margin-right: 10px;  }
#footer ul.ft-l2 li.last { background:none; margin-right: 0px;}
#footer ul.ft-l2 li.last a { padding-right: 0px; }
#footer ul.ft-l2 li a {  display: inline; padding-right:14px; height: 13px; }

/*=========== player element ============*/
div.player { 
/*background:url(../images/player-back-lgray.gif) no-repeat;*/
padding-top:17px; width:384px; position:static; }
div.player div.content { 
/* background:url(../images/player-back-lgray.gif) no-repeat bottom left;*/
width:100%; padding:0 0 17px!important; }
div.player div.content ul.play-list { width:340px!important; margin:0 auto!important; }
div.player div.content ul.play-list li { width:100%!important; padding:3px 0; margin-bottom:5px; }

#track_player {  position: absolute;}

/*========================================*/

/*============= TYPOGRAPHY ===============*/

/*========================================*/
body { font-family:"Lucida Grande", Verdana, Arial; font-size:62.5%; }
h1 { font-size:2em; line-height:1.2em; padding-bottom:.2em; }
h2 { font-size:1.3em; line-height:1.3em; padding-bottom:.3em; }
div.content h2 { padding:0; }
h4,h3 { font-size:1.1em; line-height:1.3em; padding-bottom:.6em; }
span.m-name { font-size:1.3em; }

/*members names in extended list view, same color style as h3*/
h2,h3 { color:#4b4b4b; }
#footer ul.ft-l2 li a, #content-200-outer .content-inner ol li a, #content-200-outer .content-inner ul li a, h1 a,p a,p.continue-link a,h2 a,h3 a,ul.l2 a { text-decoration:none; }
#content-200-outer .content-inner ol li a:hover, #content-200-outer .content-inner ul li a:hover, dl.dl-style1 a:hover,p a:hover,p.continue-link a:hover,h2 a:hover,h3 a:hover { text-decoration:none; color:#abcd38; }
h5 { color:#abb1b5; font-size:1em; padding-bottom:.5em; line-height:1.2em; }
p,ul.l2 li { font-size:1.1em; line-height:1.4em; padding-bottom:.8em; }
p.sub-head { color:#7d8a92; line-height:1em; padding-bottom:.5em; }
p.continue-link a { float:right; }
p a,ul.l2 li a { color:#819b27; }
a.action-message { padding-right:1.8em; background:url(../images/mail.gif) no-repeat right bottom; }
a.action-message:hover { background:url(../images/mail.gif) no-repeat right 3px; }
.aux-text { font-size:smaller; font-style:italic; font-weight:normal; }
ul.content-tabs li a { font-size:1.1em; text-decoration:none; font-weight:bold; }
ul.six-grid li a,ul.four-grid li a { text-decoration:none; }
li.ft-column ul.ft-list li { padding-bottom:.6em; }
li.ft-column ul.ft-list li h5 { padding-bottom:0; font-size:1.1em; }
li.ft-column ul.ft-list li { font-size:.9em; }
li.ft-column ul.ft-list li a { text-decoration:none; }
a.u-name { font-size: larger;}
/*====== dl typography =======*/
dl.dl-style1 { font-size:1em; line-height:1.3em; }
dl.dl-style1 a { text-decoration:none; }
dl.dl-style1 dt,dl.dl-style1 dd { padding-bottom:.3em; }
dl.dl-style1 dt { font-weight:bold; }
dl.dl-style-2 { font-size:1em; margin-bottom:5px; }
dl.dl-style-2 a { text-decoration:none; }
dl.dl-style-2 dt { padding-bottom:5px; }
dl.dl-style-2 dd { padding:0 0 5px 10px; }
dl.dl-style-2 a.aux-text { color:#abb1b5; }

/*====== lighter green text=====*/
ul.sub-links li a:hover,span.sub-links a:hover,span.aux-text a:hover,a.cl:hover,ul.six-grid li a span:hover,ul.four-grid li a.p-name:hover,#main-search p a { color:#b1d43a; }

/*====== light green text=====*/
#footer ul.ft-l2 li a:hover, #left-col-200 ul.stat-nav li a:hover, #content-200-outer .content-inner ol li a, #content-200-outer .content-inner ul li a, .set-list h4 a:hover, dl.dl-style-2 dd a,span.m-name,ul.sub-links li a,span.sub-links a,span.aux-text a,a.cl, li.ft-column ul.ft-list li a,#main-search p a:hover,p a,p.continue-link a,h2 a,h3 a, h1 a { color:#95b330; }

/*====== medium green text=====*/
#footer ul.ft-l2 li a, #left-col-200 ul.stat-nav li a, .h-style2,dl.dl-style-2 dd a:hover,span.m-name:hover,li.ft-column ul.ft-list li a:hover,ul.six-grid li a span,ul.four-grid li a,ul.content-tabs li.active a,h1,dl.dl-style1 a,h1 a:hover { color:#819b27; }

/*====== dark gray text=====*/
.set-list h4 a, .set-list h4, ul.content-tabs li a, #content-200-outer .content-inner ol li , #content-200-outer .content-inner ul li  { color:#6a6a6a; }

/*====== gray standard text=====*/
h4,dl.dl-style-2 cl a:hover,ul.sub-links li,span.sub-links,li.ft-column ul.ft-list li,ul.l2 li,p,dl.dl-style1,.content-tabs li a:hover { color:#677076; }

/*======== light gray text =========*/
ol.set-list li.sl-e, dl.dl-style-2 cl a,dl.dl-style-2 dd,dl.dl-style-2 dt,div.edit p em,span.aux-text,h5 { color:#abb1b5; }

/*====== white standard text=====*/
#main-search p { color:white; }

/*=========== hover colors ===========*/

/*============light green =============*/
div.edit,.edit a { background:#f4ffe4; }

/*===========middle green=============*/
div.edit a,.edit a:hover,ul.content-tabs li a:hover { background-color:#eaffca; }

/*============ dark green ===============*/
div.edit a:hover { background:
/*background: #d0f59c;*/
#AEC561; }

/*===========middle gray=============*/
ul.content-tabs li.active a:hover { background-color:#f5f5f5; }

/*========= featured bar ======*/
#featured { height:247px; width:948px; position:relative; background:transparent; border: none!important; padding-left: 2px!important; }
#featured div.lt,#featured div.rt,#featured div.rb,#featured div.lb { background:url(../images/featured-corners.gif); height:4px; width:4px; position:absolute; font-size:0; display: none!important}
#featured li a { text-align: center;}
div.lt { left:-1px; top:-1px; background-position:0 0; }
div.rt { right:-1px; top:-1px; background-position:-4px 0!important; }
div.rb { right:-1px; bottom:-1px; background-position:4px -4px!important; }
div.lb { left:-1px; bottom:-1px; background-position:0 -4px!important; }
#people,#troupes,#music { padding-top:1em; margin-top:23px; }
#people,#troupes { margin-right:10px; }
div.home-col { background-image:none!important; }
div.home-col div.col-top-1 { background-image:url(../images/col-white-top.gif); }

/*======== column content controls =========*/
div.col-top-controls { position:absolute; height:25px; width:288px; top:-16px; z-index:10; }
div.col-top-controls h1,div.col-top-controls button { float:left; }
div.col-top-controls button.col-top-prev,div.col-top-controls button.col-top-next { width:16px; height:16px; border:none; text-indent:-5000em; margin-top:4px; }
div.col-top-controls button.col-top-prev { background:url(../images/col-top-prev-next.gif) bottom left; }
div.col-top-controls button.col-top-prev:hover { background:url(../images/col-top-prev-next.gif) top left; }
div.col-top-controls button.col-top-next { background:url(../images/col-top-prev-next.gif) bottom right; }
div.col-top-controls button.col-top-next:hover { background:url(../images/col-top-prev-next.gif) top right; }
div.col-top-controls h1 { margin:0 12px; padding:0 2px; background:white; }
.dc-home { position:relative; padding-bottom:10px; }
.home-col div.content-element { border-bottom:1px solid #ececec; padding-left:5px; padding-right:5px; padding-top:10px; }
.home-col dl { }
.home-col dl.dl-style1 dt { width:70px; }
.home-col dl.dl-style1 dd { margin-left:82px; }
.home-col p.continue-link { height:10px; margin-bottom:0!important; position:relative; right:0; }
.home-col p { margin-top:-.3em; }
.home-col { zoom:1; display:inline; }
.ce-last { border-bottom: 0px!important;}

/*========== single music players ============*/
div.col-player { margin-bottom:.4em; }
div.cp-2 a.cl { float:right; margin-top:6px; text-decoration:none; }
div.col-player .player { float:left; }

/*========== content streams ============*/
ul.stream {  position: relative; width: 300px; left: -20px!important; }
ul.stream li { padding-left: 33px; background:url(../images/stream-end.gif) no-repeat left top; margin-bottom: 10px; }
ul.stream li a { font-size: 1.1em;}
ul.stream li p { background:  #fcfff3; padding: 5px; border: 1px solid #e6e6e6; border-width: 1px 1px 1px 0px; }
ul.stream li p span { color:#abb1b5; font-size:smaller!important; padding:0!important;}

/*------- twitter streams ---------*/
ul.stream li.t-stream {  background:url(../images/stream-twitter.gif) no-repeat left top;}

/*=========== edit controls ============*/
.edit a { font-size:9px; color:#999; font-weight:normal; line-height:inherit; display:inline; padding:0; padding:1px; }
.edit a:hover { color:#666; }
p.edit { padding:0!important; }
p.edit a { width:100%; text-align:center; line-height:15px; padding:0!important; margin-bottom:10px; display:block; }
div.edit { margin-bottom:10px; padding:.8em .5em; }
div.edit a { font-size:1.1em; text-decoration:none; border:1px solid #ececec; padding:.3em; margin:0 0 6px!important; }
div.edit-panel { position:absolute; width:22px; right:-27px; padding: 6px 7px  0 3px!important; }
div.edit-panel a { display:block; margin:0 auto 10px; text-align:center; }
div#edit-1 { height:500px; }
div#edit-1 li { margin-bottom:1em; height:200px; }
div.edit-panel2 { position:absolute; width:40px; right:-28px; padding-bottom:0; }
div.edit-panel2 a { display:block; margin:0 auto 10px; text-align:center; }
div.edit-panel a.edit-ctb { background:transparent url(../images/edit-18.gif) no-repeat 0 -24px; height:18px; width:18px; text-indent:-5000em; border:none!important; }
div.edit-panel a.edit-ctb:hover { background-position:0 0; }
div.edit-panel a.delete-ctb { background:transparent url(../images/delete-18.gif) no-repeat 0 -24px; height:18px; width:18px; text-indent:-5000em; border:none!important; }
div.edit-panel a.delete-ctb:hover { background-position:0 0; }

/*=============== members style extended lists ===============*/
ul.extend-list { }
ul.extend-list li.el-i { padding:0 10px 10px; border-width:0 0 1px; margin-bottom:10px; }
ul.extend-list li.last { margin-bottom:0!important; padding-bottom:0!important; }
ul.extend-list li.el-i div.cell { float:left; width:28.5%; min-height:57px!important; padding:0 10px 10px; margin:0; }
ul.extend-list li.el-i div.card-wrapper { width:auto!important; padding:0!important; }
ul.extend-list li.el-i div.card-wrapper a.card { background:url(../images/member-card.gif) no-repeat 0 -77px; display:block; width:172px; padding:6px 22px 10px 8px; text-decoration:none; height:61px; }
ul.extend-list li.el-i div.card-wrapper a.card:hover { background:url(../images/member-card.gif) no-repeat; }
ul.extend-list li.el-i div.card-wrapper a.card img { float:left; margin-right:10px;}
ul.extend-list li.el-i div.card-wrapper a.card span { display:block; }

/*=================== centered images ==================*/
.center-img { display:table-cell; text-align:center; vertical-align:middle; }
.center-img * { vertical-align:middle; }

/*==================== uploading and editing modals and standard forms =======================*/
body.modal-wrap { background: white!important}
div.modal { width:550px; height:80%; position:absolute; padding:0 15px; background:white; }
div.s-form { width:550px; margin:0 auto; padding:0; }
div.m-e { padding:0 15px 10px; border:1px solid #e6e6e6; background:#f5f5f5; position:relative; margin-bottom:30px; }
div.m-head { padding-top:15px; padding-bottom:20px; }
div.m-head h1 { font-size:1.4em; }
div.m-e h2 { position:absolute; top:-1.3em; }
div.m-e h2 span.o-number { color:white; text-align:center!important; padding:3px 0 5px; width:24px; background:url(../images/form-h2-back.gif) no-repeat; display:block; float:left; margin-right:3px; margin-top:-2px; }
div.m-e ul.m-form { }
div.m-e ul.m-form li.m-form-e { margin-top:1.5em; }
div.m-e ul.m-form li.preview { background:#f8ffe1; padding:10px 0 5px; position:relative; }
div.m-e ul.m-form li.preview div.up-preview { width:260px; float:left; padding:10px; margin-right:12px; background:white; border:1px solid #ececec; margin-bottom:5px; text-align: center; }
div.m-e ul.m-form li.preview div.up-preview img { margin: 0 auto;}
div.m-e ul.m-form li.preview input.text { margin-bottom:5px; }
ul.m-form li.m-form-e p.label-h,ul.m-form li.m-form-e p.label,ul.m-form li.m-form-e label,ul.m-form li.m-form-e input { float:left; }
ul.m-form li.m-form-e p.label-h,ul.m-form li.m-form-e p.label,ul.m-form li.m-form-e label { width:160px; text-align:right; margin-right:10px; }
ul.m-form li.m-form-e span,ul.m-form li.m-form-e label { color:#677076; font-size:1.1em; }
ul.m-form li.m-form-e p.label-h { font-weight:bold; }
ul.m-form li.m-form-e form label { top:2px; }

/*----------- inline uploading -------------*/
ol.sl-3 {   padding:10px 0 5px;  padding-left: 25px; }
ol.sl-3 li { background:#f8ffe1; padding: 3px!important; border: 1px solid white; margin-bottom: 4px; font-weight: bold; color: #333; line-height: 1px; }
ol.sl-3 li p { padding: 0!important; font-weight: normal; zoom:1; }

/*----------- date picker css --------------*/
input#datepicker { height: 18px; width:320px; padding-top: 8px;}


ul.m-form li.m-form-e span { padding:0 .5em; }
div.modal span.aux,div.s-form span.aux { color:#abb1b5; font-size:smaller!important; padding:0!important; }
div.m-form-end { position:relative; margin-top:-20px; padding-bottom:20px; }
div.m-form-end .m-form-b1 { float:right; margin:0 0 0 10px; }
ul.m-form li.m-form-e label { position:relative; top: 9px; }

/*-----default input color and size format--------*/
ul.m-form input, input.text { background:white; border:1px solid #ececec; }
input.text { height:14px; padding:3px 0; color: #444; font-size: 1.1em; text-indent: 4px; }
div.m-e ul.m-form li.m-form-e p.static { border:1px solid #ececec; background:#f4ffe4; padding: 6px 0px 5px; float:left; height:18px;  width: 310px; margin-right: 10px; }
/*###################### text inputs ###########################*/

/*--------font size color and spacing for text based inputs-----*/
ul.m-form input.text { font-size:1.2em; line-height:1.4em; }

/*-------specific input text input types-------*/

ul.m-form input.text { height:18px; padding-top:8px; }
.up-browse .preview { margin:0!important; }
.up-browse .up-preview { width:230px!important; margin:0!important; }
li.m-form-e textarea.ta-1 { background:white; height:150px; width:330px; border:1px solid #ececec; padding: 8px 5px 5px; font-family: "Lucida Grande", Verdana, Arial!important; font-size: 1.2em; color: #444; }

/*## .type1 and .type2 ##*/
ul.m-form li.type-1 input.text { width:270px; margin-right:10px; }
ul.m-form li.type-2 input.text { width:320px; }

ul.m-form li.type-2 select { margin-top: 5px;}


/*################## button inputs ###########################*/

/*## universal delete ##*/
ul.m-form li.m-form-e .m-form-delete { position:absolute; right:-10px; top:-5px; }

/*## add a line ##*/
ul.m-form li.b-line { position:relative; }
div.b-line-inner { top:-20px; position:absolute; width:100%; right:-9px; }
ul.m-form li.b-line .m-form-add,ul.m-form li.b-line .m-form-delete { float:right; margin-left:10px; display:inline; }
ul.m-form li.b-line input.m-form-add { }
ul.m-form li.b-line input.m-form-delete { }

/*################## select-types ###########################*/
select.s-1 { }
select.s-2 { width:45px; }
select.s-3 { width:50px; }
select.s-4 { width:85px; }
select.s-5 { width:140px; }

/*################## text-types ###########################*/
input.t-2 { width:28px; }
input.t-4 { width:160px; }
input.t-6 { width:380px; }

/*################## check-types ###########################*/
.content-element .m-head { margin:0!important; padding:0 0 30px; }
ul.l2 { padding-left:5px; padding-top:5px; margin-bottom:10px; }
ul.l2 li { padding-bottom:8px; padding-left:10px; line-height:1.2em; background:url(../images/l2-unordered.jpg) no-repeat 0 5px; }
.h-style2 { font-size:small; }
ul.checkfield { background:white; border:1px solid #ececec; padding:10px 0 0 5px; }
ul.checkfield li { }
ul.cf-4 { padding-bottom:5px; }
ul.cf-4 li { width:23%; padding:0 1%; float:left; height:40px; }
ul.cf-4 li input { float:left; padding:0!important; border:none!important; margin:0!important; display:inline; }
ul.cf-4 li label { margin-left:3%; width:76%!important; text-align:left!important; }
ul.cf-list { padding:5px 5px 0; margin-bottom:10px; }
ul.cf-list li { padding:5px; margin-bottom:5px; background:#f4ffe4; }
ul.cf-list li label { float:none; width:auto!important; text-align:left; margin-left:10px; }
div.double-list ul.checkfield { width:47.5%; float:left; }

/*#################### browse and upload files ######################*/
ul.up-files li.up-browse { position:relative; background:#f8ffe1; padding:10px 0 0 10px; }
ul.up-files li.up-browse ul.m-form { }
ul.up-files li.up-browse ul.m-form li.m-form-e { margin:0 0 5px; position:relative; }
ul.up-files li.up-browse ul.m-form input.text { margin-right:10px; }
ul.up-files li.up-browse ul.m-form input.t-2 { text-align:center; }
.m-form-sub input.text { width:280px!important; height:12px; }
.up-browse li.m-form-sub input.text { width:250px!important; height:12px; }
.m-form-sub label { line-height:20px; }
.m-form-sub { margin-bottom:5px; }
ul.up-files li.up-browse .sort-up { position:absolute; top:-18px; left:8px; z-index:200; }
ul.up-files li.up-browse .sort-down { position:absolute; bottom:-18px; left:8px; z-index:200; }



/*###################### buttons #####################*/
button { cursor:hand; }
.sort-up,.sort-down { width:13px; height:13px; text-indent:-5000em; }
.sort-up { background:url(../images/arrow-up-down.gif) no-repeat top right!important; background-color:transparent; border:none!important; }
.sort-up:hover { background:url(../images/arrow-up-down.gif) no-repeat bottom right!important; }
.sort-down { background:url(../images/arrow-up-down.gif) no-repeat top left!important; background-color:transparent; border:none!important; }
.sort-down:hover { background:url(../images/arrow-up-down.gif) no-repeat bottom left!important; }
.m-form-add,.m-form-delete { width:18px; height:18px; text-indent:-5000em; border:none!important; }
.m-form-add { background:transparent url(../images/add-delete.gif) top right!important; }
.m-form-add:hover { background:transparent url(../images/add-delete.gif) bottom right!important; }
.m-form-delete { background:transparent url(../images/add-delete.gif) top left!important; }
.m-form-delete:hover { background:transparent url(../images/add-delete.gif) bottom left!important; }
.m-form-b1 { width:50px; height:23px; padding-bottom:2px; margin-top:2px; background:url(../images/button-1-back.gif) no-repeat; border:none!important; line-height:11px; font-size:11px; }
.m-form-b1:hover { background:url(../images/button-1-back.gif) no-repeat bottom left; border:none!important; color:white; }

/*------ fluid buttons --------*/
div.m-form-b2 { float:right; padding-right:10px; background:url(../images/button-2-back.gif) no-repeat top right; margin-left:10px; }
div.m-form-b2 .input-b2 { padding-left:10px!important; float:left; height:23px; border:none!important; background:url(../images/button-2-back.gif) no-repeat; line-height:22px; color:white; font-size:11px; font-weight:bold; overflow:visible; padding-bottom:2px; }

/*####################### Photo thumbnails ######################*/
.h-title { margin-bottom:0!important; padding-bottom:0!important; }
ul.image-set { list-style:none; margin:0 0 20px; padding:0; clear:both; position:relative; border:1px solid #e6e6e6; }
ul.image-set li { list-style:none; float:left; height:130px; width:20%; list-style-image:none!important; position:relative; display:table; overflow:hidden; }
ul.image-set li.image-set-head { position:absolute; height:auto!important; width:auto!important; top:-15px; }
ul.image-set li a.thumb { background:none!important; text-decoration:none; display:table-cell; vertical-align:middle; width:100%; text-align:center; margin-bottom:15px; }
ul.image-set li a img { margin-left:auto!important; margin-right:auto!important; padding:2px; border:1px solid #e6e6e6!important; border:none; position:relative; display:block; top:-50%; }

/*###################### jQuery style specifics ########################*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #dbdbdb;
	background-color: #eee;
	color: #999;
	padding: 2px;
	font-size: 9px;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 {  padding: 0!important; font-weight: normal;}

/*####################### static page styles #######################*/

p a.ex-link, li a.ex-link { padding-right: 13px; background: url(../images/external-link-p.gif) no-repeat right 1px; }
p a.ex-link:hover, li a.ex-link:hover { background: url(../images/external-link-p.gif) no-repeat right -38px;}
hr.hr1 { color: #e0e0e0; height: 0px; border: 1px solid #e0e0e0; border-width: 0px 0 1px; margin-bottom: 10px; padding-top: 8px;}

/*links on right*/

/*
#content-200-outer, #left-col-200 { margin-top: 20px,  } 
#left-col-200 {  width: 150px; float: right; padding: 80px 0 0 0px;  margin-right: 20px;  }
#left-col-200 h3 { line-height: 1.4em; text-align: left; padding-bottom: 2px;}
#left-col-200 ul.stat-nav {  margin-bottom: 15px; }
#left-col-200 ul.stat-nav li { text-align: left; }
#left-col-200 ul.stat-nav li a { font-size: 1.1em; text-decoration: none; padding: 2px 0; display: block;}

#content-200-outer { background: url(../images/static-back.gif) left bottom; float: left; width:703px; padding-bottom: 10px; margin-left: 65px;  }
#content-200-outer .content-inner { background: url(../images/static-back.gif) ;  width: 673px; padding: 10px 15px 0px ; min-height: 500px; height: auto!important; _height: 500px; }
#content-200-outer .content-inner .content-head { margin-bottom: 14px;}
#content-200-outer .content-inner h1{ padding-bottom: 0px; font-size: 2.5em;}
#content-200-outer .content-inner p { line-height: 1.7em;}

*/

/*links on left*/

#content-200-outer, #left-col-200 { margin-top: 20px,  } 
#left-col-200 {  width: 150px; float: left; padding: 54px 0 0 0px;  margin-left: 20px;  }
#left-col-200 h3 { line-height: 1.4em; text-align: right; padding-bottom: 2px;}
#left-col-200 ul.stat-nav {  margin-bottom: 15px; }
#left-col-200 ul.stat-nav li { text-align: right; }
#left-col-200 ul.stat-nav li a { font-size: 1.1em; text-decoration: none; padding: 2px 0; display: block;}

#content-200-outer {  background: url(../images/static-back-3.gif) repeat-y  left bottom;   float: right; width:703px; padding-bottom: 0px; margin-right: 65px;  }
#content-200-outer p.content-foot {  background: url(../images/static-back-bottom.gif) no-repeat ; height: 24px; margin: 0!important; padding: 0!important; position: relative; bottom: -0px;}
#content-200-outer .content-inner {  background: url(../images/static-back-2.gif) no-repeat;  width: 673px; padding: 10px 15px 0px ; min-height: 500px; height: auto!important; _height: 500px; }

#content-200-outer .content-inner .content-head { margin-bottom: 14px;}
#content-200-outer .content-inner h1{ padding-bottom: 0px; font-size: 2.5em;}
#content-200-outer .content-inner p { line-height: 1.7em;}



a.image-wrapper-left img { padding: 0px!important; display: block;}
.image-wrapper-left { border: 1px solid  #e0e0e0; float: left; margin-bottom: 5px; padding: 3px!important; margin-right: 10px ; position: relative; top: 4px;  }
.image-wrapper-right { border: 1px solid  #e0e0e0; float: right; margin-bottom: 8px; padding: 3px!important; margin-left: 10px ; position: relative; top: 4px; }
.image-wrapper-left img, .image-wrapper-right img { padding-bottom: 0px; margin: 0px!important; }
.image-wrapper-left a.img  , .image-wrapper-right a.img  { text-align: center; margin: 0 auto!important; display: block;} 
.image-wrapper-left a img, .image-wrapper-right a img  { border: none; margin: 0 auto!important;  }
.image-wrapper-left p , .image-wrapper-right p { padding: 0px 4px;}
.image-wrapper-left p a, .image-wrapper-left p, .image-wrapper-right p a, .image-wrapper-right p { font-size: 9px; }

#content-200-outer .content-inner ol {margin-left: 10px; margin-bottom: 8px; /* background: #fbffed; */padding: 10px 10px 10px 22px; }
#content-200-outer .content-inner ul {margin-left: 10px; margin-bottom: 8px; /* background: #fbffed; */ padding: 10px }
#content-200-outer .content-inner ul li { background: url(../images/unordered-dot.gif) no-repeat left 6px; padding-left: 8px;}
#content-200-outer .content-inner ol , #content-200-outer .content-inner ul { clear:both;}
#content-200-outer .content-inner ol li, #content-200-outer .content-inner ul li { margin: 0 0 4px;}
#content-200-outer .content-inner ol li, #content-200-outer .content-inner ul li { padding-bottom: 0px;} 

#content-200-outer .content-inner div.quote { font-size: 1.6em; line-height: 1.3em; padding: .8em 0 0 2.6em;  margin:0 0 10px 2.5em; padding-bottom: 0px; font-weight: bold;  background: url(../images/pull-quote.gif) no-repeat left top;   }
#content-200-outer .content-inner div.quote p {   margin-right: 3em; }
#content-200-outer .content-inner div.quote p span.eq { background:  url(../images/pull-quote.gif) no-repeat left bottom; padding: 0px 15px 17px; text-indent: -5000em; color: transparent }

#content-200-outer .content-inner div.inset {  padding: 8px; border: 1px solid  #e0e0e0; font-size: smaller; position: relative; top: -3px;   background: #fbffed;  }
#content-200-outer .content-inner div.inset-left { width: 35%; float: left; margin: 8px 8px 0px 0px;}
#content-200-outer .content-inner div.inset-right { width: 35%; float: right; margin: 8px 0px 0px 8px;}
#content-200-outer .content-inner div.inset p { padding-bottom: 0px; margin-bottom: 0;}
#content-200-outer .content-inner div.inset h3 { padding-bottom: 0px;}
#content-200-outer .content-inner div.inset ol, #content-200-outer .content-inner div.inset ul { margin-bottom: 0px; padding-bottom: 0px;}
#content-200-outer .content-inner div.inset ol { padding-left: 12px;}
#content-200-outer .content-inner div.inset ul { padding-left: 0px;}



/*##################### set list styles #######################*/
div.s-e { background: url(../images/set-back.gif)!important;}
ol.set-list {  font-size: 1em;   margin: 0 0 0 0; padding: 0px; position: relative;  list-style: decimal-leading-zero; overflow: hidden; }
ol.set-list li.sl-e {  margin-left:2.3em; padding: 0!important; font-weight: bold;    }
ol.set-list li.sl-e div.sl-w { display: inline-table; margin: 0!important; vertical-align: middle; width: 100%!important; position: relative; left:0; padding-bottom: 3px; background-image :url(../images/set-stripe.gif) ; }
ol.set-list li  .sl-i { background:  #E9EDDF ;}

/*## set list images ##*/
ol.set-list li.sl-e { background:url(../images/set-bottom-l.jpg) bottom left no-repeat ; vertical-align: middle; }
ol.set-list li.sl-e div.sl-w { background:url(../images/set-bottom-r.jpg) bottom right no-repeat;}

/*## set list typography ##*/

.set-list h4 a { display: block; }
.set-list h4 a, .set-list h4{ text-decoration: none; margin: 0!important;  padding: 0!important; line-height: 1.4em;   }
.set-list p { font-size: 1em; font-weight: normal;  padding-bottom: 0!important;  height: 100%;  }
td.sl1 h4 { padding-left: 4px!important; }

/*## buttons ##*/
.set-list button {height: 22px; width: 22px; text-indent: -5000em; margin-right: 6px; overflow: hidden; float: left; border: none!important; background: url(../images/bull-roar-buttons.gif) no-repeat; }
.inline-button { height: 16px; width: 16px; text-indent: -5000em; margin-left: 6px; overflow: hidden; border: none!important; background: url(../images/bull-roar-buttons-inline.gif) no-repeat; }


button.play { background-position:  -50px bottom; width: 23px; }
button.play:hover { background-position:  -50px top; }
button.pause { background-position:  -199px bottom; width: 23px; }
button.pause:hover { background-position:  -50px top; }
button.add-plist { background-position:  -25px bottom; }
button.add-plist:hover { background-position:  -25px top; }
button.add-fav{background-position:  -124px bottom;}
button.add-fav:hover{background-position:  -124px top;}

/*## set list table experiment ##*/

.set-list table.sl-i { width: 100%;  overflow: hidden; display: block; border-collapse: collapse!important; }
.set-list table.sl-i td {  border-right: 1px solid #ccc; padding: 5px; }

a.thumb  {   display: block; margin-left: 4px;}
a.thumb img { padding: 2px; border: 1px solid #ccc;  }

td.sl1, td.ftd-media { background: #d8e6c4 ; }
td.sl2 {  }
td.ltd { padding-right: 2px; border: none!important;}
td.slt { border: none!important; }
td.ftd { padding-left: 2px!important; margin-left: 0!important}
td.ftd-media { padding-left: 2px!important; border: none!important}

td.controls { overflow: hidden;padding: 0!important;border: none!important; }
td.controls div.controls-o{ position: absolute; white-space: nowrap; background: transparent;  width: 500px; margin-top: -4px; z-index: 100; margin-left: 10px;  }
td.controls div.controls-o button { position: relative; top: -7px;}
td.controls div.controls-i { background: aqua; }
tr.sl-tr { overflow: hidden; display: block;}	
div.sl-w { overflow: hidden!important; display: block;}
td.controls { background: white; padding: 0!important; width: 0px!important; }
.sl-select { background: white!important;}
.sl-select td.sl2, .sl-select td.sl3 { visibility: hidden; border:white!important;   }
.dn{ display: none;}
span.hd { display: none; height: 0px; position: absolute; }


/*## alerts and user only lists ##*/
div.user-only {  border:1px solid #ececec; padding: 5px 5px 0px;  background:#f4ffe4; margin-bottom: 10px; }
div.user-only p { font-size: 1.2em; }
div.user-only .aux-text { color:#677076; }
div.user-only dl {  border: 1px solid #ececec; padding: 5px 5px 0px; margin: 0 5px 10px; background: white;}
div.user-only dl dd, div.user-only dl dt { background:#f4ffe4; padding: 3px 0px 2px;}

dl.dl-s2 { margin-bottom:10px; }
dl.dl-s2 dt { float:left; display:block; width:150px; text-align:right; margin-right:10px; }
dl.dl-s2 dd { margin-left:0px; margin-bottom: 5px; background: white;  }

.alert { border:1px solid #ececec; padding: 5px;  background:#f4ffe4; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }

#global-notice { border:1px solid #95b330; padding: 3px;  background: white; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }
#global-notice p { background:#f4ffe4; border: 1px solid #efefef; padding: 10px; }

/*============ COMMUNICATION CONTROLS ================*/

/*===== UNIVERSAL FLOAT CENTERING ========*/
div.cwc { overflow: hidden;}
div.cw {  float: left; position: relative; left: 50%; text-align: left;}
div.ci {  position: relative; left: -50%; }
.uc {  position: relative; float:left!important;}

/*===== INLINE BUTTONS =====*/
.inline-button { height: 16px; width: 16px; text-indent: -5000em;  margin-right: 0px; margin-left: 0px; overflow: hidden; border: none!important; background: url(../images/bull-roar-buttons-inline.gif) no-repeat; }

/*H1 TYPE*/
h1 button.inline-button { position: relative; top: -2px;  margin-right: 0!important; margin-left: -3px; padding: 0!important; }

h1 button.add-fav-il{background-position:  -91px bottom; }
h1 button.add-fav-il:hover{background-position:  -91px top;}

h1 button.share-il{background-position:  -162px bottom; width: 17px;  }
h1 button.share-il:hover{background-position:  -162px top;}

/*H3 TYPE*/
h3 button.inline-button { position: relative; top: 0px; left: -2px; margin-right: 0;  line-height: 1.2em;}

h3 button.add-fav-il{background:url(../images/bull-roar-buttons-inline-h3.gif); background-position: -68px bottom!important; height: 12px; width: 12px;  }
h3 button.add-fav-il:hover{background-position: -68px top!important;}

h3 button.share-il{background:url(../images/bull-roar-buttons-inline-h3.gif); background-position: -122px bottom!important; height: 12px; width: 12px;  }
h3 button.share-il:hover{background-position: -122px top!important;}

div.com-con {   margin-bottom: 10px; padding: 3px 3px 1px; background: white; border:1px solid #b1d43a; font-size: 1px; }
div.com-con button { height: 15px; width: 15px!important; overflow: visible; border: none!important; text-indent: -5000em; color: transparent; text-transform: uppercase;   background:url(../images/share-controls.gif); font-size: 1em!important; display: block; float: left; margin-right: 2px;}

/*=== com con types ===*/
button.twitter { background-position: 0px -15px!important;}
button.twitter:hover {background-position: 0px 0px!important;}

button.facebook { background-position: -14px -15px!important;}
button.facebook:hover {background-position: -14px  0px!important;}

button.stumbleupon { background-position: -28px -15px!important;}
button.stumbleupon:hover {background-position: -28px 0px!important;}

button.del { background-position: -45px -15px!important;}
button.del:hover {background-position: -45px 0px!important;}

button.g-book { background-position: -60px -15px!important;}
button.g-book:hover {background-position: -60px 0px!important;}

button.myspace { background-position: -75px -15px!important;}
button.myspace:hover {background-position: -75px 0px!important;}

button.com-email { background-position: -90px -15px!important;}
button.com-email:hover {background-position: -90px 0px!important;}

button.com-fav { background-position: -105px -15px!important;}
button.com-fav:hover {background-position: -105px 1px!important;}