/* --//-- barspace.tv General Style Sheet --//-- */ * { margin:0; padding:0;} /* background:#1A150D url(../images/redrum-skin_bg.png) repeat fixed 0 0; */ /*html { min-width:1200px; } body, td { font:12px/15px Tahoma; color:#999; padding:27px 100px; min-width:1000px; background:url(../images/bg_main.jpg) center top no-repeat #002a36;} */ html { min-width:1000px;} body { padding:27px 0px 27px 0px; min-width:1000px; background:url(../images/redrum-skin_bg.png) 0 0 repeat fixed #1A150D; } body.blue {background:url(../images/bg_main.jpg) center top fixed no-repeat #002a36;} body, td { font:15px/15px Tahoma; color:#999;} #outer { margin:0 auto; width:1000px;} #picBg {right:30px; width:69px; height:186px; position: fixed; bottom:10px; background:url(../images/redrum-skin_bottle.png) no-repeat;} #picBg2, a#picBg2 { display:none;} .blue #picBg, .blue a#picBg { z-index:401; position:fixed; bottom:0; right:auto; margin-left:990px; display:block; width:93px; height:435px; background:url(../images/picBg.png) no-repeat;} .blue #picBg2, .blue a#picBg2 { z-index:401; position:fixed; bottom:0; margin-left:-83px; display:block; width:93px; height:435px; background:url(../images/picBg2.png) no-repeat;} div.but { float:left; margin-bottom:4px; padding:0; height:23px;} div.but input { cursor: pointer; margin:0; padding:3px 3px 0 5px; width:auto; font:normal 11px Tahoma; color:#d1d4d8; background:none; border:0; overflow:visible;} select.textField:after { content:inherit;} img, table { border:0;} ul { list-style:none;} ul.list { margin:0;} ul.list li { padding:4px 0 4px 15px; background:url(../images/bul.gif) 0 8px no-repeat;} :focus { outline:none;} h1 { padding-bottom:30px; font:normal 31px Arial; color:#ffd600;} .popUp h1 { font-size:24px;} h2 { padding-bottom:14px; font:bold 21px Arial; color:#ffd600;} #events h2 { padding-bottom:0;} h2 span { font:12px Tahoma;} /*.searchBox h2 span { display:block; font:17px Arial;}*/ h3 { padding-bottom:12px; font:normal 15px tahoma; color:#c1c1c1;} #events h3.date { padding-top:22px;} h3.date { padding-bottom:8px; background:url(../images/sepY.gif) bottom repeat-x;} h4 { font:bold 14px Arial; color:#c1c1c1; text-transform:uppercase;} h4 a { color:#ffd600; text-transform:none;} h4 span { margin-left:15px; font-weight:normal;} .sItem h4 { padding-bottom:10px;} a { color:#8dcfe2; text-decoration:underline;} a:hover { text-decoration:none; } a.signUp, a.signUpL { background:url(../images/but_t.png) 0 0 no-repeat;} a.signUp1 { background:url(../images/but_t.png) 0 0 no-repeat; display:block; float:right; clear:both; margin-right:14px; padding-top:12px; width:197px; height:45px; background-position:0 -25px; font:bold 21px/17px Arial; color:#990000; text-transform:uppercase; text-decoration:none; text-align:center; border:0; cursor:pointer;} a.signUp2 { background:url(../images/but_t.png) 0 0 no-repeat; display:block; float:right; clear:both; margin-right:14px; padding-top:12px; width:197px; height:45px; background-position:0 -25px; font:bold 21px/17px Arial; color:#990000; text-decoration:none; text-align:center; border:0; cursor:pointer;} a.signUpL { display:block; float:left; clear:right; margin-top:12px; width:130px; height:24px;} a.signUpL em { display:block; height:0; overflow:hidden;} a.all, a.get, a.more { display:block; float:left; clear:both; margin-top:10px; padding-left:11px; font-size:14px;} a.all { color:#999;} a.more { margin-top:0; font-size:14px; color:#ffd600; font-weight:normal!important;} a.mapIt { font-weight:normal; color:#ffd600;} a.deactivate { position:absolute; margin-top:4px; left:-171px; color:#fbc901;} a.caslink { color: #999999; font-weight: normal; text-decoration: none; } .a_calendar{ /*color:#C1C1C1; font-family:Arial;*/ font-size:12px;text-decoration:none;color:#999999;font-family:Tahoma;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;} p { padding-bottom:14px;} p.date { font:12px Arial; color:#b0b0b0;} p.date em { display:block; font-style:normal; color:#fff;} p.signature { margin:-12px 0 18px 0; font-style:italic; text-align:right;} input.textField, textarea.textField { padding:3px 0 0 2px; height:18px; font:14px/15px Arial; color:#292929; background:#c0c0c0; border:1px solid #e9e9e9;} select.textField { font:14px/15px Arial; color:#292929; height:23px; background:#c0c0c0; border:1px solid #e9e9e9;} .map { float:right; margin-bottom:25px; width:400px; height:350px;} .mapBox { float:right; width:400px;} .mapBox a { color:#ffd600;} .odd { background:#3a3a3a;} /*** LAYOUT *****************************************************************************************************************************/ #page{ margin:0 auto; padding:0 10px 10px 10px; width:980px; background:#151515; /*float:left; overflow:auto;*/} #header{ margin:0 auto; padding:0 10px 10px 10px; width:980px; background:#151515;-moz-border-radius: 14px 14px 0px 0px;-webkit-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px;/*float:left; overflow:auto;*/} #footer{ margin:0 auto; padding:0 10px 10px 10px; width:980px; background:#151515;-moz-border-radius: 0px 0px 15px 15px;-webkit-border-radius: 0px 0px 15px 15px;border-radius: 0px 0px 15px 15px;behavior:url(../images/border-radius.htc);/*float:left; overflow:auto;*/} #header:after, #tagLine:after, #page:after { content:""; display:block; clear:both;} #header { position:relative; padding-bottom:0;} #logo { float:left;} #login { padding:5px 18px 25px 18px; text-align:right;} #login, #login a { color:#ffd600; font-size:12px} #nav { padding:12px 0;} #nav li { float:right; border-right:1px solid #fff;} #nav li:first-child { border:0;} #nav a { position:relative; padding:0 18px; font-size:17px; line-height:17px; color:#fff; text-decoration:none;} #nav a:hover { text-decoration:underline;} #login form input.qs {float:right; padding:3px 0 3px 2px; width: 200px; font:10px Arial; color:#292929; background:#c0c0c0; border:1px solid #e9e9e9;} #login form input.qb {float:right; padding:0 10px; } #login form a {float:right;} #login form span {float:right; padding: 0 10px 0 0;} #tagLine { height:215px; background:url(../images/bg_tagLine.jpg) 0px 0 no-repeat #151515; padding-bottom:5px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px;border-radius: 15px;behavior:url(../'images/border-radius.htc');} #tagLine h1 { float:right; margin:31px 0 26px 0; padding:6px 31px 6px 45px; font-size:30px; font-weight:normal; color:#fff; background:url(../images/bg_tagLineText.png);} #page {} #footer {} #footer div { padding:16px 21px; font-size:11px; color:#c7c7c7; background:url(../images/bg_red5.gif) left bottom repeat-x;} .col_1 { float:left;} .col_2 { float:right;} .col_2.main { width:658px;} /*** BLOCKS *****************************************************************************************************************************/ .item:after, .sItem:after, #expandedNav:after, .textField:after, .cols:after, .fieldSet:after, .workingHours:after, .editBox:after, .personalCard:after, .personalCard .inner:after, .picArea .row:after, .eventsBar:after { content:""; display:block; clear:both;} select.textField:after { content:inherit;} .inquire { margin-top:-2px; font:bold 18px/normal Tahoma; color:#ccc;} .attention { font:14px Arial; color:#ffd600;} .attention .char { float:left; position:relative; margin:-5px 10px 0 0; padding:0; height:22px; font:bolder 18px Tahoma;} h2 .attention { float:right; margin-top:6px;} .editBox .attention { font:12px Tahoma; color:#fbc901;} .infoText { font:14px Arial; color:#999;} .infoText em { font-style:normal; color:#c7c7c7;} .pic { display:block; float:left; margin:3px 14px 4px 0;} .pic_inner { display:block; float:left; margin:3px 4px 4px 0;} .item { margin-bottom:10px; padding:14px 19px 19px 19px; background:url(../images/bg_box.png) 0 0 repeat-x #1c1c1c;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;behavior:url(../'images/border-radius.htc');} .item2 { margin-bottom:10px; padding:5px; background:url(../images/bg_box.png) 0 0 repeat-x #1c1c1c;} .col_2 .item { clear:both;} .sItem { padding:10px 0; background:url(../images/sep.gif) bottom repeat-x;} .sItem .pic { margin-top:0;} .sItem a { font-weight:bold; font-size:15px} .char { position:absolute; display:block; padding-top:2px; width:22px; height:20px; font:bold 14px Arial; color:#fff; text-align:center; text-transform:uppercase; background:url(../images/bg_char.png) no-repeat;} .goToDate { position:relative; float:right; margin-top:4px; padding-right:40px; font:14px Arial; color:#c1c1c1;} .goToDate a { position:absolute; right:0; top:-11px; padding-top:12px; width:30px; height:20px; font-weight:bold; color:#fff; text-align:center; text-decoration:none;} #liveCams { float:right; margin-left:10px; width:149px;} #liveCams h2 { font-size:21px;} .fieldSet {} div.textField { padding-bottom:14px;} .textField label { display:block; float:left; padding:3px 4px 0 0; font:14px Arial; color:#999;} b.req { position:absolute; color:#fbc901!important;} input.check { margin:4px 4px 0 0;} .connecting { padding:24px 0; font:14px Arial;} .connecting a { margin-right:8px;} .sep { float:left; width:100%; padding-top:16px; background:url(../images/sep.gif) 0 bottom repeat-x;} .onTitle { margin-top:-44px; padding-bottom:0; float:right;} /* popUp */ .popUp { position:fixed; left:50%; top:30%; margin-left:-304px; padding:21px 25px; width:558px; font-size:14px; color:#fff; background:url(../images/bg_popUpT.png) repeat-x #3a3a3a; border:1px solid #5e5e5e;} #hours_popUp.popUp { display:none; position:absolute; left:auto; top:auto; margin:25px 0 0 0; padding-bottom:0; width:375px;z-index:999;} .error, .popUp .error { color:#ff0000;} /* infoPopUp */ .infoPopUp { font-size:12px; line-height:16px; color:#a0a0a0;} .infoPopUp em { font-style:normal; text-decoration:underline;} .infoPopUp a { font-style:normal; text-decoration:none;} .infoPopUp .sItem { clear:both; padding:22px 0 0 0; background:none;} .infoPopUp .sItem .inner { padding:9px 8px; background:#292929; border:1px solid #4b4b4b; overflow:hidden;} .infoPopUp h1 { padding-bottom:12px;} .infoPopUp .sItem h2 { padding-bottom:8px; font:bold 12px Tahoma;} .infoPopUp .col_1 { float:left; width:283px;} .infoPopUp .col_1_event { float:left; width:243px;} .infoPopUp .col_2 { float:right; width:243px;} .infoPopUp .col_2_event { float:right; width:283px;} .infoPopUp .col_2 img { margin-bottom:12px;} .infoPopUp .col_2_event img { margin-bottom:12px;} .infoPopUp .col_4_event { float:left; width:270px;} .infoPopUp .col_5_event { float:right; width:270px;} .infoPopUp .col_4_event h2{ font:bold 14px Tahoma;} .infoPopUp .col_5_event h2{ font:bold 14px Tahoma;} .happyDrink{font-size:20px; color:#8DCFE2;margin-top:-20px;} .happyFood {font-size:20px; color:#8DCFE2;padding:-10px 0px 6px 4px;margin-top:-10px;} .infoPopUp { z-index:10; position:absolute; left:auto; top:auto; margin:-11px 0 0 269px; /margin-left:179px;} #events .sItem { position:relative;} /* loginBox */ #loginBox {z-index:1000;} #loginBox.popUp { position:absolute; left:auto; right:28px; top:50px; margin:0; width:296px;} #loginBox label { padding-right:8px; width:67px;} #loginBox input.textField { width:216px;} #loginBox .uName input.textField { width:123px;} #loginBox .textField { margin:0!important;} #loginBox a.sub { display:block; float:left; margin:-10px 0 0 75px; font-size:12px;} #loginBox .butArea { clear:both;} #loginBox .fieldSet label {width: 166px;padding-right:8px;} #loginBox .fieldSet .terms textarea { padding:8px 10px; width:225px; height:153px; font:12px/16px Tahoma; color:#999; background:#3a3a3a; border:1px solid #686868;} #loginBox .fieldSet .terms textarea { scrollbar-3dlight-color:#5D5D5D; scrollbar-arrow-color:#fff; scrollbar-base-color:#4b4b4b; scrollbar-darkshadow-color:#333; scrollbar-face-color:#4b4b4b; scrollbar-highlight-color:#4b4b4b; scrollbar-shadow-color:#4b4b4b; scrollbar-track-color:#4b4b4b;} #loginBox .fieldSet .security label {} #loginBox .fieldSet .security .textField { margin-left:192px; width:114px;} #loginBox .fieldSet .security .code { margin-bottom:11px; margin-left:192px; width:117px; height:58px; background:#292929; border:1px solid #515151;} #loginBox .fieldSet .butArea { padding:16px 0 0 166px; text-align:left;} #loginBox.popUp .butArea {margin-top:15px;} #loginBox .butArea {clear:both;padding-top:16px;text-align:left;} #loginBox.popUp .butArea p { font:12px Tahoma; color:#999;} /*#loginBox .fieldSet a {margin: auto; float:none; display:inline; }*/ #loginBox .uName .but { margin:0 0 0 9px; font:12px Arial!important; color:#fff;} #loginBox .uName .textField { float:left;} /* Quick Search */ /* #quickSeachBox {z-index:1200;display:none; background: #3A3A3A;} #quickSeachBox.popUp { position:absolute; left:auto; right:28px; top:50px; margin:0; width:350px;} #quickSeachBox label { padding-right:8px; width:67px;} #quickSeachBox input.textField { width:216px; } #quickSeachBox .uName input.textField { width:123px;} #quickSeachBox .textField { margin:0!important;} #quickSeachBox a.sub { display:block; float:left; margin:-10px 0 0 75px; font-size:12px;} #quickSeachBox .butArea { clear:both;} #quickSeachBox .fieldSet label {width: 166px;padding-right:8px;} #quickSeachBox .fieldSet .terms textarea { padding:8px 10px; width:225px; height:153px; font:12px/16px Tahoma; color:#999; background:#3a3a3a; border:1px solid #686868;} #quickSeachBox .fieldSet .terms textarea { scrollbar-3dlight-color:#5D5D5D; scrollbar-arrow-color:#fff; scrollbar-base-color:#4b4b4b; scrollbar-darkshadow-color:#333; scrollbar-face-color:#4b4b4b; scrollbar-highlight-color:#4b4b4b; scrollbar-shadow-color:#4b4b4b; scrollbar-track-color:#4b4b4b;} #quickSeachBox .fieldSet .security label {} #quickSeachBox .fieldSet .security .textField { margin-left:192px; width:114px;} #quickSeachBox .fieldSet .security .code { margin-bottom:11px; margin-left:192px; width:117px; height:58px; background:#292929; border:1px solid #515151;} #quickSeachBox .fieldSet .butArea { padding:16px 0 0 166px; text-align:left;} #quickSeachBox.popUp .butArea {margin-top:15px;} #quickSeachBox .butArea {clear:both;padding-top:16px;text-align:left;} #quickSeachBox.popUp .butArea p { font:12px Tahoma; color:#999;} #quickSeachBox .uName .but { margin:0 0 0 9px; font:12px Arial!important; color:#fff;} #quickSeachBox .uName .textField { float:left;}*/ /* texWasabi & NewToBarspace */ #texWasabi { float:right; clear:left; width:425px;} #texWasabi h2 { margin-top:-5px; padding-bottom:8px; font-size:30px;} #texWasabi .pic { border:6px solid #c5c9ce;} #texWasabi .inquire { float:right;} #NewToBarspace .pic { border:5px solid #c5c9ce;} /* expandedNav */ #expandedNav { clear:both; padding:10px 0 15px 0; border-top:1px solid #404040; border-bottom:1px solid #404040;} #expandedNav li { float:left; padding-left:20px;} #expandedNav li li { float:none; padding:3px 0;} #expandedNav h4 { margin:0 0 6px -20px; padding:0 0 11px 20px; font-size:16px; font-weight:normal; color:#c7c7c7; text-transform:none; border-bottom:1px solid #404040;} #expandedNav a { text-decoration:none;} #expandedNav a:hover { text-decoration:underline;} .pages, .pages h4 { width:200px;} .search, .search h4 { width:134px;} .help, .help h4 { width:140px;} .info, .info h4 { width:140px;} .what { padding-right:30px; width:236px;} .what h4 { margin-right:-30px; width:266px;} /* barBuzz */ #barBuzz .sItem { clear:both; padding:14px 0 0 15px; font-size:14px; background:none; border-top:1px solid #404040;} #barBuzz .sItem .content { float:left; width:100%; padding-bottom:14px;} #barBuzz .sItem .sItem { margin:10px 0 0 40px; padding-left:0;} #barBuzz .pic { margin-top:0; padding:6px 12px; border:1px solid #404040;} #barBuzz .pic_inner { margin-top:0; padding:6px 6px; } #barBuzz p { font-size:15px; } #barBuzz h3 { padding:6px 0 10px 0; color:#b0b0b0; font-size:18px;} #barBuzz .title { padding-left:16px; font-size:15px; color:#fff;} #barBuzz .sItem .event { clear:right; margin-left:97px; padding:12px; background:#292929; border:0;} #barBuzz .sItem .event .content {} #barBuzz .sItem .event .pic { margin:0; padding:0 12px 0 0; border:0;} #barBuzz .event, #barBuzz .event a { font:12px Tahoma; color:#c1c1c1;} #barBuzz .event a { font-weight:bold;} /* searchResults */ #searchResults { padding-top:30px;} #searchResults .sItem { position:relative; float:left; padding-bottom:35px; width:520px; background:none;} #searchResults h3 { padding-bottom:4px;} #searchResults a.mapIt { font-weight:normal;} #searchResults a.mapIt.type2 { margin-left:24px;} #searchResults .sItem .col_1 { width:134px;} #searchResults .sItem .col_1 .pic { margin-left:0px;} #searchResults .sItem .col_2 { width:374px;} #search #searchResults .sItem .col_1 .pic { margin-left:0;} #search #searchResults .sItem .col_1 { width:104px;} #search #searchResults .sItem .col_2 { width:404px;} #eventsP #searchResults .map { margin-top:40px;} #eventsP #searchResults { padding-top:38px;} #eventsP #searchResults h2 { color:#b7b7b7;} #eventsP #searchResults h2 em { font-style:normal; color:#fff;} #eventsP #searchResults .col_1 { width:310px;} #eventsP #searchResults .col_1 .content { margin-left:124px;} #eventsP #searchResults .sItem { margin-bottom:0;} #eventsP #searchResults .sItem .col_2 { padding-left:20px; width:165px; background:url(../images/sepV.gif) repeat-y;} #eventsP #searchResults .pic { margin-right:0;} .eventsList { padding-bottom:20px;} .eventsList .sItem { margin-top:50px; padding:0 20px; background:url(../images/sepV.gif) 328px 0 repeat-y;} .eventsList .sItem .inner { background:url(../images/sepV.gif) 460px 0 repeat-y; overflow:hidden;} .eventsList .col_1 { margin:0 padding:0 8px 0 0; width:308px;} .eventsList .col_1 .content { margin-left:96px;} .eventsList .col_2 { padding:0 20px; width:110px;} .eventsList .butCol { padding:0; width:120px; text-align:right;} .eventsList .butCol .but95 { float:right; margin-bottom:8px;} .eventsList .col_1 .pic { border:0;} .eventsList .more { margin-top:-12px;} /* peoplesList */ #searchResults.peoplesList .row { float:left; width:100%;} #searchResults.peoplesList .sItem { width:314px;} #searchResults.peoplesList .sItem .content { margin:0 10px 0 120px; font-size:14px;} #searchResults.peoplesList a.title { display:block; margin-bottom:8px; font:bold 14px Arial; color:#ffd600;} /* search */ #search #searchResults h2 { color:#b7b7b7;} /* searchBox */ /*.searchBox .zip .textField, .searchBox input.zip { width:67px;} #search1 .textField label { padding-right:16px; width:36px; text-align:right;} #search1 .headline .textField { width:270px;} #search1 .city .textField { width:215px;} #search1 .state .textField { width:219px;} #search1 .onlineOnly { margin-top:-4px; padding-left:52px;} #search1 .butArea { padding-left:46px; text-align:left;} #search2 .headline .textField { width:616px;} #search2 .multi label { padding-right:10px;} #search2 .city { margin-right:22px; width:197px;} #search2 .state { margin-right:22px; width:197px;} #search2 .onlineOnly { float:left;} #search2 .butArea { padding-right:2px;} .multi input, .multi select { float:left;}*/ /*new*/ #header .searchBox { float:right; margin:27px 18px 0 22px;} #header .searchBox input.textField { padding:1px 0 0 2px; height:13px; width:150px; font-size:12px; color:#666; line-height:12px;} .butGo { width:16px; height:16px; color:#fff; border:0;} .searchBox .butGo { margin:0 0 0 4px; float:right;/**/} #nav { margin-top:2px;} /* workingHours */ .workingHours { margin-top:24px; padding:9px 5px 9px 9px; border:1px solid #3a3a3a;} .popUp .workingHours { margin:0 0 24px 0; background:#1c1c1c;} .workingHours .col { float:left; margin-right:4px; padding-top:10px; width:47px;} .workingHours .day { padding-top:2px; height:18px; background:#3a3a3a; text-transform:uppercase; text-align:center;} .workingHours .hours { padding:6px 0 0 2px; font-size:10px; line-height:12px; color:#ffd600; text-transform:uppercase;} .workingHours .hours span { display:block; color:#999; text-transform:none;} .cammessagetext { padding:0px 0 8px 2px; font-size:10px; text-valign:top; color:#ffffff; } /* profileBox */ #profileBox { float:right; width:940px;} .announcements .textField { margin-top:16px; width:402px; height:98px;} .completedBar { font:12px Arial;} h1 .completedBar { float:right;} .completedBar div { margin:6px 0 2px 0; width:165px; height:12px; overflow:hidden;} .completedBar div b { float:left; display:block; height:12px;} .editBox { clear:both; padding:30px 22px 36px 190px; background:#313131; border:1px solid #515151;} .editBox h2 { color:#b7b7b7;} .editBox .textField:after { clear:none;} .editBox .textField .textField { margin-right:0;} .editBox .textField label { text-align:left;} .editBox .butArea, .editBox .infoBox { float:left; width:100%;} .editBox .col { float:left; padding-bottom:4px; width:50%;} .editBox .col input { float:left; margin:5px 12px 0 0;} .editBox .title label, .editBox .file label { width:54px;} .editBox #page3 .title .textField { width:344px;} .editBox .file input { /*padding:3px 0 0 2px; height:22px; font:14px/15px Arial; color:#999;*/} .editBox .file div { float:left;} .editBox div.textField { float:left; width:100%;} .editBox .uName .textField, .editBox .fName .textField { width:124px;} .editBox .lName .textField, .editBox .email .textField, .editBox .url .textField, .editBox .phone .textField, .editBox .headline .textField, .editBox .barName .textField, .venue .editBox .city .textField { width:227px;} .editBox .memberType .textField, .editBox .country .textField, .editBox .state .textField, .editBox .drink .textField { width:231px;} .editBox .birthday .textField, .editBox .zipCode .textField { width:85px;} .editBox .city .textField { width:153px;} .editBox .whyThisDrink .textField, .editBox .address .textField, .editBox .hoursOperation .textField { width:227px; height:57px;} .birthday input, .radio input { float:left;} .birthday input.check { margin-left:20px;} .radio label.type2 { padding-right:16px!important;} /* emulator */ .fileBox { position:absolute; left:-1000px; top:-1000px; /*-moz-opacity:0;*/ opacity:0; visibility:hidden;} .result { padding:4px 0 0 2px; height:17px; font:14px/15px Arial; color:#292929; background:#c0c0c0; border:1px solid #e9e9e9; overflow:hidden;} #page3 .result { width:270px;} #page0 .result { float:left; width:153px;} #page2 .result { float:left; width:328px;} #page8 .result { float:left; width:150px;} #page10 .result { float:left; width:320px;} #reg .result { float:left; width:169px;} #page0 .but61, #page2 .but61, #page10 .but61, #reg .but61, .browse .but61 { float:left;} .editBox .approveComm { padding-left:24px; font:14px Arial;} .editBox .approveComm input { margin:0 11px 0 -24px;} .infoBox { margin-top:36px; padding-top:28px; font:14px Arial; background:url(../images/sep.gif) 0 0 repeat-x;} .infoBox .row { padding-left:33px; min-height:22px; background:url(../images/icon_pdf.gif) no-repeat;} .infoBox .col_2 { margin:0 0 8px 8px; font:12px Tahoma;} .infoBox .col_2 a { margin-left:8px; font-size:15px;} .infoBox span { margin-right:12px;} .infoBox span.live { padding-left:18px;} #profileBar { float:left; margin:-30px 0 0 -190px; width:169px;} #profileBar a { position:relative; display:block; padding:10px 0 0 19px; height:25px; font:14px Tahoma; color:#999; text-decoration:none; background:#292929; border-right:1px solid #515151; border-bottom:1px solid #515151;} #profileBar a:hover { color:#ffd600;} #profileBar a.active { font-weight:bold; color:#ffd600; background:none; border-right:0; border-bottom:1px solid #515151; cursor:default;} #profileBar a.last.active { border:0;} .editBox .sItem { float:left; padding-bottom:26px; width:100%; background:none; font:14px Arial;} .editBox .sItem:after { clear:none;} .editBox .sItem .content { margin-left:110px;} .editBox .sItem .butArea { margin-top:15px;} /* sideBar */ #sideBar { float:left; width:310px;} .personalCard { margin-bottom:10px; color:#ffd600; background:url(../images/bg_pCard_top.jpg) no-repeat #990000;} .personalCard .inner { padding:14px 16px 18px 16px; min-height:123px; background:url(../images/bg_pCard_bot.jpg) 0 bottom no-repeat;} .personalCard a { color:#ffd600;} .personalCard .col_1 { padding-top:0px; width:104px; font-size:14px;} .personalCard .col_2 { padding-left:9px; width:158px;} /*.personalCard h1 { margin-left:-9px; padding-bottom:0;}edit profile error*/ .personalCard h1 { margin-left:0px; padding-bottom:15px;} .personalCard .box { float:right; clear:both;} .personalCard p { padding-bottom:8px;} .personalCard .special { color:#d1d4d8; font-weight:bold;} .personalCard .newanchor {font-size:0.9em;} .personalCard .newanchor a:hover {font-size:100%;} .ind { margin:5px 0 2px 0; width:91px; height:18px; font:11px/17px Tahoma; color:#999; text-align:center; background:#fff;} .ind img { margin:0 6px -1px 0; max-width:91px;} .ind b { display:block; width:9px; height:9px; background:url(../images/corners.gif) 0 0 no-repeat; overflow:hidden;} .ind b.lt { float:left;} .ind b.lb { float:left; clear:left; background-position:0 -11px;} .ind b.rt { float:right; background-position:-11px 0;} .ind b.rb { float:right; clear:right; background-position:-11px -11px;} .avatar { float:left; margin:4px 9px 0 0; padding:4px 4px 17px 4px; background:#c7cbcf;} .personalCard .avatar { margin:9px 0 0 0; padding:4px;} /* picArea */ .picArea { padding-top:31px; overflow:hidden;} .picArea .attention { padding-top:5px; font:12px Tahoma; color:#999; overflow:hidden;} .picArea .attention em { font-style:normal; color:#ffd600;} .ui-sortable { position:relative; float:left; width:626px; margin-right:-6px;} .gallery_list_li { float:left; margin:22px 6px 0 0; padding:7px 6px 10px 6px; width:136px; background:#313131; border:1px solid #515151;} .gallery_list_li div { cursor:move;} .gallery_list_li a { display:block; float:left; width:118px; height:16px; font:12px Tahoma; color:#999; background:#313131; border:1px solid #313131; text-decoration:none;} .gallery_list_li div.gallery_list_delete { float:right; /*cursor:pointer;*/} .gallery_list_li div.gallery_list_delete a { text-indent:-1000px; float:right; display:block; margin-top:3px; width:11px; height:11px; background:red; overflow:hidden; background:url(../images/sprite.png) -105px -34px no-repeat;} .gallery_list_li:hover { background:#e2e4e6; border-color:#e2e4e6;} .gallery_list_li:hover a { background:#fff; border-color:#afafaf; color:#242424; text-decoration:none;} .gallery_list_li:hover div.gallery_list_delete a { border:0; background-position:-117px -34px;} .ui-sortable_friends { position:relative; float:left; width:406px; margin-right:-6px;} .friends_list_li { float:left; margin:22px 6px 0 0; padding:7px 6px 10px 6px; width:80px; height:112px; background:#313131; border:1px solid #515151;} .friends_list_li div { cursor:move;} .friends_list_li a { float:left; width:83px; font:11px Tahoma; color:#999; overflow: hidden; height:15px;} .friends_list_li div.friends_list_delete { float:right; /*cursor:pointer;*/} .friends_list_li div.friends_list_delete a { text-indent:-1000px; float:right; display:block; margin-top:3px; width:11px; height:11px; background:red; overflow:hidden; background:url(../images/sprite.png) -105px -34px no-repeat;} .friends_list_li:hover { background:#e2e4e6; border-color:#e2e4e6;} .friends_list_li:hover div.friends_list_delete a { border:0; background-position:-117px -34px;} /* happyHour */ #happyHour { padding:56px 0 0 31px; height:148px; background:url(../images/bg_happyHour.png) no-repeat; cursor: pointer; cursor: hand;} #happyHour p { padding:38px 0 0 0; margin:0; font:18px Georgia; color:#feb800;} /* hoursOfOperation */ #hoursOfOperation { padding:92px 5px 0 5px; height:199px; background:url(../images/bg_hoursOfOperation.jpg) no-repeat;} #hoursOfOperation .inner { float:left; padding:6px; width:278px; background:#1c1c1c;} #hoursOfOperation .row { width:167px;} #hoursOfOperation .pic { margin:0; float:right;} #hoursOfOperation .day { float:left; margin:0 3px 2px 0; padding-top:3px; width:47px; height:18px; font:12px Tahoma; color:#fff; background: url(../images/bg_dayHOO.png) no-repeat; text-transform:uppercase; text-align:center;} #hoursOfOperation .hours { float:left; margin-bottom:2px; padding-top:3px; width:117px; height:18px; font:bold 10px Tahoma; color:#fff; background:#3a3a3a; text-align:center; font:10px Tahoma;} #hoursOfOperation.type2 .hours { float:none; margin-left:51px; width:auto;} #hoursOfOperation .hours span { font-weight:normal; color:#c1c1c1;} #hoursOfOperation .hours strong { color:#c1c1c1;} /* box */ .box { position:relative; padding:1px; height:16px; background:#242424;} .box b { position:absolute; top:0; display:block; width:9px; height:18px; background:url(../images/box_corners.png) no-repeat; overflow:hidden;} .box b.l { left:-9px; background-position:0 0;} .box b.r { right:-9px; background-position:-9px 0;} /* page0 */ #page0 .butArea { position:relative;} .venue #page0 .butArea input { margin-right:15px;} #page0 h2 .attention { width:232px;} #page0 h2 .attention { width:232px;margin-right:319px;}/* for new edit profile */ .venue #page0 h2 .attention { width:246px;} #page0 label { padding-right:26px; width:148px; text-align:right;} #page0 label.type2 { padding-right:0; width:auto;} #page0 p.textField, #page0 div.textField { float:left; width:100%;} #page0 b.req { margin-left:4px;} #page0 .picPrev img { height:60px;width:59px;} .venue #page0 label { width:134px;} .picture div.picPrev { float:left; margin-right:24px; width:59px; height:59px; background:#292929; border:1px solid #515151;} .picture .infoText { padding:14px 0 0 0;} /*new css for edit profile page */ #edit_butArea{float: left; margin-left: 480px; margin-top: -35px; width: 20%;} /* page1 */ #page1 label { width:160px;} #page1 .textField .textField { width:237px;} #page1 .butArea { width:268px;} /* page2 */ #page2 {} #page2 label { float:none; padding-bottom:4px; width:auto;} #page2 .title .textField { width:404px;} /* page3 */ .editBox #page3 .sItem { padding-bottom:10px; font:12px Arial;} .editBox #page3 .sItem h3 { padding-bottom:6px;} .editBox #page3 .sItem p { padding:0;} .editBox #page3 .sItem a { font-weight:normal; color:#ffd600;} #page3 textarea { margin-top:4px; width:402px; height:200px; font:10px/12px Arial; color:#292929;} /* page8 */ #page8.edit label { padding-right:18px; width:160px; text-align:right;} #page8.edit .textField .textField { width:222px;} #page8.edit .textField textarea { height:56px;} #page8.edit .where .textField { width:154px;} #page8.edit .repeat .textField { width:75px;} #page8.edit .start { float:left; width:100%;} #page8.edit .start .textField { float:left; margin-left:4px; width:75px;} #page8.edit .start span { float:left; margin-top:2px; padding:0 8px;} #page8.edit .start img { float:left; margin-top:3px;} #page8.edit .butArea.type2 { padding-left:178px;} #page8.edit .new a { font-size:14px; color:#ffd600;} #page8.edit .butArea { padding-top:12px;} /* page9*/ .venue .editBox #page9 .sItem { padding:0 0 22px 0;} .venue #page9 .infoBox { margin-top:16px; padding-top:16px;} .venue #page9 .infoBox .butArea { padding-top:16px;} .venue #page9 .but { width:68px;} .venue #page9 .infoBox .but { /*float:right; margin:0 0 0 9px;*/} .venue .editBox #page9 h3 { padding-bottom:8px;} .venue .announcements .textField { margin-top:0;} .venue #page9 .radio, .venue #page9 .dateTime { float:left; width:100%;} /* page10 */ #page10 .butArea { text-align:left;} /* page11 */ #page11 h2 .attention { width:auto;} #page11 .sItem { padding:18px 0 12px 0; background:url(../images/sep.gif) bottom repeat-x;} #page11 .sItem h3 { padding-bottom:18px;} #page11 label { padding-right:26px; width:142px; text-align:right;} #page11 b.req { margin-left:4px;} #page11 .textField input { width:225px;} #page11 .textField select { width:229px;} #page11 .card .textField { width:147px;} #page11 .expiration input { float:left; width:43px;} #page11 .expiration select { float:left; margin-right:13px; width:56px;} #page11 .same { margin-left:168px;} #page11 .same .check { float:left; margin-top:2px;} #page11 .butArea { padding-top:20px;} /* page12 */ #page12 h3 { padding:12px 0 4px 0;} #page12 select { margin-right:4px; width:90px;} #page12 .butArea { padding-top:12px;} #page12 textarea { width:180px; height:108px;} /* page13 */ #page13 .sItem { background:url(../images/sep.gif) bottom repeat-x;} #page13 h3 { padding-bottom:12px;} #page13 em { color:#fde003; font-style:normal; font-weight:bold;} #page13 .col_1, #page13 .col_2 { font-size:12px; color:#c7c7c7;} #page13 .col_1 .butArea { margin-top:26px;} #page13 .col_2 p { padding:2px 0;} #page13 .col_2 label { display:block; float:left; width:38px;} #page13 .col_2 strong { display:block; padding-bottom:4px;} #page13.edit .sItem { background:none;} #page13.edit h3 { padding-bottom:24px;} #page13.edit label { width:122px; padding-right:26px; text-align:right;} #page13.edit .butArea { width:auto; padding-left:148px;} .editCam .textField .textField { width:252px;} .onlineSchedule select.textField { margin:0 4px 0 12px!important; width:90px;} /* page14 */ #page14 .but104 { font-size:11px; font-weight:normal;} #page14 h3 { padding-bottom:12px;} #page14 .but { width:89px;} .list { margin-top:42px;} .list p { margin-bottom:3px; padding:2px 12px; height:16px; overflow:hidden;} .list .col_1 { width:250px; height:16px; overflow:hidden;} .list .col_2 a { margin-left:6px;} .progressBar { margin-top:22px; padding-bottom:16px; border-top:1px solid #404040; border-bottom:1px solid #404040;} .progressBar label { display:block; padding-top:12px; font:14px Arial;} .progressBar label span { float:right; margin-right:8px;} .progressBar .completedBar {} .progressBar .completedBar div { width:100%; background:url(../images/bg_completedBar_427.png) no-repeat;} /* page15 */ #page15 label { padding-right:12px; width:130px; text-align:right;} #page15 textarea { width:254px; height:59px;} #page15 .butArea.type2 {} #page15 .butArea.type2 a, a:hover {font-size:15px;} #page15 .butArea.type3 { padding-left:142px; width:auto;} #page15 .butArea.type3 .but { margin:0;} #page15 .but { width:68px;} #page15 .textField.dayS { width:60px;} #page15 .textField.month { width:117px;} #page15 .textField.year { width:73px;} #page15 .infoBox { padding-top:18px;} #page15 .infoBox .attention { font-size:12px;} #page15 .infoBox span { margin-right:24px;} #page15 .infoBox .butArea { padding-top:18px;} /* page16 */ #page16 textarea { width:399px; height:57px;} #page16 .butArea { padding-top:12px;} #numbers {} #numbers .inner { padding:15px; width:373px; height:224px; overflow:auto; background:#292929;} #numbers .row { float:left; padding-bottom:2px; width:100%;} #numbers .check, #numbers .number, #numbers .name { float:left;} #numbers .number, #numbers .name { padding:2px 0 0 10px;} #numbers .number { width:128px;} #numbers .delete { float:right; width:149px;} #page16 label { padding-right:18px; width:70px; text-align:right;} /* news & actions */ #news { width:423px;} #news h2 { padding:6px 0 21px 47px; background:url(../images/icon_i.gif) 0 2px no-repeat; font-size:24px;} #news .sItem { margin-top:18px; padding-top:14px; background:none; border-top:1px solid #373737;} #news .sItem .col_1, #actions .sItem .col_1, #actions_wide .sItem .col_1 { padding:0 30px 8px 0; font-weight:bold;} #news .title { font:14px/normal Arial; color:#c1c1c1;} #news .sItem .title, #news .sItem .title a { color:#ffd600; font-weight:normal;} #news .sItem .col_1 p, #actions .sItem .col_1 p, #actions_wide .sItem .col_1 p { padding:4px 0 0 0;} #actions { width:423px;} #actions_wide { width: 620px; } #actions .sItem { background:none;} #actions_wide .sItem { background:none;} #actions h2 { padding-top:4px; font-size:18px;} #actions_wide h2 { padding-top:4px; font-size:18px;} /* wereDrink */ #wereDrink .sItem { padding:0; background:none;} #wereDrink .sItem .col_1 { padding:0 30px 8px 0;} #wereDrink .sItem h3 { padding-bottom:8px; font-family:Tahoma; color:#999;} /* actionsPanel */ #actionsPanel { float:left; clear:left; width:461px; background:url(../images/bg_actionsPanel.png) repeat-x #424242; border-bottom:1px solid #1c1c1c;} #actionsPanel_wide { float:left; clear:left; width:100%; background:url(../images/bg_actionsPanel.png) repeat-x #424242; border-bottom:1px solid #1c1c1c;} #actionsPanel li, #actionsPanel_wide li { float:left; min-height:26px; border-left:1px solid #1c1c1c;} #actionsPanel li:first-child, #actionsPanel_wide li:first-child { border:0;} #actionsPanel a,#actionsPanel_wide a { display:block; padding:6px 27px 0 6px; height:20px; font:12px Arial; color:#ffd600; text-decoration:none;} #actionsPanel a:hover, #actionsPanel_wide a:hover { text-decoration:underline;} #actionsPanel a img, #actionsPanel_wide a img { float:left; margin:-1px 5px 0 0;} .expand #actionsPanel, .expand #actionsPanel_wide { background:#3a3a3a;} .expand #actionsPanel a, expand #actionsPanel_wide a { background:url(../images/bg_actionsPanel.png) repeat-x #424242;} /* gallery */ #gallery h2 { font-size:18px;} /* galleryArea */ #galleryArea {} #galleryArea .sItem { padding-bottom:18px; background:none; border-top:1px solid #373737;} #galleryArea .sItem:first-child { border:0;} #galleryArea a.all { position:relative; float:right; margin:7px 9px 0 0; padding:0 10px 0 30px; height:18px; font:12px Tahoma; color:#d1d4d8;} #galleryArea a.all b { position:absolute; display:block; height:18px; overflow:hidden;} #galleryArea a.all b.l { left:18px; top:5px; width:6px; height:9px;} #galleryArea a.all b.r { right:-9px; top:0; width:9px; height:18px;} /* leaveComment */ .leaveComment { padding-bottom:10px;} .leaveComment textarea { width:616px; height:98px;} .leaveComment .butArea { padding-top:10px;} #new_venue .leaveComment textarea { width:531px; height:48px;} #new_venue .leaveComment .but71 { float:right; margin-top:12px;} /* addUs */ #addUs { clear:left; width:426px;} #addUs h1 { text-indent:-1000px; width:163px; height:42px; background:url(../images/add_us.png) no-repeat;} #addUs .inquire { float:right; margin-top:3px;} /* about */ .about {margin:0 0 0 38px; padding:6px 0 0 41px; line-height:16px; background:url(../images/icons.png) -36px 0 no-repeat;} .about h4 { padding-bottom:8px; font-weight:normal; text-transform:none;font-size:16px;} #actions .about { margin-top:21px; padding-left:46px;} #actions .about h4 { font-size:18px; color:#ffd600;} /* announcements */ #announcements .sItem { padding:0 0 2px 0;} #announcements .sItem .title { margin-bottom:26px; padding-bottom:10px; font:15px Arial; color:#c1c1c1; background:url(../images/sep.gif) bottom repeat-x;} #announcements .sItem a.but { float:right; clear:right; margin-right:2px;} #announcements .sItem .textField { width:174px;font-size:11px;} #announcements .sItem em { display:block; float:left; margin:-5px 10px 0 0; width:34px; height:49px; text-indent:-1000px; background:url(../images/icons.png) 0 0 no-repeat;} /* helpM */ .helpM { padding:14px; font:14px Arial; background:#1c1c1c; border:1px solid #3a3a3a;} #profileBox .helpM { margin-bottom:28px; padding:20px; font:12px Tahoma; background:#313131; border-color:#515151;} #profileBox .helpM a { color:#fbc901;} #profileBox h1 .helpM { position:relative; float:right; margin:0 24px 8px 0; padding:10px 20px; width:216px; } /* barType */ div.barType { padding-bottom:0;} .barType div { margin:4px 0 0 192px;} .editBox .barType div { margin-left:160px;} .barType div p { float:left; width:50%;} .barType div label { padding:0!important; width:auto!important; text-align:left;} .barType div input { float:left; margin:2px 8px 0 0;} #page0 .barType div p { float:left; width:22%;margin-left:15px;}/*for new edit profile*/ /* fieldSet */ .fieldSet .uName .textField, .fieldSet .security .textField, .fieldSet .birthday .textField { width:123px;} .fieldSet .pw .textField, .fieldSet .confirmPw .textField, .fieldSet .barName .textField, .fieldSet .email .textField, .fieldSet .city .textField, .fieldSet .url .textField { width:243px;} .fieldSet .phone .textField, .fieldSet .hoursOperation .textField { width:157px;} .fieldSet .state .textField { width:161px;} .fieldSet .zipCode .textField { width:78px;} .fieldSet .address .textField, .fieldSet .aboutUs .textField { width:243px; height:54px;} .fieldSet .aboutUs .textField { height:51px;} .fieldSet #content1 .name input.textField { width:173px;} /* slider */ .friends_alist_home .a_friends { float:left; margin:0 0px 0 5px; padding:5px; height:100px; width:100px; display: table-cell; text-align:center; overflow:hidden; border: 1px solid #333; background-color: #333; } .friends_alist_home .a_friends div { display: table-cell; vertical-align: middle; width: 100px; height: 100px;; } .friends_alist_video .inner { width:588px; overflow:hidden;} .friends_alist_home .inner { width:588px; overflow:hidden;} #myfriends { width:942px;} #newPeople .inner { clear:both; padding:14px 0 0 10px; font-size:14px; background:none; border-top:1px solid #404040;} .friends_alist .img_friends, .friends_alist_home .img_friends { margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); } .friends_alist_home .a_friends div.tooltip { position:absolute; top:0; left:0; z-index:400; display:none; padding:10px; width:auto; height:auto; background-color:#c0c0c0; opacity:0.90; border:2px solid #300; color:#000; cursor:pointer;} .friends_alist_home_new .inner { width:942px; overflow:hidden;} .friends_alist_home_new .a_friends { float:left; margin:0 0px 0 5px; padding:5px; height:100px; width:100px; display: table-cell; text-align:center; overflow:hidden; border: 1px solid #333; background-color: #333; } .friends_alist_home_new .a_friends div { display: table-cell; vertical-align: middle; width: 100px; height: 100px;; } .friends_alist_home_new .img_friends { margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); } .friends_alist_home_new .a_friends div.tooltip { position:absolute; top:0; left:0; z-index:400; display:none; padding:10px; width:auto; height:auto; background-color:#c0c0c0; opacity:0.90; border:2px solid #300; color:#000; cursor:pointer;} .tooltip2, a.tooltip { VISIBILITY: hidden; top:0; left:0; z-index:400; padding:10px; width:auto; height:auto; background-color:#c0c0c0; border:2px solid #300; color:#000; cursor:pointer;} .tooltip2 input { float:none!important; margin:0 auto; height:27px; font:bold 12px Tahoma; color:#d1d4d8; text-align:center; border:0; border-bottom:0px solid #b6b6b6; width:104px; color:#1c1c1c; cursor:pointer; background:url(../images/sprite.png) 0 -179px no-repeat;} #MessagerDiv #MessagerDiv_title, #MessagerDiv #MessagerDiv_title b { padding:10px 0; font-size:18px; font-weight:normal;} #MessagerDiv_text input { margin:10px 0;} /* friends_alist_video */ .friends_alist_video .ui-sortable { position:static; width:700px; float:none; height:158px; overflow:hidden;} .friends_alist_video .gallery_list_li { margin-top:0; margin-bottom:22px;} .friends_alist_video .prevH, .friends_alist_video .nextH { margin-top:52px;} .friends_alist_video .gallery_list_li div { cursor:auto;} /* user_alist */ .user_alist { padding:0; margin-left:-45px; overflow:hidden;} .user_alist li { float:left; margin-bottom:14px; padding-left:45px;} .user_alist li a { display:block; font:14px Arial; color:#c1c1c1; text-decoration:none;} .user_alist li a:hover { text-decoration:underline;} .user_alist li a.pic { float:none; margin:0 0 4px 0; padding:0; width:121px; height:100px; overflow:hidden; cursor:pointer;} .sliderV { width:144px;} .sliderV .inner {} .sliderV .picBox {} .sliderV .picBox a { margin:0 0 8px 0; width:144px; height:60px; float:left; display:block; text-align:center; overflow:hidden;} .sliderV .picBox a div { position:absolute; top:0; left:0; z-index:400; display:none; padding:5px; width:130px; background-color:#ccc; opacity:0.90; border:2px solid #300; color:#000; cursor:pointer;} .sliderV .prev { margin:0 0 12px 47px;} .sliderV .next { margin:4px 0 0 47px;} .like { width:243px;} .like em { font-style:normal; text-decoration:underline;} .time { display:block; margin-top:4px; color:#fff;} .dateTime .textField, .dateTime label { float:left;} .dateTime label { padding-right:12px;} .dateTime label img { margin-bottom:-1px; margin-left:18px;} .dateTime input { margin-right:36px!important; width:76px;} .dateTime select { margin-left:5px; width:95px;} .textField .day { float:left; padding-right:10px;} .textField .day label { float:none; text-transform:uppercase;} /* BUTTONS *****************************************************************************************************************************/ .butArea { text-align:right;} .butArea input { margin:0 0 0 6px;} .butArea.type2 { text-align:left;} .butArea.type2 input { margin:0 6px 0 0;} .butArea.type2 .but { float:right; margin:0 0 0 6px;} #page2 .butArea { text-align:left;} .but104, .but104y, .but144, .but144y { height:27px; font:bold 12px Tahoma; color:#d1d4d8; text-align:center; border:0;} .but104, .but104y { width:104px;} .but144, .but144y { width:144px;} .but104y, .but144y { color:#1c1c1c;} .but61 { margin-left:13px; padding-top:4px; width:61px; height:19px; font:normal 11px Tahoma; color:#d1d4d8; text-align:center; border:0;} .but71 { width:71px; height:27px; font:normal 14px Tahoma; color:#d1d4d8; text-align:center; border:0;} .but { position:relative; float:left; margin-right:6px; padding:4px 8px 0 8px; display:block; height:19px; font:normal 11px/normal Tahoma!important; color:#c1c1c1; text-decoration:none; text-align:center;} .but b { position:absolute; top:1px; display:block; width:1px; height:21px; overflow:hidden;} .but b.r { right:-1px;} .but b.l { left:-1px;} .camdiv { text-align:center;margin:auto;width:118px;display:block;padding-left:20px; } .butLike { display:block; float:left; margin-top:10px; padding:3px 0 0 38px; width:57px; height:19px; font:bold 12px Tahoma; color:#d1d4d8; text-decoration:none; background:url(../images/but_like.png) no-repeat;} .but95 { display:block; float:left; padding-top:3px; width:95px; height:19px; font:bold 12px Tahoma; color:#d1d4d8; text-align:center; background:url(../images/but_95.gif) no-repeat; text-decoration:none;} .prev, .next { margin:12px 0 0 111px; display:block; width:50px; height:9px; overflow:hidden;} #liveCams .prev, #liveCams .next { margin-left:49px;} .prevH, .nextH { display:block; margin-top:5px; width:9px; height:50px; overflow:hidden;} .prevH { float:left; margin-right:4px;} .nextH { float:right; margin-left:4px;} a.showHide { float:right; margin-right:5px; display:block; width:16px; height:16px;} .close { float:right; display:block; margin-top:3px; width:11px; height:11px; background:red; overflow:hidden;} .popUp .close { position:relative; float:right; padding:0 27px 0 0; font:12px Tahoma; color:#999; width:auto; overflow:visible; text-decoration:none; background:none;} .popUp .close b { position:absolute; right:0; top:0; display:block; width:16px; height:16px; overflow:hidden;} .popUp .close:hover { text-decoration:underline;} .active .close {} /* backgrounds */ .prev, .next, .prevH, .nextH, .but61, .but71, .but104, .but104y, .but144, .but144y, .but, .but b, a.show, a.hide, a.all, a.get, a.more, .ind b, .goToDate a, .completedBar div, .completedBar div b, .close, .popUp .close b, #galleryArea a.all b.l, #galleryArea a.all b.r, .butGo { background:url(../images/sprite.png) no-repeat;} .prev { background-position:0 0;} .next { background-position:0 -10px;} .prevH { background-position:-105px -151px; margin-top:30px;} .nextH { background-position:-115px -151px;margin-top:30px;} .but61 { background-position:-51px 0;} .but71 { background-position:0 -151px;} .but104 { background-position:0 -24px;} .but104y { background-position:0 -179px;} .but144 { background-position:0 -54px;} .but144y { background-position:0 -207px;} .but { background-position:0 -82px;} .but b { background-position:0 -83px;} a.show { background-position:-113px 0;} a.hide { background-position:-113px -17px;} a.get { background-position:-148px -163px;} a.all { background-position:-158px -151px;} a.more { background-position:-128px -186px;} #galleryArea a.all { background-position:0 -132px; text-decoration: none;} #galleryArea a.all b.l { background-position:-138px -179px;} #galleryArea a.all b.r { background-position:-155px -58px;} /*#galleryArea a.all { background-position:-138px -175px;}*/ .ind b.lt { background-position:-145px 0px;} .ind b.lb { background-position:-145px -11px;} .ind b.rt { background-position:-156px 0px;} .ind b.rb { background-position:-156px -11px;} .goToDate a { background-position:-135px -21px;} .completedBar div { background-position:0 -106px;} .completedBar div b { background-position:0 -119px;} .close { background-position:-105px -34px;} .popUp .close b { background-position:-72px -151px;} .active .close { background-position:-117px -34px;} .butGo { background-position:-88px -151px;} /* PAGES *****************************************************************************************************************************/ /* home*/ #home .col_1 { width:310px;} #home .col_2 { width:660px;} /* contact */ #contact .textField label { padding-right:22px; width:267px; text-align:right;} #contact .attention { padding-left:14px;} #contact .infoText { float:left;} #contact .butArea { padding:0 0 0 289px; width:474px;}zz #contact .name .textField, #contact .emailAddress .textField { width:203px;} #contact .subject .textField, #contact .comment .textField { width:470px;} #contact .comment .textField { height:101px;} #contact .email .textField { width:236px;} #contact1 .textField label { padding-right:12px; width:100px; text-align:right;} #contact1 .attention { padding-left:14px;} #contact1 .infoText { float:left; padding-left:50px;} #contact1 .butArea { padding:0 0 0 0; width:470px;}zz #contact1 .name .textField, #contact1 .emailAddress .textField { width:153px;} #contact1 .subject .textField, #contact1 .comment .textField { width:320px;} #contact1 .comment .textField { height:101px;} #contact1 .email .textField { width:236px;} #contact1 .but104 { margin-right:30px;} /* forgotYP */ #forgotYP .cols { padding:10px 0; background:url(../images/sepV.gif) 400px 0 repeat-y;} #forgotYP .cols h2 { float:left; padding-right:52px; width:348px; color:#b7b7b7;} #forgotYP .col_2 { padding:0 52px; width:436px;} #forgotYP .col_2 input { float:left;} #forgotYP .but104 { margin:-1px 0 0 20px;} /* panoramic */ #panoramic h2 { font-size:24px; color:#c1c1c1;} #panoramic .cols { padding:10px 0; background:url(../images/sepV.gif) 470px 0 repeat-y;} #panoramic .cols.infoText { background:none;} #panoramic .cols.infoText img { margin-bottom:8px;} #panoramic .cols.infoText .col_1 .butArea { margin-top:17px;} #panoramic .col_2 { width:425px;} #panoramic .infoText .col_2 { width:481px;} #panoramic .col_1 { width:427px;} #panoramic .col_2 .attention { font-size:12px;} #panoramic .list .col_1 { width:250px;} #panoramic .list .col_2 { width:auto;} /* feature */ #feature .col_1 { width:470px;} #feature .col_2 { width:402px;} #feature ul.list { margin:0 0 12px 114px;} #feature .butArea { padding:12px 0 0 114px;} /* liveNdirect & search */ #liveNdirect h3, #search h3 { color:#c1c1c1;} #liveNdirect .fieldSet { padding:22px 0; background:url(../images/sep.gif) bottom repeat-x;} #liveNdirect .fieldSet .but104, #search .fieldSet .but104 { margin:26px 0 0 0;} #liveNdirect .fieldSet p, #search .fieldSet p { float:left; padding-right:20px;} #liveNdirect .fieldSet label, #search .fieldSet label { float:none; padding:0 0 11px 0;} #liveNdirect .fieldSet .textField .textField, #search .fieldSet .textField .textField { width:121px;} #liveNdirect .fieldSet .city .textField, #search .fieldSet .city .textField { width:171px;} #liveNdirect .fieldSet .zipCode .textField, #search .fieldSet .zipCode .textField { width:75px;} /* tabs */ .tabsBox { background:#292929; border:1px solid #515151;} .tabs { border-bottom:1px solid #515151; float:left; width:940px;} .tabs a { position:relative; padding:9px 7px 0 7px; display:block; float:left; width:158px; height:26px; font:14px Tahoma; color:#999; text-align:center; text-decoration:none; border-right:1px solid #515151;} .tabs a:hover { text-decoration:underline;} .tabs a.active { position:relative; background:#313131;} .tabs a.active:hover { text-decoration:none; cursor:default;} .tabs a b { display:none;} .tabs a.active b { position:absolute; bottom:-1px; left:0; display:block; width:172px; height:1px; overflow:hidden; background:#313131;} .tabsBox .content { padding:18px 20px 8px 20px; float:left; width:900px; background:#313131;} /* user */ #user #news, #user #actions { clear:left;} #user #gallery { margin-left:10px; width:149px;} #user.other .personalCard .col_2 p a { font-size:18px; font-weight:bold;} #user.other .personalCard .col_1 { padding-top:0;} #user.other .personalCard .avatar { margin-top:0;} .expand #actionsPanel { width:100%;} .expand #actionsPanel_wide { width:100%;} .expand #actions { float:none; width:auto;} /* venue */ .venue .personalCard .col_1 { padding-top:0;} .venue .personalCard .avatar { margin-top:0;} .venue .personalCard h1 { margin:0; padding:0 0 8px 0;} .venue .col_1 img { border:6px solid #c5c9ce;} .venue .personalCard .box { float:right; clear:both;} /* happyHourP */ #happyHourP .personalCard h1 { margin:0; padding:0 0 8px 0;} #happyHourP .personalCard .col_1 { padding-top:0;} #happyHourP .personalCard .avatar { margin-top:2px; min-width:88px; padding:6px; text-align:center; background:#d9dbde;} #happyHourP .col_2.main .col { float:left; width:47%;} #happyHourP .col_2.main #weekdays { margin-right:6%;} #happyHourP .col_2.main h2 { margin-left:30px; color:#c7c7c7;} #happyHourP .col_2.main h2 span { display:block; font-size:18px; color:#fff;} #happyHourP .col_2.main .col .inner { padding:20px 60px 0 20px; background:#313131; border:1px solid #515151;} #happyHourP .col_2.main .col .inner .sItem { padding:0 0 20px 0; background:none;} #happyHourP .col_2.main .col .inner .sItem h3 { padding:0 10px 4px 10px;} #happyHourP .col_2.main .col .inner .sItem p { padding:3px 10px;} /* info */ #info h1 { padding-bottom:20px;} #info .content { padding:0 0 0 77px; font:14px/19px Arial;} #info .content h2 { padding-top:8px; color:#b7b7b7;} #info .content a { text-decoration:none;} #info .content a: { text-decoration:underline;} /* reg */ #reg h3 { clear:both; padding:11px 0;} #reg .helpM { float:right; margin-top:35px; width:429px;} #reg .sItem .helpM { margin-top:-8px;} #reg .sItem { font:14px Arial;} #reg .sItem .textField { margin-left:18px; width:193px;} #reg .sItem .but144 { margin-left:18px;} #reg .fieldSet { width:472px;} #reg .fieldSet .attention { padding-bottom:24px; font:12px Tahoma;} #reg .fieldSet label { padding-right:26px; width:166px; text-align:right;} #reg .fieldSet .butArea { padding:16px 0 0 192px; text-align:left;} #reg .fieldSet .butArea input { margin:0;} #reg .fieldSet .butArea p { padding-top:16px;} #reg label.type2 { padding-right:0; width:auto;} #reg p.textField, #reg div.textField { float:left; width:100%;} #reg b.req { margin-left:4px;} #reg .picPrev img { width:59px;} #reg .uName .but { margin:0 0 0 9px; font:12px Arial!important; color:#fff;} #reg .uName .textField { float:left;} #reg .youKnow, #reg .places { float:left; width:50%;} #reg .col_1 .sItem { background:none;} #reg .youKnow input, #reg .places input { float:left; margin:3px 8px 0 0;} #reg .col_1 .avatar { margin-right:19px;} #reg .places .avatar { padding:0; background:0;} /* regBar */ .regBar { float:left; width:100%;} .regBar h2 { float:left; font-size:24px; color:#c1c1c1;} .regBar .col { float:left; margin-left:35px; padding-left:35px; background:url(../images/sepV.gif) repeat-y;} .regBar .but { float:left; padding-left:16px; padding-right:16px; font:12px Arial!important; color:#fff;} .regBar .completedBar { float:left;} /* drinksArea */ .drinksArea { font:14px Arial;} .drinksArea h2 { color:#999;} .drinksArea .sItem { float:left; margin:0 4px 0 0; width:100px; background:none; text-align:center;} .drinksArea .sItem img { display:block; margin-bottom:9px;} .drinksArea .sItem p { padding-top:5px; font-size:12px;} .whyDrink label { padding:0 0 8px 0; float:none; width:auto; text-align:left;} .whyDrink .textField { width:318px; height:93px;} #reg .butArea { padding-top:16px; clear:both; text-align:left;} #reg .butArea input { margin-right:22px;} /* eventsP */ #eventsP h2 { padding-bottom:10px; font-size:24px;} #eventsP h3 { padding-bottom:16px;} #eventsP .map { margin-top:106px;} #eventsP .sItem:after { clear:none;} #eventsP .sItem { float:left; margin-bottom:22px; padding-bottom:32px; width:510px;} #eventsP .pic { margin-right:28px;} #eventsP .sItem strong { display:block; padding-bottom:6px;} #eventsP .butArea { clear:both;} /* eventsBar */ .eventsBar { padding:18px; background:#313131; border:1px solid #515151;} .eventsBar p.textField, .eventsBar div.textField { float:left; padding-right:20px;} .eventsBar .textField label { float:none; padding-bottom:4px; width:auto;} .eventsBar .textField label img { margin-right:2px;} .eventsBar .city .textField { width:163px;} .eventsBar .state .textField { width:125px;} .eventsBar .zipCode .textField { width:77px;} .eventsBar .from .textField, .eventsBar .to .textField { width:97px;} .eventsBar .but144 { margin-top:22px;} /* pageNav */ .pageNav { clear:both; width:100%; font-size:14px;} .pageNav .places { float:left; padding:5px 66px 0 0;} .pageNav p.title { float:left; padding:5px 17px 0 0;} .pageNav a { display:block; float:left; margin-left:2px; padding-top:5px; width:25px; height:20px; color:#999; text-align:center; background:#313131; border:1px solid #515151;} .pageNav a.active { background:#404040; text-decoration:none; cursor:default;} #CP_hourcont { padding: 5px;position:absolute;border:1px solid #666666;background-color:#333333;display:none; } #CP_minutecont { background-color:#666666;border:1px solid #999999;padding: 3px;position:absolute;width:45px;display:none; } .floatleft { float:left; } .CP_hour { padding:3px 1px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:35px;} .CP_minute { padding:1px 3px;font-family: Verdana,Arial, Helvetica, sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:auto;} .CP_over { background-color:#999999;} /* DATEPICKER */ a.dp-choose-date { float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url(../images/calendar.png) no-repeat;} #ann_once a.dp-choose-date { float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: none;text-indent: -2000px;overflow: hidden;background: url(../images/calendar.png) no-repeat;} .goToDate a.dp-choose-date { margin: 0; width: 30px; height: 32px; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied { /*width: 140px;*/ float: left; } table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; width: 20px; min-width:20px; } table.jCalendar td.other-month { background: #ddd; color: #aaa; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #f66; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 226px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; color: #333; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } .popUp2 .close { position:absolute; z-index:10; right:5px; top:2px; margin:0; padding:0 27px 0 0; font:12px Tahoma; color:#999; width:auto; overflow:visible; text-decoration:none; background:none;} .popUp2 .close b { position:absolute; right:0; top:0; display:block; width:16px; height:16px; overflow:hidden;} .popUp2 .close:hover { text-decoration:underline;} .popUp2 .close b { background:url(/images/sprite.png) -72px -151px no-repeat;} .popUp2 { position:absolute; left:30%; top:15%; padding:21px 5px 5px 5px; background:#3a3a3a; border:1px solid #5e5e5e;} .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: 350px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; } #fileQueue { width: 400px; height: 300px; overflow: auto; border: 1px solid #E5E5E5; margin-bottom: 10px; } /*new*/ .voucher_text { text-decoration:none; } .voucher {corsor: hand; cursor:pointer; margin:0 auto; padding-bottom:8px; width:242px; overflow:hidden; background:url(../images/vaucher_bg1.png) 0 bottom no-repeat;} .vCode { position:relative; float: right; width:30px; height:100px; overflow:hidden; line-height:30px; white-space:nowrap; background: url("../images/vnum.gif") no-repeat 5px 20px; } .voucher .top { height:5px; overflow:hidden; background:url(../images/voucher_top.png) repeat-x;} .voucher h2 { padding:6px 0 10px 10px; font-size:21px; font-weight:bold; color:#fff;} .voucher div.txt { position:relative; margin:0 40px 0 10px; font-size:18px; line-height:24px; color:#000; text-align:center;} .voucher div.txt .topS, .voucher div.txt .botS { position:relative; margin:0 5px; height:5px;} .voucher div.txt .topS { background:#fff;} .voucher div.txt .botS { background:#91bdd3;} .voucher div.txt .contentS { padding:15px 8px; background: url(../images/vaucher_bg2.png) bottom repeat-x #fff;} .voucher div.txt .contentS .inner { z-index:2; position:relative; padding:0; margin:0;font-weight:normal;} .voucher div.txt .corner { position:absolute; display:block; width:5px; height:5px; overflow:hidden; background:url(../images/vaucher_corners.png) 0 0 no-repeat;} .voucher div.txt .bl { left:-5px; background-position:0 -5px;} .voucher div.txt .br { z-index:1; width:75px; height:52px; bottom:0; right:-5px; background:url(../images/vaucher_bg3.png) 0 0 no-repeat;} .voucher div.txt .tl { left:-5px;} .voucher div.txt .tr { right:-5px; background-position:-5px 0;} .voucher div.txt p { padding:0;} .vCode object { /display:none;} .vCode span { /display:block;} /* voucherPopUp */ .voucherPrint { z-index:10; position:absolute; top:auto;} .voucherPrint .butArea { text-align:left;} .voucherPrint .butArea input { width:144px; height:28px; text-align:center; background:url(../images/sprite.png) 0 -207px no-repeat; border:0; cursor:pointer;} .voucherPrint a.close { margin-right:5px;} .voucherPrint a.close:hover { color:#f4f4f4; cursor:pointer;} body.voucherPrint { position:relative; left:0; top:0; margin:0; padding:12px; min-width:0; width:480px;} .voucherPrint .content { margin:12px 5px; padding:22px; font-size:14px!important; line-height:20px; color:#000; background:#fff;} .voucherPrint h1 { padding:0 0 18px 0; font-size:22px; color:#000; font-weight:bold;} .voucherPrint h2 { margin:12px 0; padding:16px 0; font-weight:bold; color:#666; font-size:24px; text-align:center; border-top:2px solid #333; border-bottom:2px solid #333; border-top:2px solid #333;} .voucherPrint h3 { padding:0; font-weight:bold; color:#000; font-size:14px;} .voucherPrint h5 { font-size:14px; line-height:20px; font-weight:normal;} .voucherPrint .info { width:auto; font-size:12px; line-height:16px;} .voucherPrint img.codeS { position:relative; margin-top:-99px; float:right;} .voucherPrint .logoV { float:left; margin:0 10px 6px 0;} .voucherPrint div { overflow:hidden; _height:2px; _overflow:visible;} @media print { body.voucherPrint { width:480pt;} .voucherPrint .butArea { display:none;} .voucherPrint a.close { display:none;} .voucherPrint .content { border:2px solid #666;} .voucherPrint h1 { padding-bottom:10px; font-size:22pt;} .voucherPrint h2 { font-size:22pt;} .voucherPrint h3, .voucherPrint h5, .voucherPrint .content { font-size:14pt!important; line-height:1.2em!important;} .voucherPrint .info { font-size:14pt; line-height:1.2em} .voucherPrint img.codeS { height:auto; margin-top:-99px;} } .newtbHome img {width: 97px; height: 68px;} .newtbHome {background-image: url("../images/but-liveBarCams.png"); background-repeat: no-repeat;} .newtbHome:hover {background-image: url("../images/but-liveBarCams-ov.png"); background-repeat: no-repeat;} .fileupload { background:#C0C0C0 none repeat scroll 0 0; border:1px solid #E9E9E9; color:#292929; font-family:Arial; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:24px; line-height:15px; padding:3px 0 0 2px; } .announcesP_old { font-size:14px; font-weight: bold; } .announcesP { font-size:15px; font-weight: normal; } .adminbuzz .content {margin-left:0!important;} .adminbuzz .title {padding-left:10px; font-size:12px;} .left { display:table-cell;} #buzzContent .sItem .content p {padding-left: 240px;} .sweetd {padding-left:114px; font-size:15px;} /*css for featured cam on home page*/ .featuredDiv { float:left;width:753px;height:434px;margin-bottom:10px; padding:14px 10px 19px 19px; background:url(../images/bg_box.png) 0 0 repeat-x #1c1c1c;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;behavior:url(../'images/border-radius.htc'); } .featuredDiv h2 { margin-top:6px;font-size:21px; padding:0px 0px 5px 0px; } .venueDetail .pic { border:6px solid #c5c9ce;} .contactContent { padding:5px; margin-left:20px; } .mainContent { width:600px; height:450px; } .markImg { float:left; padding: 0 20px 20px 0 } .camHrs { margin-top:0px; color:#cccccc; font-weight:bold; font-size:18px } .hrsPopUp { display:none; position:absolute; left:auto; top:auto; margin:0 0 0 0; padding-bottom:0; width:375px;z-index:100 } .view360Div { width:425px;display:none; background: #3A3A3A; } .inner360View { width:425px; float:left; } .inner360View h2 { padding-bottom:5px;font-size:21px; } .venueDetail { float:left;width:320px; } .venueDetail h2 { font-size:18px;color:#E5E5E5;text-decoration: none; } .venueDetailTitle h2 { font-size:18px;color:#fff;text-decoration: none; } #venueDetailTitle a:link { text-decoration:none; } .profileUrl { float:left; } .profileUrl .pic { border:2px solid #c5c9ce;} .profileUrl a { font-weight:bold; color: #8DCFE2;text-decoration: underline; } .profileUrl a:hover { text-decoration: none; } a.caslink { color: #999999; font-weight:normal ;text-decoration: none; font-size:15px} h2.todayevent { background: url("../images/sepY.gif") repeat-x scroll center bottom transparent; padding-top: 15px; padding-bottom: 8px; width:300px; } .cameraDiv { width:430px;float:left;text-align:center; } .panorma { vertical-align:middle;height:250px; } .panorma .text { width:400px;height:250px;float:left; } .panorma .nextImg { float:left;vertical-align:bottom;padding-top:102px; } .spaceDiv { width:325px;float:left; } .nextPrevDiv { width:430px;float:left;padding-top:10px;text-align:center; } .camHDiv { text-align:center;padding-top:15px;vertical-align:top; } .center { text-align:center; } .venueDetail font { font-size:15px; } .map_font font { font-size:15px; } .pic a { font-size:15px; } .new { font-size:15px; } .shortCutCity a{ font-size:15px; } .myfont font { font-size:15px; } #expandedNav a{ font-size:15px; } .sItem {font-size:15px;} /*.col_2 font{ font-size:15px; }*/ .mybarbuzz p { font-size:18px; } #multimediaContainer .center { text-align:center;background-color:#1c1c1c; } /* Css for 360 view panorama */ .panorama-viewport { position: relative; width: 390px; overflow: hidden; margin: 0; padding: 0; text-align: left; } .panorama-container { position: relative; width: 100000px; margin: 0; padding: 0; } .panorama-control { position: absolute; display: none; padding: 0; margin: 0; bottom: -1px; left: 0; width: 100%; height: 30px; background: black; filter: alpha(opacity=50); opacity: .5; text-align: left; } .panorama-control-left, .panorama-control-right, .panorama-control-pause { float: left; padding: 0; margin: 0; color: white; text-decoration: none; font-size: 20px; line-height: 30px; width: 33%; text-align: center; font-family: 'Arial',sans-serif } .panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { text-decoration: none; } .panorama-control-pause { text-transform: uppercase; } .panorama-panel { position: absolute; display: none; top: 0; right: 0; background: #009cff; filter: alpha(opacity=50); opacity: .5; color: white; padding: 4px; } .panorama-panel h2 { font-size: 11px; text-transform: uppercase; font-family: Arial, sans-serif; text-align: right; } .panorama-panel ul { display: none; } .panorama { position: relative; margin: 0; padding: 0; border: none; } /* camera feed css on home page*/ .feed-viewer { position: relative;display: inline-block;margin: 0px;/*background: url('../images/statics.jpg');*/ background-color: #1c1c1c;font-size: 10pt;width: 401px;height:276px;text-align:center;padding:0px;border-style: none;} .feed-viewer div.feed-image img { width: 380px;height:260px;border-style: none;vertical-align:bottom; padding-top:14px} .feed-viewer div.feed-image { width: 100%; height:100%; } .feed-viewer div.feed-mask { position: absolute;top: 0;left: 0;right:0;width: 401px;height:276px;background: url('/images/framemockup.png') 0 center; border-style: none;} .deft-cam-image { width:380px;height:247px; } .cameraBackgroundFiller { width: 380px; height: 247px; } #venueCity { display:none; } /* this is only used for the mobile site */ .a_friends{-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 15px 15px;behavior:url(../images/border-radius.htc);} .headStyle{margin: 2px 0px 0px;-moz-border-radius: 14px 15px 0px 0px;-webkit-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px;behavior:url(../images/\'border-radius.htc\');} .sItem barBustersBlock p{color:#C1C1C1;} /*********for tooltip***********/ /* ----- add selectors here for font sizing ----- */ #JT_close_left, #JT_close_right{font-size: 1.1em;} #JT_copy p, #JT_copy ul{font-size: 1.1em;} /* ----- base links ----- */ /* ---------->>> jtip <<<---------------------------------------------------------------*/ #JT_arrow_left{ background-image: url(/images/arrow_left.png); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:9001; left:-12px; height:23px; width:10px; top:43px; } #JT_arrow_right{ background-image: url(/images/arrow_right.png); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:9001; height:23px; width:11px; top:-2px; } #JT { position: absolute; z-index:9001; border: 2px solid #f9d729; background-color: #ccc; } #JT_copy{ padding:5px 5px 0px 8px; font:12px Tahoma; color:#000; } .JT_loader{ background-image: url(/images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_close_left{ background-color: #f9d729; text-align: left; padding-left: 6px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; font:bold 13px Tahoma; color:#fff; } #JT_close_right{ background-color: #f9d729; text-align: left; padding-left: 6px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; font:bold 13px Tahoma; color:#fff; } #JT_copy p{ margin:3px 0; } #JT_copy img{ padding: 1px; border: 1px solid #CCCCCC; } .jTip{ cursor:hand; } /*********for pricing planning html page********/ /*for image html*/ /* CSS Document */ .main2{ width:863px; height:394px; margin:auto; } .top_logo{ background:url(/images/top_logo2.png) no-repeat; width:400px; height:116px; float:none; margin: 10px 0 0 213px; } h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:27px; font-weight:bold; color:#f5ce34; margin-bottom:-10px; } .base_frame1{ background:#000000; padding:1px 0px 1px 1px; width:207px; min-height:291px; float:left; margin:15px 0px 0px 0px; } .frame1{ background:#c4c2c3 url(/images/frame_bg.png) repeat-x; width:206px; min-height:289px; border:1px solid #8e8c8d; border-right:0px; margin:auto; text-align:center; } .frame2{ background:#f5f5f5; border:4px solid #fbd63f; width:227px; min-height:318px; float:left; text-align:center; margin: -308px 0 0 415px; } .base_frame3{ background:#000000; padding:1px 1px 1px 0px; width:207px; min-height:291px; float:left; margin: -292px 0 0 210px; } .frame3{ background:#c4c2c3 url(/images/frame_bg.png) repeat-x; width:206px; min-height:289px; border:1px solid #8e8c8d; border-left:0px; margin:auto; text-align:center; } .base_frame4{ background:; padding:1px; width:209px; min-height:291px; float:left; margin:15px 0px 0px 0px; text-align:center; } .frame4{ background:#c4c2c3 url(/images/frame_bg.png) repeat-x; width:207px; min-height:289px; border:1px solid #8e8c8d; margin:auto; } h6{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#505050; font-size:28px; border-bottom:2px solid #999999; padding-bottom:5px; } .liveplus{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#505050; font-size:28px; border-bottom:2px solid #999999; padding-top:10px; padding-bottom:6px; } h6 span{ font-size:16px; } .frame2 h2{ font-family:Arial; font-weight:bold; color:#000000; font-size:28px; margin-top:13px; } .text_outer{ padding:10px 5px; width:196px; margin:auto; } .text_outer1{ padding:10px 5px; width:220px; margin:auto; } .text-frame1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5f5f5f; font-weight:bold; padding-top:10px; text-align:center; line-height:18px; min-height:150px; } .text-frame1 a{ text-decoration:underline; color:#5f5f5f; } .text-frame1 a:hover{ text-decoration:underline; color:#444444; } .text-frame2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; padding-top:10px; text-align:center; line-height:18px; min-height:160px; } .text-frame2 a{ text-decoration:underline; color:#000000; } .text-frame2 a:hover{ text-decoration:underline; color:#5f5f5f; } .price_button{ width:130px; height:43px; margin:10px auto; } .price_button a{ background-image:url(/images/button.png); width:130px; height:43px; float:left; text-decoration:none; } .price_button a:hover{ background-image:url(/images/over_button.png); width:130px; height:43px; float:left; text-decoration:none; } .price_text{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#cc4b2c; font-weight:bold; padding-top:10px; text-align:center; } .price_text a{ text-decoration:none; color:#cc4b2c; } .price_text a:hover{ text-decoration:none; color:#df3a18; } .price_text span{ color:#4c493f; } .price_text span a{ text-decoration:none; color:#4c493f; } .price_text span a:hover{ text-decoration:none; color:#1d0f0c; } .price_text1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#d52f0d; font-weight:bold; padding-top:10px; text-align:center; } .price_text1 a{ text-decoration:none; color:#d52f0d; } .price_text1 a:hover{ text-decoration:none; color:#df3a18; } .price_text1 span{ color:#333333; } .price_text1 span a{ text-decoration:none; color:#333333; } .price_text1 span a:hover{ text-decoration:none; color:#666666; } .logo{ width:35px; height:35px; vertical-align:bottom; margin-right:10px; } .red_text{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#c01515; font-weight:bold; font-size:20px; margin-top:20px; } .red_text1{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ba4c55; font-weight:bold; font-size:20px; margin-top:20px; } .smalltxt_frm3{ margin: -10px 0px 0px 2px; font-size: 11px; color:#5F5F5F; } .smalltxt_frm4{ margin: -8px 0px 0px 2px; font-size: 11px; color:#5F5F5F; } .bottom_text_old{ margin: 108px 0 0 55px; color:#CCCCCC; font-size:12px; margin: 100px 0 2px 50px; } .bottom_text { clear: both; color: #CCCCCC; font-size: 12px; margin:-16px 0 30px 48px; } /*******Sales Main Page ********/ #home2 {background:background:url(../images/bg_box.png) 0 0 repeat-x #1c1c1c;} #home2 .video { width:700px;} #home2 .priceplan { width:700px;} #home2 .pricemsg{ width:420px;} .featuredDiv2 { float:left; *float:none;width:953px;height:1400px;margin-bottom:10px; padding:14px 10px 19px 19px; background:url(../images/bg_box.png) 0 0 repeat-x #1c1c1c;-moz-border-radius: 25px 25px;border-radius: 25px 25px; } /*For FAQ section*/ .pricemsg ul{font-size:21px;color:#E5E5E5;font:normal;} .pricemsg ul li{font-size:15px;color:#E5E5E5;font:bold;} .faq{margin:10px 15px 0px;font-size:15px;} /****pop up window in sales page********/ #infoForm {z-index:19000;} #infoForm.popUp { position:absolute; left:auto; right:470px; top:200px; margin:200; width:296px;} #infoForm label { padding-right:8px; width:67px;} #infoForm input.textField { width:216px;} #infoForm .uName input.textField { width:123px;} #infoForm .textField { margin:0!important;} #infoForm a.sub { display:block; float:left; margin:-10px 0 0 75px; font-size:12px;} #infoForm .butArea { clear:both;} #infoForm .fieldSet label {width: 166px;padding-right:8px;} #infoForm.fieldSet .terms textarea { padding:8px 10px; width:225px; height:153px; font:12px/16px Tahoma; color:#999; background:#3a3a3a; border:1px solid #686868;} #infoForm .fieldSet .terms textarea { scrollbar-3dlight-color:#5D5D5D; scrollbar-arrow-color:#fff; scrollbar-base-color:#4b4b4b; scrollbar-darkshadow-color:#333; scrollbar-face-color:#4b4b4b; scrollbar-highlight-color:#4b4b4b; scrollbar-shadow-color:#4b4b4b; scrollbar-track-color:#4b4b4b;} #infoForm .fieldSet .security label {} #infoForm .fieldSet .security .textField { margin-left:192px; width:114px;} #infoForm.fieldSet .security .code { margin-bottom:11px; margin-left:192px; width:117px; height:58px; background:#292929; border:1px solid #515151;} #infoForm.fieldSet .butArea { padding:16px 0 0 166px; text-align:left;} #infoForm.popUp .butArea {margin-top:1px;} #infoForm .butArea {clear:both;padding-top:16px;text-align:left;} #infoForm.popUp .butArea p { font:12px Tahoma; color:#999;} /*#loginBox .fieldSet a {margin: auto; float:none; display:inline; }*/ #infoForm.uName .but { margin:0 0 0 9px; font:12px Arial!important; color:#fff;} #infoForm .uName .textField { float:left;} /**for user registration help video********/ .helpvideo{margin-left:490px;margin-top:50px;} .venueDetail a{text-decoration: none;} .venueprofilefont a{text-decoration: underline;font-size:0.9em; } .venueprofilefont a:hover {font-size:100%;} .profileUrl a{text-decoration: underline;} .caslink a{text-decoration: none;} .Emsg{font-size: 18px;color:red;} /* for dynamic private bg */ .img_bg { background: url(../images/img.pn) no-repeat right; display: block; height: 435px; margin: 150px auto auto; width: 732px; z-index: 401; position:fixed; left:266px; top:0; } .blue #left { background: url(../images/img1.pn) no-repeat; display: block; height: 435px; margin-top: 100px; margin-left: -100px; width: 100px; z-index: 401; position:fixed; top:0; } /* for mobile coupon admin section */ .type4{ margin:-26px 0 0 151px; } .butArea12 { text-align:right; width:61%; } /* for mobile coupon */ body.newcpnin{ background-image: url(../images/cpn_bg_image.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; border:0; width:100% !important; background-size:100% 100%; background-position: center top; background-repeat:no-repeat; } .outer_box{ width:725px; margin:0 auto 0 145px; } .bg_text { color: #FFFFFF; font-size: 50px; letter-spacing: -2px; padding: 0 70px; text-shadow: 2px 3px 0 #000000; line-height:60px; } .input_field{ border:2px solid #b10101; width:300px; height:70px; -moz-border-radius:10px 10px 10px 10px; background-color:#FFFFFF; margin: 80px 0px 3px 0px; font-size:36px; } .input_buttun{ background:url(../images/input_button.png); width:284px; height:83px; margin: 20px 0px 8px 0px; border:0px; } .cpnhd { color: #FFFFFF; font-size: 60px !important; letter-spacing: -2px !important; margin: 38px 0 37px 25px !important; } .cpnlogo{ background-image:url(../images/cpnlogo.jpg); width:502px; height:86px; float:left; } .button_cl{ text-align:center; } .cb{ clear:both; } .bs-bg{ background:url(../images/bs-strip.jpg) repeat-x; height:87px; } /*error page */ .newtry_button{ background:url(../images/try_button.PNG); width:288px; height:88px; margin: 20px 0px 8px 0px; border:0px; } .error_text { color: #FFFFFF; float: left; font-size: 30px; margin: -2px 0 0 4px; text-shadow: 2px 4px 0 #000000; } .error_heading{ color: #FFFFFF; font-size: 55px; margin: 0; padding: 70px 0 0 22px; margin-top:-25px; } .p_error{ color:#FFFFFF; font-size:38px; float:left; margin-top:6px; } .info_text{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; margin-top: 40px; margin-left:211px; } .elist{ list-style:outside; line-height:45px; margin-left:40px; margin-top:40px; } /* coupon data templates file */ .newgotmydrink_button{ background:url(../images/drink_button.png); width:288px; height:88px; margin: 20px 0 0 -137px;; border:0px; } .green_image{ background:url(../images/green_bg.png); float:left; width:598px; height:424px; margin: 10px; } .green_imagetext{ color: #FFFFFF; font-size: 100px; margin: 50px 0 37px 90px; line-height:89px; } .bar_heading{ color: #FFFFFF !important; font-size: 40px !important; margin: 0 !important; padding: 70px 0 0 22px !important; margin-top:-25px !important; } /*new thank page*/ .visit_button{ background:url(../images/visit_button.PNG); width:288px; height:88px; margin: 20px 0 0 -83px;; border:0px; } .thum_image{ background-image:url(../images/thum_image.png); float:left; width:130px; height:168px; margin: 6px 0 0 239px; } .bg_textthank { color: #FFFFFF; float: left; font-size: 51px; margin: 50px 0 0 58px; text-shadow: 2px 4px 0 #000000; } .yellow_text{ font-size:24px; color:#fff600; float:left; margin: 40px 0 0 69px; font-weight:bold; } .barspace{ margin:9px 0px 0px 67px; line-height:110px; } .and{ margin:-56px 0px 0px 201px; line-height:77px; } .enjoy{ margin:-56px 0px 0px -9px; line-height:108px; } .dont_forget{ margin: -16px 0 0 64px; } .more_live{ margin: -26px 0 0 -1px; line-height:46px; } .fbbutton{ margin:10px 0px 0px 0px!important; } a.fb_button{ font-size:11px; } .homepage_fb{float:right;margin:-208px 255px 0px 0px} .showfbhome{clear: both; display: none; float: left; margin-left: 555px; margin-top: 220px; padding-bottom: 113px; position: absolute; z-index: 5001; *top:410px; } .fb_dialog_advanced{ margin-left: -740px; top:-100px !important; left:342.5px !important; } /*css for new layout of edit profile section */ #edit_horz_line{border-top:2px solid #ffffff;margin:910px 0 0 -178px;width: 910px;*margin-top:0px;} #edit_row{margin-left:160px;} #menu_removed{margin-right:200px;} /*added id in main file for new layouts of event */ #eventsList{ background-color: black !important; float: right; margin-top: 32px; padding-bottom: 20px; width: 620px; margin-right:-7px; } #eventsList .sItem{ background: url("../images/sepV.gif") repeat-y scroll 300px 0 transparent; margin-top: 50px; padding: 0 20px; } #eventsList .col_1 { width: 260px; } #eventsList .col_2 { padding: 0 15px; width: 110px; } #eventsList .butCol { padding-right: 40px; text-align: left; width: 120px; } #info_update{ background:url(../images/update_info.png); width:75px; height:28px; } .inst_text{ font:13px arial !important; font-style: italic !important; } #fb_sent_info{ margin-left: 180px; margin-top: -10px; padding-bottom: 10px; } #page8.edit .newstart{ margin-left: -4px !important; } /*for new messaging layout*/ .sItem .newfb{margin-left:-120px;} .infoBox_messaging{ background: url("../images/sep.gif") repeat-x scroll 0 transparent; font: 14px Arial; margin-top: 36px; padding-top: 28px; width:60%; } .fb_text_event{margin-left: 10px;} #at_the_rate{float: left; font-size: 24px; font-weight: bold;margin-left: -116px; margin-top: -18px;} /*happy our update button*/ .new_butArea{margin-left:444px;} /*for remember me option */ .rem_me{margin-left:72px; } .rem_label{ margin-left:5px; }