@charset "UTF-8";

/*--------------------------------------------------------------------*/
/* Profile style sheet for Greer Chamber                              */
/* Last Updated: 12.7.09 by Cory Perry                                */
/*--------------------------------------------------------------------*/
 

 #ui-datepicker-div
    {
        z-index: 9999999;
    }

/* headers */
#content #btmBannersub #blogDivsub h3#blogsub {
	width: 100%;
	height: auto;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	padding: 4px 0 4px 24px;
	background: #70ECB6 url(../images/blogbox_head.jpg) no-repeat top left;
}
#content #btmBannersub #blogDivsub h3#chef {
	width: 278px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/header_chefsnow.jpg) no-repeat top left;
}

#content #btmBannersub #blogDivsub h4.date {
	font-size: 11px;
	color: #FF9900;
	margin: 5px 0 3px 5px;
}
#content #btmBannersub #blogDivsub h3.title {
	font-size: 15px;
	color: #748A63;
	font-weight: normal;
	margin: 5px 0 6px 5px;
}
#content #btmBannersub #blogDivsub h4.recent {
	font-size: 11px;
	color: #748A63;
	margin: 0 5px 0px 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
}

#content #btmBannersub #videoDivsub h3#video {
	width: 94%;
	height: auto;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	padding: 4px 0 4px 24px;
	background: #65D0A2 url(../images/videobox_head.jpg) no-repeat top left;
}

/* main profile layout */
#content #profile-holder {
	padding: 10px 10px;
	height: auto;
	overflow: auto;
}

#content #profile-holder #breadcrumbs {
	margin: 10px 0 15px 0;
	padding: 5px 5px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}
#content #profile-holder #nav {
	border-bottom: 1px solid #ccc;
	height: auto;
	overflow: auto;
	margin: 25px 0 25px 0;
}
#content #profile-holder #nav ul {
	list-style: none;
	padding-left: 20px;
}
#content #profile-holder #nav a.on, #content #profile-holder #nav a.on:hover {
background-position:0 0;
color:#FFF;
}

#content #profile-holder #nav a:hover {
background-position:-300px 0;
color: #FFF;
}

#content #profile-holder #nav a {
background:transparent url(../images/navtabs.png) no-repeat scroll -150px 0;
color:#353434;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:10px;
margin-right:1px;
overflow:hidden;
padding-top:8px;
padding-bottom:8px;
text-align:center;
text-decoration:none;
width:147px;
}

#content #profile-holder h2.company {
	font-size: 16px;
	margin: 0 0 10px 0;
}
#content #profile-holder h2.subheader {
	font-size: 13px;
	border-bottom: 1px solid #353434;
	margin: 10px 0 10px 0;
}
#content #profile-holder #profile-left {
	height: auto;
	width: 60%;
}
#content #profile-holder #profile-leftsub {
	height: auto;
	width: 50%;
}
#content #profile-holder #profile-left-int {
	height: auto;
	width: 72%;
}

#content #profile-holder #profile-left p {
	font-size: 11px;
	line-height: 17px;
	margin: 0 10px 15px 0;
}
#content #profile-holder #profile-right {
	height: auto;
	width: 37%;
	float: right;
}
#content #profile-holder #profile-rightsub {
	height: auto;
	width: 47%;
	float: right;
}
#content #profile-holder #profile-right-int {
	height: auto;
	width: 25%;
	float: right;
	border-left: 1px solid #ccc;
	padding: 10px 10px;
}

#content #profile-holder #profile-main {
	height: auto;
	overflow: auto;
	position: relative;
	margin: 0 0 70px 0;
}

/*staff boxes*/
#content #profile-holder #profile-left .staff-box {
	width: 250px;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
}
#content #profile-holder #profile-left .staff-box img.staff-photo {
	width: 70px;
	height: 60px;
	background: #353434;
	float: left;
	margin: 0 8px 0 0;
}
#content #profile-holder #profile-right .staff-box {
	width: 250px;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
}
#content #profile-holder #profile-right .staff-box img.staff-photo {
	width: 70px;
	height: 60px;
	background: #353434;
	float: left;
	margin: 0 8px 0 0;
}
/*category box*/
#content #profile-holder #profile-right #category-box {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 6px;
}
#content #profile-holder #profile-right #category-box p {
	font-size: 10px;
	line-height: 15px;
}

