﻿* {margin: 0; padding: 0}
body {background-color: #fff; margin: 0; padding: 0px; width: 100%; text-align: left; font-size:12px; font-family: "arial", lucida grande,tahoma,verdana,arial,sans-serif; color: #333}
a:link, a:visited {color: #39C; text-decoration: none; border: none}
a:hover, a:active, a.active {color: #e25f31; text-decoration: none;}
hr, img {border: none; font-size:10px;}
h1 {color: #626567; font-weight: bold; font-size: 12px; margin:5px 0}
h1 img {vertical-align: -35%; padding-right: 10px}
h2 {color: #71b700; margin: 0; padding-bottom: 0.5em; font: normal 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}
h2 img {vertical-align: -35%; padding-right: 5px}
h3 { padding-bottom: 5px; font: bold 14px "Geneva",Helvetica Neue, Arial, Helvetica, sans-serif; color:#FF0000}
fieldset {margin: 5px 0px 15px 0; border: 1px solid #d0d3d7}
blockquote {padding-left: 25px; font-family: Georgia, "Times New Roman", Times, serif}
legend {margin-left: 15px; padding: 0px 5px; font-size: 110%; font-weight: bold; color: #626567}
hr {color:#ebeff3; background-color:#ebeff3; height:1px; margin:10px auto; width:90%; text-align:center}
hr.less_margin {margin: 5px auto}
p {padding: 5px 0}
th {padding: 0; margin: 0; border: 0; font-weight: normal; text-align: right}
ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside}
ul li {margin: 0; padding: 5px}
ul li img {vertical-align: -25%}
#subnav_header img.avatar {float: left; margin-right: 20px}
#subnav_header span.avatar_big_pro_overlay {margin: 105px 0 0 -50px}
#subnav_header span.avatar_small_pro_overlay {margin: 40px 0 0 -35px}
#subnav_header h1 {line-height: 100%}
.form_margin_left {margin-left: 220px}
input.text_field {color: #626567; border: 1px solid #a2a5a7; font-size: 100%; padding: 5px; margin: 5px}
input.text_field.half_width {width: 340px}
input.text_field.lighter {color: #c6c9cd}
input.button {color: #233139; font-size: 125%; border: clear; margin: 5px}
textarea {color: #626567; font-size: 100%; border: 1px solid #a2a5a7; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; padding: 4px;}
textarea.half_width {width: 340px}
/*select {color: #626567; border: 1px solid #a2a5a7; font-size: 100%; margin: 5px; padding: 5px 0}
select option {text-align: left; margin: 0; padding: 0px 8px}*/
a.location {color:#39c;font-weight:bold;font-size:12px;margin-right:30px;}
a:hover.location {color:#fff;border-bottom-color:#fff;}
#logo_header {color:#fff;text-align:center;background-color:#20242b;width:100%;}
#head_bar {list-style:none;background-color:#20242b;
	width:990px;
	margin:0px 10px 0px -10px;
	height:36px;
	padding:0px 0px 0px 0px;}
#head_bar td {padding:0;}
#top_bar {color: #333; text-align: left; background-color: #e6f2ff; width: 100%; font-size: .7em;}
#login_notice {padding: 0px 12px 0px 0px; font-size: 75%; color: #333;}
#login_notice a {color: #ddd; border-bottom: 1px dotted #ddd}
#login_notice a:hover {color: #ddd; border-bottom: 1px solid #ddd}
#login_notice a.no_border {border: none}
#login_notice a:hover.no_border {border: none}
#logo_link {float:left; margin-left: 10px; margin-top:3px; width: 200px;  height: 36px; display: block; border: none; background: url(../images/partybody_logo.png) no-repeat;}
#ad_banner {float:left; margin-top: 10px; margin-left: 10px;}
#nav_bar {height: 36px; font-size:15px; color: #fff; background: #09f url(../images/tab_background_blue.gif) repeat-x; border-top: #0cf 4px solid}
#forum_nav_bar {height: 36px; color: #fff; font-size:15px; font-weight:bold; background: #0099ff url(../images/tab_background_blue.gif) repeat-x; border-top: #00ccff 4px solid}
#subnav_header {color: #626567; background: url(../images/wallpaper-fade.png) repeat-x fixed 0 0 #FFFFFF;}
#subnav_header2 {color: #626567; background: url(../images/wallpaper-fade.png) repeat-x fixed 0 0 #FFFFFF;}
#my-glider{background: #fff; width:970px; margin-left:-10px; padding: 10px 10px 0 10px}
ul#subnav_links {float: right; clear: right; list-style-type: none; margin: -17px 0 0 0; padding: 0}
ul#subnav_links li {margin: 0; padding: 0}
#subnav_links a:link, #subnav_links a:visited {display: block; width: 100%; padding: 4px 5px; border-bottom: 1px solid #c4e0f1}
#subnav_links a:hover, #subnav_links a:active {border: none; background-color: #ecf5ff; border-bottom: 1px solid #c4e0f1}
#content_area {background: url(../images/wallpaper-fade.png) repeat-x fixed 0 0 #FFFFFF;}
body.blank #content_area {background: none;}
#footer {text-align: center; color: #fff; background: #56585a; padding: 20px 0 10px 0; clear: both; line-height: 1.15em;}
#footer h4 {color: #c4e0f1; margin-bottom: 10px; padding: 5px 0; border-top: 1px solid #727577; border-bottom: 1px solid #727577; font: normal small-caps 1.4em Georgia, "Times New Roman", Times, serif}
#footer a, #footer a:visited {color: #c4e0f1; text-decoration: none}
#footer a:hover, #footer a:active {text-decoration: underline; border: none}
.content {width: 970px; margin:0 auto; font-size:0.9em; padding: 0 10px 0 10px; background-color: #fff}
#upper_bar {height: 24px; font-size:11px; color: #fff; background-color: #20242b}
.content-main {width: 970px; margin:0 auto; font-size: 0.9em; background: #fff; padding: 10px 10px 0 10px }
#home_page_activity {height: 485px}
span.clearfix {clear: both; color: transparent; border: none; background-color: transparent; padding: 0; margin: 0; display: block; width: 0px; height: 0px}
.hidden {display: none}
.right {text-align: right; width: 100%,}
.right_links {float: right; padding: 0px 5px 5px 5px; margin-top: -5px}
.small {font-size: 95%}
.smaller {font-size: 85%}
.smallest {font-size: 75%}
.big {font-size: 110%}
.bigger {font-size: 125%}
.biggest {font-size: 150%}
.huge {font-size: 200%}
.lighter {color: #929597}
.black {color: #000}
.bold {font-weight: bold}
.draggable:hover {cursor: move}
.droppable_hover {background-color: #f2f6fb !important; border: 1px dashed #db8c3a !important}
.get_widget {clear:both; font-size: 120%; font-weight: bold; color: #555; padding: 10px; margin: 10px 5px; text-align: center; background-color: #f2f6fb; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa}
.get_widget a:hover {border: none}
.even {background-color: #f2f6fb}
.odd {background-color: #fff}
.margin_bottom {margin-bottom: 20px}
.scrollable {background-color: #fff; height: 200px; min-height: 200px; overflow: auto; overflow-x: hidden}
.image_upload_box {background-color: #fff; border: 1px solid #a2a5a7; text-align: center; padding-bottom: 20px; margin-left: 5px; margin-right: 5px}
.image_upload_box h5 {color: #a2a5a7; padding: 5px; margin-bottom: 20px; border-bottom: 1px solid #a2a5a7}
table.week_view {margin: 10px 0; width: 100%; text-align: center; border-right: 1px solid #727577}
table.week_view th {text-align: center; width: 65px}
table.week_view thead {background-color: #727577; color: #fff}
table.week_view tbody td {padding: 15px 0; background-color: #fff; border-left: 1px solid #727577; border-bottom: 1px solid #727577}
.body_building_link a {color: #626567}
.body_building_link a:hover {color: #626567; border: none}
.lighter .body_building_link a {color: #929597}
.lighter .body_building_link a:hover {color: #929597; border: none}
.bordered {padding: 15px; border: 1px solid #ddd; background-color: #fff}
.underlined {text-decoration: underline}
.flash {margin-bottom: 20px; padding: 15px}
.flash img {vertical-align: -37%; margin-right: 10px}
.flash.good {background-color: #b7d7a0; border: 1px solid #71b700; color: #fff; font-weight: bold; size: 110%}
.flash.good a, .flash.bad a {color: #fff; border-bottom: 1px dotted #fff}
.flash.good a:hover, .flash.bad a:hover {color: #fff; border-bottom: 1px solid #fff}
.flash.bad {border: 1px solid #f00; background-color: #fc5858; color: #fff; font-weight: bold}
.highlighted {padding: 10px; background-color: #feffd8; border: 1px solid #f0b053}
.highlighted a {color: #db8c3a; border-bottom: 1px dotted #db8c3a}
.highlighted a:hover {color: #db8c3a; border-bottom: 1px solid #db8c3a}
.green {color: #99c600;}
.red {color: #e44000;}
.bread_crumbs {margin: -18px 0 15px 0; font-size: 80%}
.pagination {text-align: center}
table.form, table.form2 {text-align:left;width:100%;}
table.form td, table.form2 td {font-size:12px;padding:2px 0 0 0;vertical-align:top;}
table.form th, table.form2 th {font-size:12px;padding:2px 0 0 0;vertical-align:top;}
table.mini_list {text-align: left}
table.mini_list td {padding: 10px 0 10px 10px}
table.mini_list.less_padding td {padding: 4px 0 4px 10px}
table.message_list {text-align: left}
table.message_list td {vertical-align: top; padding: 15px 10px 15px 15px}
table.message_list h3 {padding: 0; margin: 0}
table.message_list p {padding: 0; margin: 5px 0 0 0; overflow: auto;}
.blog_posts span.left {margin: 0 10px 10px 0}
.blog_posts span.right {margin: 0 0 10px 10px}
a.underlined {border-bottom: 1px solid #3399CC}
a.underlined:hover {border-bottom: 1px solid #e25f31}
a.blended {color: #626567}
a.blended.underlined {border-bottom: 1px solid #626567}
a.blended.underlined:hover {border-bottom: 1px solid #626567}
body.blank a {color: #ebeff3; border-bottom: 1px dotted #ebeff3}
body.blank a:hover {color: #ebeff3; border-bottom: 1px solid #ebeff3}
.popup {position: relative; z-index: 0; text-decoration: none}
.popup:hover {z-index: 50}
.popup div {left: -1000px; visibility: hidden}
.popup:hover div {visibility: visible; top: -3px; left: -3px; cursor: help}
div.popup {border: 2px solid #a2a5a7; position: absolute; padding: 5px; text-align: left; font-weight: normal; text-decoration: none; color: #333; width: 340px; background-color: #f7fbfd; font-size: 75%}
.star-rating{ list-style:none; margin: 0px; padding:0px; width: 125px; height: 25px; position: relative; background: url(../images/star_rating.gif) top left repeat-x}
.star-rating li{ padding:0px; margin:0px; float: left}
.star-rating li a {display:block; width: 25px; height: 25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px}
.star-rating li a:hover{ background: url(../images/star_rating.gif) left center; z-index: 2; left: 0px; border: none}
.star-rating a.one-star{ left: 0px}
.star-rating a.one-star:hover{ width: 25px}
.star-rating a.two-stars{ left: 25px}
.star-rating a.two-stars:hover{ width: 50px}
.star-rating a.three-stars{ left: 50px}
.star-rating a.three-stars:hover{ width: 75px}
.star-rating a.four-stars{ left: 75px}
.star-rating a.four-stars:hover{ width: 100px}
.star-rating a.five-stars{ left: 100px}
.star-rating a.five-stars:hover{ width: 125px}
.star-rating li.current-rating{ background: url(../images/star_rating.gif) left bottom; position: absolute; height: 25px; display: block; text-indent: -9000px; z-index: 1}
.flash_player {padding: 2px; border: 1px solid #d0d3d7; background-color: #fff}
.flash_player.huge {width: 300px;}
.flash_player.big {width: 208px}
.flash_player.small {width: 160}
.flash_player.tiny {width: 100px;}
.flash_player div {margin: auto}
.flash_player div object {margin: auto; text-align: center}
.column {float: left}
.one_of_two {width: 465px; clear: left}
.two_of_two {width: 465px; clear: right; margin-left: 40px}
.one_of_three, .two_of_three, .three_of_three {width: 306px; float: left; padding-top: 10px}
.one_of_three {clear: left}
.two_of_three {margin-left: 25px}
.three_of_three {clear: right; margin-left: 25px}
.two_thirds_left {width: 637px; float: left; clear: left}
.one_third_right {width: 306px; float: left; margin-left: 25px}
.one_third_left {width: 306px; float: left; clear: left}
.two_thirds_right {width: 637px; float: left; margin-left: 25px}
#nav_bar ul {float: left; margin: 0; padding: 0; background: #09f url(../images/tab_background_blue.gif) repeat-x; border-top:}
#nav_bar li {display: block; float: left; color: #fff; height: 36px; list-style-type: none; list-style-position: outside; list-style-image: none; overflow: visible; position: relative; white-space: nowrap; width: auto; z-index: 2; margin: 0; padding: 0}
li.nav_tab span a {float:left;display: inline-block; width: auto; height: 36px; color: #fff;  text-decoration: none; border: none; font-weight: bold}
li.nav_tab span {float:left; font-weight: bold; color: #fff; display: block; height: 36px; line-height: 36px; width: auto}
li.nav_tab span:hover {float:left; font-weight: bold; color: #fff;background: url(../images/tab_bg_blue_highlighted.gif) repeat-x; font-weight: bold}
li.nav_tab.selected span {float:left; font-weight: bold; color:#fff;background: url(../images/tab_bg_white.gif) repeat-x}
li.nav_tab.selected span:hover {float:left; font-weight: bold; color: #fff;background: url(../images/tab_bg_blue_highlighted.gif) repeat-x; font-weight: bold}
li.nav_tab.selected span a {float:left; font-weight: bold; color:#fff;}
li.nav_tab.selected span a:hover {float:left; font-weight: bold; color: #fff;background: url(../images/tab_bg_blue_highlighted.gif) repeat-x; font-weight: bold}
li.nav_tab a.text {float:left;text-decoration: none; font-weight: bold; color:#fff;margin: 0; padding: 0; vertical-align: top; padding: 0 5px 0px 17px}
li.nav_tab a.text.no_menu {float:left; font-weight: bold;color:#fff; padding: 0px 17px}
li.nav_tab span a img {float:left; font-weight: bold;color:#fff; width: 30px; height: 36px; padding: 0 0px 0 0; background: transparent url(../images/tab_menu.png) no-repeat; border: 0}
li.nav_tab.selected img {float:left;font-weight: bold;color:#fff;width: 30px; height: 36px; padding: 0 0px 0 0; background: transparent url(../images/tab_menu_selected.png) no-repeat; border: 0}
li.nav_tab.selected img.pro {float:left;font-weight: bold;color:#fff;width: 16px; height: 16px; background: transparent}
li.nav_tab span a:hover img {float:left;font-weight: bold;color:#fff;width: 30px; height: 36px; padding: 0 0px 0 0; background: transparent url(../images/tab_menu_highlighted.gif) no-repeat}
li.nav_tab.selected span a:hover img {float:left;font-weight: bold;color:#fff;width: 30px; height: 36px; padding: 0 0px 0 0; background: transparent url(../images/tab_menu_selected_highlighted.gif) no-repeat; text-transform: capitalize}
.drop_down_menu {position: absolute; visibility: hidden; width: 155px; padding: 10px 15px 10px 10px; background: #fff; font-size: 80%; border: 1px solid #ccc; border-top: none}
.drop_down_menu a {display: block; width: 100%; padding-left: 5px}
.drop_down_menu a:hover {background-color: #f7fbfd; border: none; text-decoration: underline}
#nav_bar hr {color: #ebeff3; background-color: #ebeff3; height: 1px; margin: 3px auto; clear: both; width: 100%}
#locker_room_tabs_content {background: #fff; border: 1px solid #d0d3d7; margin: 0; width: 692px; min-height: 290px; clear: both}
#locker_room_tabs ul {margin: 0 0 -3px 0; padding: 0 0 0 15px}
#locker_room_tabs li {display: inline-block; float: left; height: 36px; list-style-type: none; list-style-position: outside; list-style-image: none; overflow: visible; position: relative; white-space: nowrap; width: auto; z-index: 1; padding: 0; margin: 0 0 -1px 0}
li.locker_room_nav_tab span a {display: inline-block; width: auto; height: 36px; color: #858789; line-height: 36px; text-decoration: none; border: none}
li.locker_room_nav_tab span {display: block; height: 36px; line-height: 36px; width: auto; padding: 0px 10px; margin: 0 1px}
li.locker_room_nav_tab a:hover {color: #424547}
li.locker_room_nav_tab.selected a {color: #424547}
li.locker_room_nav_tab.selected {background: url(../images/locker_room_tab_border.png) repeat-x}
li.locker_room_nav_tab.selected span.bg {background: url(../images/locker_room_tab_fade.png) repeat-x}
#body_tracker_current {font-size: 200%; margin: 0px 0px 15px 0px}
#body_tracker_goal {font-size: 200%; margin: 0px 0px 15px 0px}
div.scroller {width: 970px; height: 200px; overflow: hidden}
div.scroller div.scroller_content {width: 10000px}
div.scroller div.section {width:970px; height:400px; overflow:hidden; float:left}
div.scroller div.section table {padding-left: 0px}
div.scroller div.section table td img {margin-right: 15px}
div.scroller div.section table tr {padding: 10px 0}
div.scroller h1 {color: #333; font-weight: normal; font-size: 1.9em; padding-bottom: 10px}
div.scroller h2 {color: #333; font-weight: normal; font-size: 1.85em; padding-bottom: 10px}
div.scroller h3 {padding: 5px 0 0 0}
div.scroller .controls {text-align: center; margin: auto}
div.slider {width: 455px; height: 28px; margin-top: 5px; margin-bottom: 5px; background: url(../images/slider_bg.png) no-repeat; position: relative}
div.slider div {position: absolute; width: 16px; height: 16px; margin-top: -2px; background: url(../images/kropper/slider.png) no-repeat; cursor: move}
.calendar {text-align: center}
.calendar abbr {border-style: none}
.calendar th {text-align: center; font-weight: bold; font-size: 150%; padding-bottom: 15px; border-right: none}
.calendar .dayName th {font-size: 85%; background-color: #424547; color: #fff; font-weight: normal; padding-bottom: 0}
.calendar .otherMonth, .day, .specialDay {font-size: 75%; border-left: 1px solid #a2a5a7; text-align: left; vertical-align: top; border-bottom: 1px solid #a2a5a7; padding: 3px; height: 100px; width: 142px; overflow: hidden}
.calendar .endOfWeek {border-right: 1px solid #a2a5a7}
.calendar .otherMonth {color: #d0d3d7; background-color: #fff}
.calendar .day {color: #000000; background-color: #f7fbfd}
.calendar .weekendDay {background-color: #fefce3}
.calendar .otherMonth.weekendDay {background-color: #fefce3}
.calendar .today {border: 1px dashed #727577; background-color: #e5f2ff; }
.calendar .day:hover {background-color: #e5f2ff; cursor: pointer}
.calendar .weekendDay:hover {background-color: #feffd8; cursor: pointer}
.calendar .otherMonth.weekendDay:hover {background-color: #fefce3; cursor: default}
.calendar img {margin-left: 3px}
.calendar a:hover {border: none}
#calendar_day_window li {list-style-type: disc; list-style-position: inside; padding: 0 0 5px 10px}
.date_picker {display: none; position: absolute; background-color: #f7fbfd; padding: 3px; border: 1px solid #626567; width: 230px; z-index: 500; font-size: 10px; line-height: 1.5em; font-weight: normal}
.date_picker * {z-index: 500}
.date_picker table {width: 100%}
.date_picker th {font-size: 105%; color: #3b769d; text-align: center}
.date_picker .day_labels th {color: #71b700; font-weight: normal}
.date_picker td {background-color: #fff; text-align: center; padding: 2px; border: 1px solid #eee; font-weight: bold}
.date_picker a {text-decoration: none; color: #626567; display: block; width: 100%}
.date_picker a:hover {color: #fff; background-color: #233139; border: none;}
.date_picker .cancel_butt {text-align: right; padding-right: 5px}
.date_picker .cancel_butt a {font-size: 90%; text-decoration: none}
.date_picker .today {background-color: #feffd8}
div.redbox {padding: 15px; width: 450px}
div.redbox td {padding: 5px 0 5px 10px; text-align: left}
body#tinymce {background-color: #fff; margin: 0; padding: 0; font: normal 80%/1.1em "Lucida Grande", Lucida, Verdana, sans-serif; color: #626567}
body#tinymce p {padding: 5px}
body#tinymce ul, ol {margin-left: 5px; list-style-position: inside}
body#tinymce ul {list-style-type: disc}
body#tinymce ol {list-style-type: decimal}
table.mceLayout {border: 1px solid #a2a5a7 !important; margin-left: 5px !important; width: 335px !important}
#image_cropper {width: 350px; border: 1px solid #a2a5a7; margin: 5px}
#crop_header {border-bottom: 1px solid #a2a5a7; text-align: center; color: #626567; padding: 5px 0; font-size: 105%; background: #d0d3d7 url(../images/kropper/header_bg.png) repeat-x}
#crop_canvas {width: 350px; height: 350px; overflow: hidden; position: relative}
#crop_loading_overlay {width: 350px; height: 350px; position: absolute; z-index: 51; top: 0px; left: 0px; background-color: #000; text-align: center}
#crop_loading_overlay h2 {font: normal 18px/31px Helvetica, Arial; color: #333; padding: 140px 30px 10px}
#crop_loading_overlay p {font: normal 13px/18px Helvetica, Arial; color: #333; padding-right: 30px; padding-left: 30px}
#crop_overlay {width: 350px; height: 350px; position: absolute; z-index: 50; top: 0px; left: 0px; background: url(../images/kropper/crop_mask.png)}
#crop_stencil {width: 200px; height: 200px; position: absolute; z-index: 40; top: 75px; left: 75px}
#image_dragger {width: 350px; height: 350px; position: absolute; z-index: 100; cursor: move}
#uncropped_image {position: absolute}
#crop_footer {background: #979797 url(../images/kropper/bottom_bg.png) no-repeat; border-top: 1px solid #a2a5a7}
#zoom_slider {width: 162px; height: 16px; position: relative; top: 16px; left: 95px}
#zoom_slider_handle {width: 16px; height: 16px; position: absolute; background: url(../images/kropper/slider.png) no-repeat}
#crop_buttons {padding: 30px 10px 10px}
#crop_reset_btn {}
#crop_submit_btn {float: right}
img, #crop_overlay {behavior: url(../javascripts/iepngfix.htc)}
.workout_viewer .bordered_link {background: #f9f9f9; padding: 15px 5px 10px 15px; width: 311px; margin-bottom: 5px}
.workout_viewer .bordered_link.selected {position: relative; z-index: 5; background: #f7fafc; border: 1px solid #d0d3d7; border-right: none}
.workout_viewer .workout_summary {background: #f7fafc; border: 1px solid #d0d3d7}
ul.feed {font-size: 80%}
ul.feed li {padding: 10px}
ul.feed blockquote {margin-left: 40px; font-family: Georgia, "Times New Roman", Times, serif; color: #233139; font-size: 110%}
ul.feed img {margin-right: 10px}
.group_join_image {background-color: #008CE2}
.add_entry_image {background-color: #FCC900}
.group_leave_image {background-color: #9B2F25}
.goal_met_image {background-color: #2F863C}
.food_create_image {background-color: #34268C}
.create_progress_image_image {background-color: #FCC900}
.new_goal_image {background-color: #FCC900}
.create_group_image {background-color: #FCC900}
.group_post_image {background-color: #008CE2}
.join_program_image {background-color: #008CE2}
.bad_news_image {background-color: #9B2F25}
.good_news_image {background-color: #008CE2}
.leave_program_image {background-color: #9B2F25}
.add_program_image {background-color: #FCC900}
.add_gymbuddy_image {background-color: #FCC900}
.remove_gymbuddy_image {background-color: #9B2F25}
.send_motivation_image {background-color: #008CE2}
.recommend_program_image {background-color: #008CE2}
.add_comment_image {background-color: #008CE2;}
#pro_popup {background-color: #f7fbfd; width: 750px}
#lb_overlay{ background-image: url(../images/lightbox_overlay.png); position: absolute; top: 0px; left: 0px; z-index: 997; width: 100%; height: 100%}
* html #lb_overlay{ background-color: #333; filter: alpha(opacity=60)}
#lb_box{ background:#fff; margin: 0; padding: 0; border: 4px solid #222; overflow: hidden}
#lb_box #close{ position:absolute; top:0px; right:0px; cursor:pointer}
#lb_box #boxContents {margin-top:12px; padding:10px}
#footer_div{clear: both;font-size: 11px;color: #FFF;background-image: url(../images/gradient_footer.gif);background-position: left top;background-repeat: repeat-x;text-align: left;position: relative;line-height: 1.2;overflow: hidden;background-color: #828282;padding-right: 15px;padding-left: 15px;padding-top: 20px;padding-bottom: 20px;}
#footer_div ul{float: left;margin-right: 0;margin-bottom: 0px;display: inline;padding: 15px;line-height: 15px;}
#footer_div ul li{display:block;color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 20px;}
#footer_div ul li a{font:12px/16px Arial, Helvetica, sans-serif;color:#FDFDFD;text-decoration:none;background-color:#353535;margin:0 8px 0 8px;float: left;}
#footer_div ul li a:hover{text-decoration:underline;}
#footer_div p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;   color:#FFF9E0; margin:0px 0 0 50px;background-color:#353535;}
#footer_div p a {color:#FDFDFD; background-color:#353535; text-decoration:underline;}
#footer_div p a:hover { color:#FDFDFD;background-color:#4E4E4E;}
#footer_div ul.css{width:160px;margin:10px 0 0px 75px;font-size:0px;padding:0px;}
#footer_div ul.css li{display:block;float:left;margin:0 0 0 0;}
#footer_div ul.css li a{display:block;text-indent:-2000px;height:24px;margin:0 2px 0 0;font-size:0px;}
#foot_column_container {text-align:left}
.foot_column_head {width:150px;text-align:center;float:left; margin:15px}
.user_link a {color: #fff; font-size:.9em}
.user_link a:visited {color: #fff; font-size:.9em}

#profile_menu {float:right;}
#profile_menu .menu_items {float:left;}
#profile_menu .menu_item {
  text-align:right;
  line-height:36px;
  color: #fff;
  font-size: 11px;
}
#profile_menu .menu_item:hover {text-decoration: underline;}

#newhead, .newhead {border-bottom:2px solid #39f; margin:10px 0; mmargin-left:-15px; padding-bottom: 3px;}

.newhead_text {color: #fff; background-color: #3399ff; padding: 3px; padding-left:10px; padding-right:10px; font: bold 11px "Arial", Helvetica Neue,  Helvetica, Geneva, sans-serif}

#newhead_r {border-bottom:2px solid #66CCFF; margin:10px 0; mmargin-left:-15px; padding-bottom: 3px;}

.newhead_r_text {
   color: #fff;background-color: #66CCFF;padding: 3px;padding-left:10px;padding-right:10px;font: bold 11px "Arial", Helvetica Neue,  Helvetica, Geneva, sans-serif
}

.head_detail {font: bold 11px "Arial", Helvetica Neue,  Helvetica, Geneva, sans-serif; float: right; padding:3px; margin-top!:-18px;}


#tabdown {float:left;width:121px;background-color: #e6f2ff; margin-left: -26px; margin-top: -11px;}

#tab_selected {border-right: 1px solid white; border-bottom: 1px solid #acc9e5; padding: 5px; width:121px; background-color: #fff; }

#tab {border-right: 1px solid #acc9e5; border-bottom: 1px solid #acc9e5; padding: 5px; width:121px; background-color: #fff;}

.tablink {font-size: .7em;}

.about-main {width: 970px; margin: 0px auto 0px auto; padding: 0px 0px; font-size: 0.9em;}

#gay {float:left; width:830px; background-color: white; border: 1px solid #acc9e5; margin-left:-6px;}

#secondaryNavigation {
 position:relative;
    width: 90px;
    font-size: 11px;
    font-weight: bold;
   float:left;
 /* margin-right: 27px !important; */
}

#secondaryNavigation ul {
   margin-left: 6px;
   margin-top: -5px;
}

#secondaryNavigation li {
width: 83px;
float:right;
margin-left: 5px;
margin-top: 0px;
 display:block;

}

#secondaryNavigation li a {
   float:right;
   width: 93px;
    padding: 5px 5px 5px 7px;
    text-decoration: none;
    border: 1px solid #acc9e5;
    color: #696969;
   background-color: white;
   margin-left: -5px;
   overflow: hidden;
}
#secondaryNavigation li.first a {
display:block;
margin:0;
overflow: hidden;
}

#secondaryNavigation li a:hover,
#secondaryNavigation li.current a {
    color: #D51007;
    background: #fff;
   overflow: hidden;
}
#secondaryNavigation li.current a {
   width: 93px;
    border-right-color: #fff;
}

#about_full {float:left;width:770px;background-color: white; margin-left: 46px; margin-top: 5px;}

#about_left {width:525px; float:left; padding-top: 15px; padding-right: 10px; border-right: 1px dotted #ccc; overflow:visible;}

.event_venue {font: normal .9em  "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

.photo_event_date {font: normal 11px  Helvetica Neue, "Arial", Helvetica, Geneva, sans-serif; background:#FF00FF; color:#fff; padding-left:2px; padding-right:2px; font-weight:bold;margin-bottom:2px}

.select_event_type {font: normal 11px  Helvetica Neue, "Arial", Helvetica, Geneva, sans-serif; background:#009900; color:#fff; padding-left:2px; padding-right:2px; font-weight:bold;margin-bottom:2px}

#browse {font: 11px  "Arial", Helvetica Neue, Helvetica, Geneva, sans-serif; border-bottom: 1px solid #ccc; padding: 3px; }

.browse_head {margin-left: -1px; padding-right: 10px;}

.browse_not_selected {border: 1px solid #ccc; padding: 3px; margin-left: -4px}

.browse_selected {border-left: 1px solid #ccc; padding: 3px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid white;  margin-left: -4px }

.pages {border: 1 px solid #ccc; padding: 2px }

#nav {width:auto;  padding: 0px; background: #09f url(../images/tab_background_blue.gif) repeat-x; border-top:}

li.nav_tabf span a {float:left;font-family: "Lucida Grande", Lucida, Verdana, sans-serif; display: inline-block; width: auto; height: 36px; font-size:1.15em; color: #fff;  text-decoration: none; border: none; font-weight: bold}
li.nav_tabf span {float:left; font-weight: bold; color: #fff; font-size:1.1em; display: block; height: 36px; line-height: 36px; width: auto}
li.nav_tabf span:hover {float:left; font-weight: bold; color: font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size:1.15em; background: url(../images/tab_bg_blue_highlighted.gif) repeat-x; font-weight: bold}
li.nav_tabf a.text {float:left;text-decoration: none; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size:1.15em; font-weight: bold; color:#fff;margin: 0; padding: 0; vertical-align: top; padding: 0 17px 0px 17px}
li.nav_tabf a.text.no_menu {float:left; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-weight: bold; font-size:1.15em; bold;color:#fff; padding: 0 17px 0 17px}

.ui-dialog-buttonpane button, .pb_button, button {
  /*min-width:67px;*/
  background:#0099FF url(../images/tab_background_blue.gif) repeat-x scroll 0 0;
  font-size:12px;
  line-height:10px;
  margin: .5em 10px .5em 0;
  font-weight:bold;
  color: #fff;
  border: 1px solid #3399FF;
  cursor: pointer;
  padding: .2em .6em;
}
.ui-dialog-buttonpane button:hover, .pb_button:hover, button:hover, button.ok:hover {
   color: #026890;
   background: #79c9ec url(jquery-ui/start/images/79c9ec_40x100_textures_02_glass_75.png) 0 50% repeat-x;
   border: 1px solid #448dae;
}
.ui-dialog-buttonpane button:active, .ui-dialog-buttonpane button:focus,
.pb_button:active, .pb_button:focus,
button:active, button:focus, button.ok, .ui-datepicker-current-day a {
   color: #fff;
   background: #6eac2c url(jquery-ui/start/images/6eac2c_500x100_textures_12_gloss_wave_50.png) 0 50% repeat-x;
   border: 1px solid #acdd4a;
}
.ui-datepicker-current-day a {
   background: #6eac2c url(jquery-ui/start/images/6eac2c_500x100_textures_12_gloss_wave_50.png) 0 50% repeat-x !important;
   border: 1px solid #acdd4a !important;
}
.ui-dialog-content {padding:0;}
.ui-dialog-content .body {padding:5px 10px;}
.ui-dialog {border:1px solid #448dae;}
.ui-dialog-titlebar, .ui-dialog-buttonpane button {background:#0099FF url(../images/tab_background_blue.gif) repeat-x scroll 0 0;}
.ui-dialog-title {font-weight:bold;}
.ui-dialog-title, .ui-dialog-content, .ui-dialog-content *, #ui-dialog-title-profile_dlg, .ui-dialog-buttonpane, .ui-dialog-buttonpane button {font-size:12px;}
.ui-dialog-buttonpane {text-align:right;background-color:#E6F2FF;}
.ui-dialog-buttonpane button {margin-left:0;margin-right:16px;font-weight:bold;}
span.comment_progress {font-size:10px;font-weight:bold;color:#626567;line-height:30px;}
.ui-dialog-content .icon {float:left;margin-right:5px;}

#facebook_btn, #facebook_friends {margin-bottom:10px;}
#facebook_friends {
  max-height:280px;
  overflow:auto;
  border-bottom:solid 1px #EBEFF3;
}
.pager {float:right;text-align:right;font-size:12px;}
.pager .first, .pager .last {font-weight:bold;}
.pager .active {padding:1px 3px;font-size:1.2em;background-color:#E6F2FF;}
.pager .page {padding:1px 3px;}
.pager .subpager {font-size:0.95em;}
.user-photo-medium {width:64px;height:64px;padding:2px;text-align:center;float:left;/*border:1px solid #ccc;*/background-color:#E6F2FF;vertical-align:middle;}
.user-photo-medium img {margin:auto;max-width:64px;max-height:64px;border:1px solid #ACC9E5;}
.user-photo-medium2 {width:75px;height:75px;padding:4px;text-align:center;float:left;background-color:#E6F2FF;vertical-align:middle;}
.user-photo-medium2 img {margin:auto;max-width:75px;max-height:75px;border:1px solid #ACC9E5;}
.user-photo-medium3 {width:42px;height:42px;padding:2px;text-align:center;float:left;/*border:1px solid #ccc;*/background-color:#E6F2FF;vertical-align:middle;}
.user-photo-medium3 img {margin:auto;max-width:40px;max-height:40px;border:1px solid #ACC9E5;}

span.facebook_progress {font-size:10px;font-weight:bold;color:#3399FF;line-height:30px;}
#facebook_events {font-size:10px;}
.fb_event_pic {float:left;margin-right:5px;border:1px solid #999;}
.fb_event_data {background-color:#e6f2ff;border-bottom:1px dashed #acc9e5;padding:5px;}
.fb_event_data .name {width:130px;overflow:hidden;}
.fb_event_data .description .value {background-color:#fff;}
.fb_event_data .value {font-weight:bold;}
#requestMsg .msg, #inviteMsg .msg {padding-left:10px;border-top:1px solid #ccc;width:475px;line-height:30px;height:30px;font-size:12px;background-color:#f7f7f7;}
#requestMsg .msg .who, #inviteMsg .msg .who {color:#3C76C8;}

.eventform input, .eventform select, .eventform textarea {
  color:#000;
  background-color:#E6F2FF;
  border:1px solid #ACC9E5;
  font-size:12px;
  margin:2px;
  /*width:310px;*/
  padding:3px;
}
.eventform button {
  width:100px;
  float:none;
  margin:auto;
}
.eventform #venuename { width:214px; }
.eventform #eventname { width:429px; }
.eventform #first_dropdown, .eventform #second_dropdown { width:214px; }
.eventform #start_hour, .eventform #end_hour, .eventform #start_minute, .eventform #end_minute { width:45px;}

#pb_user_status {padding:5px;padding-top:1px;width:285px;border:1px dashed #ACC9E5;margin:0;}
#pb_user_status textarea {font-size:13px;height:36px;padding:3px;width:279px;margin:0;border-color:#BDC7D8}
#pb_user_status legend {font-size:11px;font-weight:normal;margin-left:5px;}
#pb_user_status a {font-size:13px;font-weight:bold;}
#pb_user_status #pb_facebook_publish_text {font-size:11px;margin-top:5px;}

.avatar_tiny {margin-right:5px;max-width:20px;max-height:20px;border:solid 1px #ccc;vertical-align:middle;}
.user-photo-large {max-height:150px;max-width:150px;float:left;padding:5px;border:1px solid #d0d3d7;background-color:#fff;}
.user-photo-large img {max-width:150px;max-height:150px;}
.user_thumb {max-width:75px;max-height:75px;}

.tomorrow, .today {padding:0 5px; font-size:10px; font-weight:bold;}
.tomorrow, .calendar td.tomorrow {background-color:#ff9;}
.today {background-color:#fcc; text-decoration:blink;}
.calendar td.today { border:none; background-color:#fcc; text-decoration:none;}

h2.h2 {color:#626567;font-weight:bold;font-size:.9em;padding-bottom:5px}

.type {font-size:11px; font-weight:bold; margin-left:0;}
.subtype {font-size:9px; margin-left:10px;}
.type .count, .subtype .count {float:right;}
/*.calendar td.evented {background-image:url(../images/bg_cal_over.gif); background-repeat:no-repeat;}*/

.form input, .form select, .form textarea, .form input[type="file"],
.form2 input, .form2 select, .form2 textarea, .form2 input[type="file"] {
font-size:11px;
margin:2px;
padding:3px;
}
.form input[type=checkbox], .form2 input[type=checkbox], .form input[type=radio], .form2 input[type=radio] {
margin:1px;padding:0;
}
.form input[type=text], .form select, .form textarea, .form input[type="file"] {
background-color:#E6F2FF;
border:1px solid #ACC9E5;
color:#000000;
}
.form select, .form2 select {
width:auto;
}
.form input[type=text], .form textarea, .form input[type="file"] {
width:100%;
}
.form2 input[type=text], .form2 textarea, .form2 input[type="file"] {
width:100px;
}
.form2 input[type=text], .form2 select {
border:1px solid #BDC7D8;
}
.form fieldset, .form2 fieldset {
  margin:0;
  padding:3px;
  border: dashed 1px #ACC9E5;
}
.form fieldset legend, .form2 fieldset legend {
  font-size: 10px;
  font-weight: normal;
}
.form fieldset td, .form2 fieldset td {
  padding-top:0;
}
select option {padding:0 3px;}

.pb_error {
  background-image: url(../_images/wavyline.gif);
  background-position: 100% 100%;
  background-repeat: repeat-x;
  padding-bottom: 2px;
}
.priv_granted {
  border:1px dashed #71B700;
  background:#DEFFAA url(../images/green_check_bg.png) no-repeat 0 5px;
  padding:5px;
  padding-left:35px;
}
.pb_comments, .pb_tagged_users {margin:0 0 10px 0;padding:0;list-style-type:none;}
.pb_comments li {padding-left:0;margin:0;display:block;}
.pb_comment_info {float:left;margin-left:5px;}
.pb_comment_cap {font-size:11px;font-weight:bold;}
.pb_comment_text {font-size:12px;background-color:#E6F2FF;border-top:dashed 1px #ACC9E5;min-height:30px;}
.pb_venue_comments .pb_comment_info {width:340px;}
.pb_event_comments .pb_comment_info {width:344px;}
.pb_user_comments .pb_comment_info {width:440px;}
.pb_photo_comments .pb_comment_info {width:680px;}

#fave_dlg input {width:360px;}
#fave_dlg .pb_url_label {font-size:11px}
.pb_void {color:#ccc !important;}
#ui-datepicker-div {
  font-size:11px;
  border:dashed 1px #626567;
}
.pb_error_list {border:1px dashed #f00;color:red;font-size:12px;padding:10px;background-color:#ff9}
.pb_error_list ul li {font-weight:bold;}
table.ui-datepicker td.ui-datepicker-today a {
  color:#ff0;
  background:#0078AE url(jquery-ui/start/images/79c9ec_40x100_textures_02_glass_75.png) repeat-x scroll 0 50%;
}
table.pb_gridview {
  margin-top:5px;
  border-collapse:collapse;
  border-spacing:0;
  font-size:12px;
}
.pb_gridview th, .pb_gridview td,
table.pb_gridview th, table.pb_gridview td {
  padding:5px;
}
table.pb_gridview td {
  border-bottom:dashed 1px #ccc;
  border-left:dashed 1px #ccc;
  border-right:dashed 1px #ccc;
}
table.pb_gridview th {
  border-left:solid 1px #ACC9E5;
  border-right:solid 1px #ACC9E5;
  border-top:dashed 1px #ACC9E5;
  border-bottom:dashed 1px #ACC9E5;
  font-weight:bold;
  text-align:center;
  background-color:#E6F2FF;
}
table.pb_gridview tr.active, table.pb_gridview td.active {
  background-color:#dfd;
}
.ui-icon-alert {
  background-image:url(../images/warning_24x24.gif);
  background-position:10px 10px;
  background-repeat:no-repeat;
  padding-left:45px !important;
}
.ui-icon-progress {
  background-image:url(../images/ajax-loader2.gif);
  background-position:13px 13px;
  background-repeat:no-repeat;
  padding-left:59px !important;
  padding-top:16px !important;
}
.ui-dialog-content .smaller * {font-size: 85%;}
.pb_closed {color:#f00;font-style:italic;vertical-align:super;font-size:0.8em;}
h2 .pb_closed {font-size:0.8em;font-style:normal;}
.warn {color:red !important;}
.date {text-align:center;}
.money {text-align:right;}
.hint {font-size:9px;}
label {cursor:pointer}
.small_venue_logo {display:block;float:left;vertical-align:text-top;padding:4px;background-color:#ccc;height:48px;width:48px;}
.medium_venue_logo {display:block;height:115px;width:150px;background:#fff;padding:5px;margin:5px 5px 5px 0pt;text-align:center;border:solid 1px #D0D3D7;}
.medium_venue_logo img {max-height:115px;max-width:150px;border:solid 1px #D0D3D7;margin-left:auto;margin-right:auto;}

.share_links  li {
	float: left;
	
}

#leave_comment  li {
	float: left;
	width: 10px;
	
}

#container h1 {color: #71b700; margin: 0; padding-bottom: 0.2em; font: bold 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}

#container h2 {color: #71b700; margin: 0; padding-bottom: 0.2em; font: bold 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}
	
#featured_content {width: 665px;}

/* Social Icons */

.foot_content li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.foot_content li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
.foot_content li ul.social li img {
	border:none;
}
.foot_content li ul.social li:hover {
	padding-top:5px;
	margin:-1px 12px 12px 0;
}
.foot_content li ul.social li span {
	display:none;
}

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 COLORS

*/



/*  _______________________________________

	01 MENU BAR
    _______________________________________  */



#wrapper_menu {
	width: 980px;
	margin:0 auto;
	display:block;
	position: relative;
	z-index:9999;
}
.menu {
	list-style:none;
	width:990px;
	margin:0px 10px 0px -10px;
	height:43px;
	padding:0px 0px 0px 0px;

}
.menu li {
	float:left;
	text-align:center;
	position:relative;
	margin-right:20px;
	margin-top:6px;
	border:none;
}
.menu li.fullwidth {
	position: static !important;
}
.menu li:hover {
	background:#161616;
	border:1px solid #000000;
	border-bottom:none;
	margin-right:19px;
	background: -moz-linear-gradient(top, #212121, #161616);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#212121), to(#161616));
	background: -o-linear-gradient(top, #212121, #161616);
	-moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.menu li.nodrop:hover {
	background:#161616;
	border:1px solid #000000;
	padding: 4px 9px 4px 9px;
	background: -moz-linear-gradient(top, #212121, #161616);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#212121), to(#161616));
	background: -o-linear-gradient(top, #212121, #161616);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li.nodrop:hover a {
	padding: 0px;
}
.menu li a {
	color: #EEEEEE;
	outline:0;
	padding: 5px 10px 3px 10px;
	text-decoration:none;
	display:block;
	text-shadow: 1px 1px 1px #000;
}
.menu li:hover a {
	color:#ffffff;
	text-shadow: none;
	position:relative;
	z-index:11;
	border-bottom:1px solid #161616;
	padding: 4px 9px 4px 9px;
}
.menu li:hover div a {
	display:inline;
}
.menu li .drop {
	padding-right:27px;
	background:url("img/drop_dark.png") no-repeat right 13px;
}
.menu li:hover .drop {
	padding-right:27px;
	background:url("img/drop_dark.png") no-repeat right 12px;
}

/* Right aligned menu item */

.menu .right {
	float:right;
	margin-right:0px;
}
.menu li.right:hover {
	margin-right:-1px;
}



/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */



/* Left & right aligned common styles */

.menu .dropdown_1column, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
	margin:4px auto;
	left:-999em;
	position:absolute;
	background:#161616;
	border:1px solid #000000;
	padding:10px;
	text-align:left;
	-moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    -khtml-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
	background: -moz-linear-gradient(top, #161616, #0A0A0A);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#0A0A0A));
	background: -o-linear-gradient(top, #161616, #0A0A0A);
}

/* Drop Downs Sizes */

.menu .dropdown_1column {width: 145px;}
.menu .dropdown_2columns {width: 300px;}
.menu .dropdown_3columns {width: 455px;}
.menu .dropdown_4columns {width: 610px;}
.menu .dropdown_5columns {width: 765px;}
.menu .dropdown_fullwidth {
	width: 920px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.menu li .first_fullwidth {
	-moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	left:-1px;
	top:25px;
}
.menu li:hover .dropdown_fullwidth {
	left:21px;
	top:33px;
	display: block;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
.menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:25px;
}
.menu li.right:hover .dropdown_fullwidth {
	right:18px;
	top:33px;
}

/* Columns Sizes */

.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
}
.menu .col_1 {width:145px;}
.menu .col_2 {width:300px;}
.menu .col_3 {width:455px;}
.menu .col_4 {width:610px;}
.menu .col_5 {width:765px;}
.menu .col_6 {width:920px;}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left: 0; /* Clearing margin & left */
	clear: left;
}



/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */



.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
	color:#ffffff;
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}
.menu p {
	font-size:12px;
	line-height:18px;
	margin:0;
	margin-bottom:10px;
	text-shadow:1px 1px #000000;
}
.menu .strong {
	font-weight:bold;
}
.menu .italic {
	font-style:italic;
}
.menu h2, 
.menu h3 {
	text-shadow:1px 1px #000000;
	border-bottom:1px solid #333333;
	margin-top:7px;
}
.menu h2 {
	font-weight:400;
	font-size:21px;
	margin-bottom:18px;
	padding-bottom:11px;
}
.menu h3 {
	font-weight:600;
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.menu li:hover div a {
	text-decoration:none;
	text-shadow:none;
	border:none;
	padding:0;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Icon paragraphs */

.menu .help,
.menu .favorite,
.menu .mail,
.menu .print {
	padding-left:36px;
	margin-bottom:18px;
}
.menu .help {background:url("img/help.png") no-repeat 0px 2px;}
.menu .favorite {background:url("img/favorite.png") no-repeat 0px 2px;}
.menu .mail {background:url("img/mail.png") no-repeat 0px 2px;}
.menu .print {background:url("img/print.png") no-repeat 0px 2px;}

/* Images styles */

.menu .imgshadow_dark { /* Better style on dark background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #333333;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow:0px 0px 5px #000000;
	box-shadow:0px 0px 5px #000000;
}
.menu .imgshadow_light { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow:0px 0px 5px #000000;
	box-shadow:0px 0px 5px #000000;
}
.menu .img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:2px 15px 5px 0px;
}
.menu .img_right { /* Image sticks to the right */
	width:auto;
	float:right;
	margin:2px 0px 5px 15px;
}

/* Box styles */

.menu li .black_box,
.menu li .dark_grey_box {
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background-color:#0A0A0A;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

/* Standard lists styles */

.menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #000000;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:145px;
}
.menu li ul li a {
	padding:0;
}
.menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

/* Greybox lists styles */

.menu li .greybox li {

	background:#0A0A0A;
	border:1px solid #000000;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:131px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li .greybox li:hover {
	background:#141414;
	border:1px solid #111111;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

/* Other lists styles */

.menu li .plus li {
	background: url("img/plus_dark.png") left 6px no-repeat;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 21px;
	width:109px;
}
.menu li .plus li:hover {
	background: url("img/plus_dark.png") left 6px no-repeat;
	padding:0px 0px 0px 21px;
	margin:0px 0px 4px 0px;
}

/* Social Icons */

.menu li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.menu li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
.menu li ul.social li img {
	border:none;
}
.menu li ul.social li:hover {
	padding-top:5px;
	margin:-1px 12px 12px 0;
}
.menu li ul.social li span {
	display:none;
}

/* 2-Levels Drop Down */

.menu .levels, .menu .levels ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu li:hover .levels a {
	display:block;
}
.menu .levels a {
	display: block;
	width: 10em;
}
.menu .levels a.parent, .menu .levels a.parent:hover {
	background: url("img/drop2_dark.png") right center no-repeat;
}
.menu .levels li {
	float: left;
	width:150px;
}
.menu .levels li ul { /* second-level lists */
	position: absolute;
	background:#161616;
	border:1px solid #000000;
	top:-23px;
	margin:15px 0px 0px 4px;
	padding:6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: -moz-linear-gradient(top, #161616, #0A0A0A);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#0A0A0A));
	background: -o-linear-gradient(top, #161616, #0A0A0A);
	left: -999em;
}
.menu .levels li ul ul {
	top:-23px;
}
.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
	left: -999em;
}
.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
	left: 142px;
}



/*  _______________________________________

	04 CONTACT FORM
    _______________________________________  */



.menu form {
	margin:0 0 12px 0;
	padding:0px;
}

/* Labels & fieldsets stylings */

.menu fieldset {
	margin:0;
	border:none;
}		
.menu form p {
	margin:10px 0;
	overflow:hidden;
	width:270px;
}

.menu label {
	float:left;
	display:block;
	text-align:left;
	width:50px;
}	
.menu input,
.menu textarea {	
	margin:0;	
	width:170px;
	float:right;
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #0A0A0A;
	padding:3px 5px 3px 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}		
.menu textarea {
	height:100px;
	overflow:auto;
}					

/* Buttons stylings */

.menu button {
	float:right;
	width:80px;
	margin:0px;
	margin-right:12px;
	border:1px solid #000000;
	padding: 2px 7px 2px 7px;
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #0A0A0A;
	text-shadow: 1px 1px 1px #000;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}



/*  _______________________________________

	05 COLORS
    _______________________________________  */



/* Black */

.menu_black {
	background: #333;
	border: 1px solid #444;
	border-top: 1px solid #777;
	background: -moz-linear-gradient(top, #555, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#2a2a2a));
	background: -o-linear-gradient(top, #555, #2a2a2a);
}
.menu_black li:hover div a {
	color:#CCC;
}
.menu_black li:hover div a:hover {
	color:#EEE;
}
.menu_black li ul li a:hover {
	color:#EEE;
}

/* Blue */

.menu_blue {
	background: #014464;
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	background: -o-linear-gradient(top, #0272a7, #013953);
}
.menu_blue li:hover div a {
	color:#0294da;
}
.menu_blue li:hover div a:hover {
	color:#33bcfd;
}
.menu_blue li ul li a:hover {
	color:#33bcfd;
}


/* Light Blue */

.menu_lightblue {
	background: #09f;
	background: -moz-linear-gradient(top, #709e8e, #);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#709e8e), to(#52786b));
	background: -o-linear-gradient(top, #709e8e, #52786b);
}
.menu_lightblue li:hover div a {
	color:#608c7d;
}
.menu_lightblue li:hover div a:hover {
	color:#99b9ae;
}
.menu_lightblue li ul li a:hover {
	color:#99b9ae;
}



/*  _______________________________________

	FOOTER CONTENT
    _______________________________________  */
	
.foot_content {
	width: 980px;
	padding-left: 20px;
	margin:0 auto;
	display:block;
	position: relative;
	z-index:9999;
    background-color: #56585a;}


.foot_content p,
.foot_content ul,
.foot_content li,
.foot_content h2,
.foot_content h3 {
	color:#ffffff;
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}
.foot_content p {
	font-size:12px;
	line-height:12px;
	margin:0;
	margin-bottom:10px;
	text-shadow:1px 1px #000000;
}
.foot_content .strong {
	font-weight:bold;
}
.foot_content .italic {
	font-style:italic;
}
.foot_content h2, 
.foot_content h3 {
	text-shadow:1px 1px #000000;
	border-bottom:1px solid #333333;
	margin-top:12px;
}
.foot_content h2 {
	font-weight:400;
	font-size:21px;
	margin-bottom:5px;
	padding-bottom:5px;
}

.foot_content h3 {
	font-weight:600;
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.foot_content li:hover div a {
	text-decoration:none;
	text-shadow:none;
	border:none;
	padding:0;
}
.foot_content .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Icon paragraphs */

.foot_content .help,
.foot_content .favorite,
.foot_content .mail,
.foot_content .print {
	padding-left:36px;
	margin-bottom:18px;
}
.foot_content .help {background:url("img/help.png") no-repeat 0px 2px;}
.foot_content .favorite {background:url("img/favorite.png") no-repeat 0px 2px;}
.foot_content .mail {background:url("img/mail.png") no-repeat 0px 2px;}
.foot_content .print {background:url("img/print.png") no-repeat 0px 2px;}

/* Images styles */

.foot_content .imgshadow_dark { /* Better style on dark background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #333333;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow:0px 0px 5px #000000;
	box-shadow:0px 0px 5px #000000;
}
.foot_content .imgshadow_light { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow:0px 0px 5px #000000;
	box-shadow:0px 0px 5px #000000;
}
.foot_content .img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:2px 15px 5px 0px;
}
.foot_content .img_right { /* Image sticks to the right */
	width:auto;
	float:right;
	margin:2px 0px 5px 15px;
}

/* Box styles */


.foot_content .black_box,
.foot_content li .black_box,
.foot_content li .dark_grey_box {
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background-color:#0A0A0A;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

/* Standard lists styles */

.foot_content li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.foot_content li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #000000;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:145px;
}
.foot_content li ul li a {
	padding:0;
}
.foot_content li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

/* Greybox lists styles */

.foot_content li .greybox li {

	background:#0A0A0A;
	border:1px solid #000000;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:131px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.foot_content li .greybox li:hover {
	background:#141414;
	border:1px solid #111111;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

/* Other lists styles */

.foot_content li .plus li {
	background: url("img/plus_dark.png") left 6px no-repeat;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 21px;
	width:109px;
}
.foot_content li .plus li:hover {
	background: url("img/plus_dark.png") left 6px no-repeat;
	padding:0px 0px 0px 21px;
	margin:0px 0px 4px 0px;
}

/* Social Icons */

.foot_content li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.foot_content li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
.foot_content li ul.social li img {
	border:none;
}
.foot_content li ul.social li:hover {
	padding-top:5px;
	margin:-1px 12px 12px 0;
}
.foot_content li ul.social li span {
	display:none;
}

/* 2-Levels Drop Down */

.foot_content .levels, .menu .levels ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
.foot_content li:hover .levels a {
	display:block;
}
.foot_content .levels a {
	display: block;
	width: 10em;
}
.foot_content .levels a.parent, .menu .levels a.parent:hover {
	background: url("img/drop2_dark.png") right center no-repeat;
}
.foot_content .levels li {
	float: left;
	width:150px;
}
.foot_content .levels li ul { /* second-level lists */
	position: absolute;
	background:#161616;
	border:1px solid #000000;
	top:-23px;
	margin:15px 0px 0px 4px;
	padding:6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: -moz-linear-gradient(top, #161616, #0A0A0A);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#0A0A0A));
	background: -o-linear-gradient(top, #161616, #0A0A0A);
	left: -999em;
}
.foot_content .levels li ul ul {
	top:-23px;
}
.foot_content .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
	left: -999em;
}
.foot_content .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
	left: 142px;
}



/*  _______________________________________

	04 CONTACT FORM
    _______________________________________  */



.foot_content form {
	margin:0 0 12px 0;
	padding:0px;
}

/* Labels & fieldsets stylings */

.foot_content fieldset {
	margin:0;
	border:none;
}		
.foot_content form p {
	margin:10px 0;
	overflow:hidden;
	width:270px;
}

.foot_content label {
	float:left;
	display:block;
	text-align:left;
	width:50px;
}	
.foot_content input,
.foot_content textarea {	
	margin:0;	
	width:170px;
	float:right;
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #0A0A0A;
	padding:3px 5px 3px 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}		
.foot_content textarea {
	height:100px;
	overflow:auto;
}					

/* Buttons stylings */

.foot_content button {
	float:right;
	width:80px;
	margin:0px;
	margin-right:12px;
	border:1px solid #000000;
	padding: 2px 7px 2px 7px;
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #0A0A0A;
	text-shadow: 1px 1px 1px #000;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.foot_content .dropdown_fullwidth {
	width: 920px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}	
	/* Showing Drop Down on Mouse Hover - Right aligned */

.foot_content li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
.foot_content li:hover .align_right {
	left:auto;
	right:-1px;
	top:25px;
}
.foot_content li.right:hover .dropdown_fullwidth {
	right:18px;
	top:33px;
}

/* Columns Sizes */

.foot_content .col_1,
.foot_content .col_2,
.foot_content .col_3,
.foot_content .col_4,
.foot_content .col_5,
.foot_content .col_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
}
.foot_content .col_1 {width:145px;}
.foot_content .col_2 {width:300px;}
.foot_content .col_3 {width:455px;}
.foot_content .col_4 {width:610px;}
.foot_content .col_5 {width:765px;}
.foot_content .col_6 {width:920px;}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.foot_content .firstcolumn {
	margin-left: 0; /* Clearing margin & left */
	clear: left;
}

#example_3 {  
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 540px; /* important */  
    height: 85px; /* important */  
    margin: 0px;  
  
}  
  
#example_3_frame {position: relative}  
#example_3_previous {float: left;}  
#example_3_next {float: rightright;}  
#example_3_content {  
    position: absolute;  
    top: 0;  
    margin-left: 20px;  
}  
  
#example_3_content  
#example_3_content li {  
    list-style: none;  
    margin: 0;  
    padding: 0;  
}  
    #example_3_content {  
        width: 5418px;  
    }  
    #container_bd #example_3 ul li {  
        display: block;  
        float: left;  
        margin: 5px;  
        padding: 5px;  
        border: 1px solid #666;  
     
    }  
  
#container_bd #example_3 ul li img {  
    display: block;  
}  

/* ------------------------------------------------------ */
/* CAPTION ME STYLES */
/* ------------------------------------------------------ */
/* credits go to Travis Isaacs and Aaron Martin. Original idea from Viewzi corporate blog */


.imgpost {
	float: right;
	position: relative;
}

/* so that image still floats and looks nice even if JS is turned off */
.imgpost img,
img.captionmeblue, img.captionmegrey, img.captionmered {
	float: right;
	position: relative;
	background-color: #fff;
}

.imgpost .thecaptionblue, .imgpost .thecaptiongrey, .imgpost .thecaptionred {
	top: -10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 1px #222;
	left: -20px;
	padding: 8px 13px 18px 13px;
	position: absolute;
	z-index: 29;
	width: auto;
}

.imgpost .thecaptiongrey {
	background: url('../images/captions/caption_grey.gif') no-repeat left bottom;
}
.imgpost .thecaptionblue {
	background: url('../images/captions/caption_blue.gif') no-repeat left bottom;
}
.imgpost .thecaptionred {
	background: url('../images/captions/caption_red.gif') no-repeat left bottom;
}

a .thecaption {
	text-decoration: none;
}

a .twitlink {
	padding-bottom: 10px;
}