#content #profile-holder .module {
	margin: 0 0 25px 0;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 0;
	height: auto;
	overflow: auto;
}

#content #profile-holder .module ul {
	list-style: none;
	font-size: 11px;
	margin-bottom: 15px;
}
#content #profile-holder .module ul li {
	margin: 0 0 4px 0;
}

/*module boxes*/
#content #profile-holder .module-box {
	margin: 0 0 25px 0;
}

#content #profile-holder .module-box ul {
	list-style: none;
	font-size: 11px;
	margin-bottom: 15px;
}
#content #profile-holder .module-box ul li {
	margin: 0 0 4px 0;
}
#content #profile-holder .module-box table {
	width: 100%;
	padding: 6px 6px;
}
#content #profile-holder .module-box table tr {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 0;
}
#content #profile-holder .module-box table tr td {
	margin: 5px 0 5px 0;
}
#content #profile-holder .module-box table tr p {
	font-size: 10px;
}

#content #profile-holder .module-box img.photo-main {
	width: 300px;
	height: 200px;
	padding: 2px 2px;
	border: 1px solid #FF6600;
}
#content #profile-holder .module-box img.photo-sec {
	width: 60px;
	height: 40px;
	padding: 2px 2px;
	border: 1px solid #FF6600;
	float: left;
	margin: 5px 14px 5px 0;
}

/* group page banner content */
#content #btmBannersub {
	width: 955px;
	height: auto;
	background: #F2FFE5;
	overflow: auto;
}
/* blog div */
#content #btmBannersub #blogDivsub {
	width: 600px;
	height: auto;
	float: left;
	border-right: 1px solid #CCC;
}

#content #btmBannersub #blogDivsub p {
	font-size: 12px;
	line-height: 17px;
	margin: 5px 4px 10px 8px;
}
#content #btmBannersub #blogDivsub p.headline {
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	margin: 10px 4px 5px 5px;
}

#content #btmBannersub #blogDivsub img.headshot {
	margin: 10px 5px 5px 5px;
	border: 1px solid #353434;
	background: #FFF;
	padding: 2px 2px;
	float: left;}

#content #btmBannersub #blogDivsub ul.recent {
	list-style: none;
	margin: 8px 5px 5px 5px;
	font-size: 11px;
}
#content #btmBannersub #blogDivsub ul.recent li {
	background: url(../images/icons/comment.png) no-repeat left center;
	margin: 0 0 6px 0;
	padding-left: 20px;
}
/* Video Div */
#content #btmBannersub #videoDivsub {
	width: 350px;
	height: auto;
	float: left;
}
#content #btmBannersub #videoDivsub p {
	font-size: 12px;
	line-height: 17px;
	margin: 5px 4px 10px 8px;
}
#content #btmBannersub #videoDivsub .video-boxsub {
	padding: 6px 6px;
	margin: 0 6px 0 6px;
	border-bottom: 1px solid #CCC;
	height: auto;
	overflow: auto;
}
#content #btmBannersub #videoDivsub .video-boxsub .video-img img {
	width: 80px;
	height: 64px;
	float: left;
	margin: 0 8px 8px 0;
	padding: 2px 2px;
	border: 1px solid #FF6600;
}
#content #btmBannersub #videoDivsub .video-boxsub h3.video-title {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	margin: 0 8px 0 0;
	padding-top: 12px;
}
#content #btmBannersub #videoDivsub .video-boxsub h4.video-subtitle {
	font-size: 13px;
	font-weight: normal;
	color: #2BB97D;
	margin: 0 8px 0 0;
}

/* photo gallery styling-------------------------*/
#content #profile-holder #profile-main .recipeList {
	padding: 8px 8px 8px 8px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 6px;
	min-height: 168px;
	background: #f5f5f5;
}
#content #profile-holder #profile-main .recipeList h3.recipeTitle {
	margin: 0 5px 0 115px;
	font-size: 18px;
	background: none;
	color: #2BB97D;
}
#content #profile-holder #profile-main .recipeList h4.recipeSubTitle {
	margin: 0 5px 12px 115px;
	font-size: 13px;
	background: none;
	color: #ff6600;
}

#content #profile-holder #profile-main .recipeList img.videothumb {
	padding: 2px 2px;
	border: 1px solid #FF6600;
	float: left;
	margin: 4px 8px 10px 0;
}

#content #profile-holder #profile-main .recipeList p {
	line-height: 17px;
	font-size: 11px;
	margin: 0 5px 8px 0;
}

/* event calendar styling------------------------*/
/* styling for blog listing page (blog-list.cfm) */
#content #profile-holder #profile-left-int .bloglist {
  border-bottom: 1px solid #CCC;
	margin: 10px 0 10px 5px;
	padding-bottom: 8px;
}
#content #profile-holder #profile-left-int .bloglist h4.blogtitle {
	font-size: 16px;
	font-weight: normal;
	color: #748A63;
	margin: 5px 0 2px 0;
}
#content #profile-holder #profile-left-int .bloglist h5.blogdate {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #CCC;
	margin: 2px 0 5px 0;
}
#content #profile-holder #profile-left-int .bloglist p {
	margin: 0 8px 8px 0;
}
#content #profile-holder #profile-left-int .bloglist p.link {
	margin: 0;
}

#content #profile-holder #profile-left-int .bloglist ul#postlist {
	list-style: none;
	margin: 0 0 10px 0 !important;
}
#content #profile-holder #profile-left-int .bloglist ul#postlist li.post {
	font-size: 13px;
	margin: 0 0 6px 0;
}

#content #profile-holder #profile-right-int ul#sidelist {
	margin: 10px 3px 10px 10px;
	font-size: 11px;
	list-style: none;
}
#content #profile-holder #profile-right-int ul#sidelist li {
	margin: 0 0 5px 0;
}

/* member dashboard----------------------------------*/
#content #profile-holder #profile-main h3.divider {
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	margin: 12px 0 12px 0;
	color: #ccc;
}

#content #profile-holder #profile-main ul.menu-list {
	list-style: none;
}
#content #profile-holder #profile-main ul.menu-list li.menu-item {
	display: inline;
	margin: 0 20px 0 0;
}

#content #profile-holder #profile-main table.table-data {
	width: 100%;
}

#content #profile-holder #profile-main table.table-data tr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content #profile-holder #profile-main table.table-data tr.table-nav {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}
#content #profile-holder #profile-main table.table-data tr.heading {
	font-size: 12px;
	font-weight: bold;
	border: none;
}
#content #profile-holder #profile-main table.table-data tr.switch {
	background: #f5f5f5;
}

#content #profile-holder #profile-main table.table-data td {
	padding: 8px 8px;
	
}
#content #profile-holder #profile-main table.table-data td img.thumb {
	padding: 2px 2px;
	border: 1px solid #ccc;
}
/* data form*/

h2.form-header {
	font-size: 19px;
	font-weight: bold;
	color: #CCC;
	margin: 15px 0 10px 0;
}
.data-form {
	font-size: 13px;
	padding: 15px 15px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	vertical-align: top;
}

.data-form tr td.label {
	width: 100%;
	vertical-align: top;
}

.data-form input {
	font-size: 16px;
	padding: 3px 3px;
}

.data-form textarea {
	font-size: 15px;
	padding: 3px 3px;
	font-family:"Lucida Grande", Verdana, Helvetica, Tahoma, sans-serif;
}

.data-form input.submit {
	font-size: 17px;
	background: #FF6600;
	color: #FFF;
	border: 1px solid #353434;
	width: auto;
}