@charset "utf-8";
body {
	background-color: #d2a05b;
	background-image: url(skins/sma4/images/background-canvas.jpg);
	background-repeat: repeat-x;
	background-position: center top;

}
body, html {
	margin: 0px;
	padding: 0px;
        height: 100%;
}
a:link { color: #000; text-decoration: none;}
a:visited {text-decoration: none; color: #000;}
a:hover { text-decoration: underline; color: #000;}
a:active { text-decoration: none; color: #000;}

#media_box_body {
  background-color: #FFFFFF;
  background-image: none;
  margin: 0px 50px 0px 50px;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h1, h2, h3 {
	letter-spacing: 0px;
	line-height: 0px;
}
.clear {
	clear: both;
	font-size: 0px;
}
.clear_left {
	clear: left;
	font-size: 0px;
}
.clear_right {
	clear: right;
	font-size: 0px;
}
#wrapper {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.home-notification {
	width: 100%;
	background-color: #FF3030;
	padding: 5px 0;
	border-bottom: 1px solid #5C4033;
}
.home-notification div {
	margin: auto;
	width: 550px;
	font-size: 20px;
	color: #FFFAFA;
	font-weight: bold;
}
#container {
	background-image: url(skins/sma4/images/background-paper.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 937px;
	padding: 10px 21px 10px 21px;
	margin: 0px auto 0px auto;
}
/* For 1 Column Pages */
#one_column {
	width: 915px;
	margin: 0px auto 0px auto;
}
/* For 2 Column Pages */
#two_column_left {
	float: left;
	width: 625px;
        padding-left: 10px;
}

#two_column_right {
	float: right;
	width: 275px;
}
/* For 3 Column Pages */
#three_column {
	float: left;
	width: 310px;
}
/* For Media Box Pages */
#no_column {
        float: left;
	width: 99%;
}
/* Logo - Login */
#logo {
	float: left;
	height: 100px;
	width: 300px;
	border: none;

}
#login_container {
	float: right;
	margin: 0px 10px 26px 0px;
	height: 20px;
}
#login_container a {
	color: #6b6b6b;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-variant: small-caps;
	font-weight: bold;
}
/* Navigation */
#nav {
	float: right;
	margin: 0px 0px 0px 0xp;
	padding: 0px;
}
#nav li {
	display: inline;
	padding: 0px 10px 0px 10px;
	font-size: 16px;
	font-weight: bold;
}
#nav li.current, #nav li:hover  {
	text-decoration: underline;
}
#nav li a {
	text-decoration: none;
	color: #000000;
}
/* main page news */
#news_container {
	float: right;
	height: 290px;
	width: 265px;
	margin: 20px 0px 0px 0px;
	padding: 0px 13px 10px 17px;
	background-image: url(skins/sma4/images/background-grain.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#h2_news {
	color: #2a2a2a;
	background-image: url(skins/sma4/images/icon-news.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 5px 40px;
}
/* main page welcome text */
#welcome_text {
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 5px 10px 5px 0px;
	border-right: solid 1px #6b6b6b;
	width: 460px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* main page free trial text */
#free_trial {
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 5px 0px 5px 10px;
	width: 450px;
}

/* main page lower boxes */
#index_latest, #index_location, #index_instructors {
	float: left;
	height: 290px;
	width: 265px;
	margin: 20px 5px 20px 10px;
	padding: 0px 13px 10px 17px;
	background-image: url(skins/sma4/images/background-grain.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#index_location, #index_instructors  {
        text-align: center;
        text-decoration: none;
        color: #000000;
}
#h2_upcoming_events {
	color: #2a2a2a;
	background-image: url(skins/sma4/images/icon-events.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 5px 40px;
}
#h2_latest_photos {
	color: #2a2a2a;
	background-image: url(skins/sma4/images/icon-photos.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 5px 40px;
}
#h2_instructors {
	color: #2a2a2a;
	background-image: url(skins/sma4/images/icon-instructors.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 5px 40px;
}
/* cheezic tsd footer */
#cheezic_footer {
	height: 76px;
	width: 777px;
	padding: 35px 20px 0px 143px;
	margin: 0px auto 10px auto;
	background-image: url(skins/sma4/images/cheezic_footer_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#ctsd {
	color: #494949;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
}
#ctsd a, ctsd a:hover {
	text-decoration: none;
	color: #494949;
}
#ctsd_social {
	float: right;
	margin: 0px;
	padding: 0px;
}
#ctsd_social li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#ctsd_social li img {
	border: none;
}
/* page footer */
#footer_wrapper {
	height: 250px;
	width: 100%;
	background-color: #d2a05b;
	background-image: url(skins/sma4/images/background-paper.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#footer_wrapper2 {
	height: inherit;
	width: 100%;
	background-image: url(skins/sma4/images/footer-bg.png);
	background-repeat: repeat;
}
#footer_container {
	height: 210px;
	width: 937px;
	padding: 0px 21px 10px 21px;
	margin: 0px auto 0px auto;
	font-size: 16px;
}
#footer_list {
	width: 210px;
	float: left;
	padding: 0px 10px 0px 10px;
}
#footer_list li, #footer_list a, #footer_list a:active, #footer_list a:hover {
	list-style-type: none;
	text-decoration: none;
	color: #ffffff;
}
#footer_list img {
	border: 0;
	margin: 0px 3px 0px 0px;
	vertical-align: middle;
}
#fl_title {
	font-weight: bold;
	font-size: 19px;
}
/* class schedule formatting */
#schedule {
	width: 95%;
	border: none;
	margin: auto;
}
#schedule th {
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	padding: 5px;
}

#schedule td {
	border: solid 1px #666;
	padding: 5px;
	vertical-align: top;
}
#schedule a {
	text-decoration: none;
	color: #000;
}
#schedule a:hover {
	text-decoration: underline;
}
/* Class Information Side Bar */
#sidebar_list {
	width: 100%;
	padding: 0px;
}
#sidebar_list li, #sidebar_list a, #sidebar_list a:active, #sidebar_list a:hover {
	list-style-type: none;
	text-decoration: none;
	color: #000000;
}

#sidebar_list img {
	border: 0;
	margin: 4px 5px 4px 0px;
	vertical-align: middle;
}
/* Instructors Page CSS */

#instructor-wrap { width: 960px; padding: 0 0 0 15px; margin: 0 auto; overflow: hidden; height: 100%; }

.info-col { float: left; width: 132px; height: 100%; padding: 25px 0 0 0; margin: 0; }
.info-col h2 { text-align: center; font-weight: normal; padding: 0; margin: 5px 0; white-space: nowrap; }

.image { height: 250px; text-indent: -9999px; display: block; border-right: 1px solid white; margin-top: 20px; }

.hinman { background: url(images/instructors/ins-hinman.png) center center no-repeat; }
.kane { background: url(images/instructors/ins-kane.png) center center no-repeat; }
.sawyer { background: url(images/instructors/ins-sawyer.png) center center no-repeat; }
.fluckiger { background: url(images/instructors/ins-fluckiger.png) center center no-repeat; }
.johnson { background: url(images/instructors/ins-johnson.png) center center no-repeat; }

.instructors { margin: 0; }
.instructors dt { padding: 5px; background-color: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }

.instructors dd { position: absolute; left: -9999px; top: -9999px; width: 299px; background-color: #900; padding: 10px; color: white; border-right: 1px solid white;  margin: 0; }

.instructors dd img {
border: none;
}

dt.inscol1, dd.inscol1 { background-color: #b44835; }
dt.inscol2, dd.inscol2 { background-color: #ff7d3e; }
dt.inscol3, dd.inscol3 { background-color: #ffb03b; }
dt.inscol4, dd.inscol4 { background-color: #c2a25c; }
dt.inscol5, dd.inscol5 { background-color: #4c443c; }
dt.inscol6, dd.inscol6 { background-color: #656b60; }

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }

/* END Instructors Page CSS */

/* Slider-Portal Wrapper - So the the plugins display correctly */

#upper_left_wrap { float: left;	height: 300px; width: 620px; margin: 20px 0px 0px 0px;}
}

/* STUDENT PORTAL */

#student_portal_container {height: 300px; width: 620px; background-color: #FFF; float: left; margin: 0px 0px 0px 0px;} /* Sets up the block */
#student_portal_container a {height: 115px; width: 80px; display: block; float: left; margin: 0px 35px 15px;}

/* sets up the A HREF tags to display correctly, below sets up the background of each A HREF */

#spnews { background: url(images/student_portal/snews.gif) top left no-repeat;}
#spnews:hover { background: url(images/student_portal/snewso.gif) top left no-repeat;}
#spprofile { background: url(images/student_portal/sprofile.gif) top left no-repeat;}
#spprofile:hover { background: url(images/student_portal/sprofileo.gif) top left no-repeat;}
#spsearch { background: url(images/student_portal/ssearch.gif) top left no-repeat;}
#spsearch:hover { background: url(images/student_portal/ssearcho.gif) top left no-repeat;}
#spshop { background: url(images/student_portal/sshop.gif) top left no-repeat;}
#spshop:hover { background: url(images/student_portal/sshopo.gif) top left no-repeat;}
#spforms { background: url(images/student_portal/sforms.gif) top left no-repeat;}
#spforms:hover { background: url(images/student_portal/sformso.gif) top left no-repeat;}
#spforms-locked { background: url(images/student_portal/sforms-locked.gif) top left no-repeat;}
#sponesteps { background: url(images/student_portal/sonesteps.gif) top left no-repeat;}
#sponesteps:hover { background: url(images/student_portal/sonestepso.gif) top left no-repeat;}
#sponesteps-locked { background: url(images/student_portal/sonesteps-locked.gif) top left no-repeat;}
#sphelp { background: url(images/student_portal/shelp.gif) top left no-repeat;}
#sphelp:hover { background: url(images/student_portal/shelpo.gif) top left no-repeat;}

/* END STUDENT PORTAL */

/* main page slider */

#slider_container {
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	float: left;
	height: 300px;
	width: 620px;
	margin: 0px;
	background-image: url(images/slider/sliderbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;  
}
#slider_container ul, #slider_container li {
		margin:0;
		padding:0;
		list-style:none;
                height: 300px;
                width: 620px;
		}
#slider_container img {
                border: none;
                } 
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:15px;
                position: relative;
                top: -20px;
                left: 10px;
		}
	ol#controls li{
		margin: 0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
                font-size: 10px;
		}
	ol#controls li a{
		float:left;
		border:1px solid #ccc;
		background:#820c0e;
		color:#820c0e;
		padding: 0px 3px 0px 2px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#c1171a;
		color:#c1171a;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/* FAQ Section */
#faqheadingSection{
	padding:5px;
        padding-bottom:0px;
        margin-top: 10px;
	padding-left:10px;
	position:relative;
}

#faqSection{
	padding:10px 10px 20px 10px;
	border:1px solid white;
	text-shadow:1px 1px 0 white;
}

#faqh1{
	color:#000000;
	font-size:24px;
	font-weight:normal;
}

/* The expand / collapse button */

a.button{
	background:url('skins/sma4/images/buttons.png') no-repeat;
	width:80px;
	height:38px;
	position:absolute;
	right:100px;
	top:10px;
	text-indent:-9999px;
	overflow:hidden;
	border:none !important;
}

a.button.expand:hover{ background-position:0 -38px;}
a.button.collapse{ background-position:0 -76px;}
a.button.collapse:hover{ background-position:0 bottom;}

/* Definition Lists */

dt.faqq{
	color:#595959;
	font-size:20px;
	margin-top:10px;
	padding-left:25px;
	position:relative;
	cursor:pointer;
	border:1px solid transparent;
}

dt.faqq:hover{ color:#5f6a73;}

dt.faqq .icon{
	background:url('skins/sma4/images/bullets.png') no-repeat;
	height:12px;
	left:0;
	position:absolute;
	top:7px;
	width:12px;
}

dt.faqq.opened .icon{ background-position:left bottom;}

dd.faqa{
	font-size:14px;
	color:#595959;
	line-height:1.5;
	padding:20px 0 0 25px;
	width:480px;
	display:none;
}
/* End FAQ Section */
blockquote {
border-left: dashed 2px #000;
background: #f4e5bc;
padding: 1px 15px;

}
div#comments {
  padding: 4px;
  margin-top: 4px;
  width: 99%;
}

div#comments .comment_editor_header {
  padding-left: 4px;
  font-weight: bold;
}

div#comments .comments-title {
  font-size: 15pt;
  text-shadow: 1px 1px 0 #DDDDDD;
  text-transform: none;
  padding: 2px;
  margin-bottom: 8px;
  margin-top: 8px;
}

div#comments ol {
  padding: 0;
  margin: 0;
  margin-top: 8px;
}

div#comments ol li {
  list-style:none outside none;
  background:none repeat scroll 0 0 #F9F9F9;
  border:1px solid #CFCFCF;
  height:auto !important;
  margin: 4px 0;
  padding: 0;
  min-height:60px;
  overflow:hidden;
  font-style: normal;
}

div#comments ol li div.comment {
  padding: 4px;
  min-height: 60px;
  width: 99%;
}
div#comments ol li div.comment-admin {
  vertical-align: middle;
  float: right;
  display: inline;
  margin: 2px 8px 2px 2px;
  height: 18px;
}
div#comments ol li span.admin-hint {
  display: none;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 9px;
}
div#comments ol li div.comment-admin:hover {
  background-color: #FFC0C0;
}
div#comments ol li div.comment-admin:hover span {
  display: inline;
}

div#comments ol li img.avatar {
  background-color: #fff;
  padding: 3px;
  border: 1px solid #eee;
}

div#comments ol li div.avatar-column {
  float: left;
  width: auto;
  height: auto;
}

div#comments ol li div.message-column {
  margin-left: 100px;
  width: auto;
}

div#comments ol li p {
  padding: 2px;
  margin-top: 4px;
}

div#comments ol li span {
  line-height: 20px;
  margin-bottom: 10px;
  padding: 0;
}
div#comments ol li span.date {
  color: #666;
  font-size: smaller;
}

form#comment-form {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #CFCFCF;
  clear: both;
  margin: 0;
  overflow: hidden;
  padding: 4px;
}

form#comment-form markItUpComment_comment { width: 100%; height: 250px; padding: 0; }
form#comment-form div.markItUpContainer { width: 98%; height: 200px; padding: 4px; }
#comment_comment {
  font: 14px 'Lucida Console', Courier, monospace;
  padding: 0px;
  margin: 0px;
  border:1px solid #3C769D;
  height: 166px;
  position: relative;
  left: 4px;
  line-height:17px;
  overflow: scroll;
  width: 98%;
  z-index: 1;
  /*
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  */
}

form#comment-form input {
  border: 1px solid #CFCFCF;
  padding: 4px;
  display: block;
  width: 300px;
  margin-bottom: 10px;
  margin-left: 4px;
}

form#comment-form input[type="submit"] {
  background-color:#58B9EB;
  border:1px solid #40A2D4;
  color:#FFFFFF;
  cursor:pointer;
  font-family: Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:bold;
  padding:4px;
  margin-top:5px;
  width: 150px;
  /*
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  */
}

form#comment-form input[type="submit"]:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}

a.comment-edit {
  background: url("includes/images/edit.png") no-repeat scroll top center transparent;
  height: 16px;
  line-height: 16px;
  padding-left: 22px;
}
a.comment-delete {
  background: url("includes/images/eraser.png") no-repeat scroll top center transparent;
  height: 16px;
  line-height: 16px;
  padding-left: 22px;
}

div.comment_username { padding: 4px; }

div #error_message {
	background: #ffeaef;
	border: 3px solid #ff829f;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
 
div #success_message {
	background: #eaf4ff;
	border: 3px solid #82c0ff;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
div.pagination {
	font-family: Georgia, Times, serif;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	text-align: left;
	height: 40px; }
 
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		text-decoration: none;
		color: #44B0EB; }
 
		div.pagination a:hover {
			color: #44e5eb; }
 
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		font-weight: bold;
		background-color: #44B0EB;
		color: #ffffff; }
 
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #dddddd; }
.sf-menu {
  float: right;
  margin: 0px 0px 0px 0xp;
  padding: 0px;
}
.sf-menu li {
  display: inline;
  padding: 0px 5px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}
.sf-menu li.current, .sf-menu li:hover  {
	text-decoration: underline;
}
.sf-menu li a {
	text-decoration: none;
	color: #000000;
}

 
  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    background: #ffffff;
    top: 24px; /* match top ul list item height */
    z-index: 99; }
 
  .sf-menu li:hover li ul, .sf-menu li.sfHover li ul, .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul { top: -999em; }
 
  .sf-menu li li:hover ul, .sf-menu li li.sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0; }
div.bbcode_quote,
div.bbcode_code
{
  border: 1px solid #44B0EB;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  max-height: 410px;
  max-width: 720px;
  overflow: hidden;
  width: 98%; /* must be < 100% for nested quotes! */
}


div.bbeditor {
  position: relative;
  width: auto;
  height: 24px;
  margin: 0;
  padding: 0;
}

div.bbeditor img {
  padding: 3px;
  border: 1px solid #eee;
  margin-right: 3px;
  background-color: #fff;
  cursor: pointer;
}

div.bbcode_quote_head, div.bbcode_code_head {
  font-weight: bold;
  margin-bottom: 10px;
}

div.bbcode_code_body,
div.bbcode_quote_body {
  border: 1px solid #dadada;
  font-size: 13px;
  line-height: 9pt;
  max-height: 350px;
  /*max-width: 520px;*/
  overflow: scroll;
  padding: 4px;
  width: 99%;
}

div.bbcode_quote_body {
  font-style: italic !important;
}
div.bbcode_code_body {
  /*border: 1px solid #dadada;*/
  border: 0;
  font-family: "Lucida Console",courier,monospace,mono !important;
  white-space: pre;
}

.markItUpContainer {
  max-width: 900px;
}

div.article_title,
div.article_subtitle {
  background: transparent;
  clear: both;
  color: #272727;
  display: block;
  line-height: 1em;
  padding-bottom: 4px;
  width: 100%;
}

div.article_subtitle {
  font-size: 11px;
  margin: 4px 4px;
}

div.article_title h2 {
  padding-bottom: 0px;
  margin-bottom: 2px;
}

.article_title_link {
  background: transparent;
  color: #272727;
  font-size: 20px;
  line-height: 1;
  font-style: normal;
  text-decoration: none;
  padding-bottom: 0px;
  margin-bottom: 2px;
}

a.article_title_link:hover {
  background: transparent;
  color: #44b0eb;
}

div.article_article,
div.article_description {
  margin: 4px 4px;
  overflow-x: hidden;
}

div.article_comments,
div.article_read_more {
  display: inline;
  margin: 4px 4px 10px 4px;
}

div.article_rating {
  margin: 4px 4px 10px 4px;
  width: 100%;
}

.article_tools, .article_tools li {
  margin:0px !important;
  margin-right: 4px !important;
  padding:0px !important;
  list-style: none outside none;
  list-style-type: none;
  vertical-align: top;
}
.article_tools li {
  display: inline;
  vertical-align: top;
  height: 20px;
}
.article_tools li a {
  height: 16px;
  outline: none;
}
.article_tools li.social a {
  display: inline-block;
  margin-top: 5px;
  width: 16px;
}
.article_tools a:hover,
.article_tools a:visited,
.article_tools a:focus {
  outline: none;
}
.article_tools .delicious a { background-image:url(includes/images/social/delicious-16x16.png); }
.article_tools .digg a { background-image:url(includes/images/social/digg-16x16.png); }
.article_tools .email a { background-image:url(includes/images/social/email-16x16.png); }
.article_tools .facebook a { background-image:url(includes/images/social/facebook-16x16.png); }
.article_tools .twitter a { background-image:url(includes/images/social/twitter-16x16.png); }
.article_tools .article_pdf_link a { background-image:url(plugins/p2_news/pdf.png); }
.article_tools .article_print_link a { background-image:url(plugins/p2_news/printer.png); }
.article_tools .article_comments_link a { margin-left: 4px; }

div.article_footer {
  border-bottom: 1px solid #82c0ff;
  border-top: 1px solid #82c0ff;
  clear: both;
  display: block;
  height: 34px;
  margin: 10px 4px 15px 2px;
  padding-left: 2px;
  position: relative;
  vertical-align: middle;
  width: 99%;
}

div.article_footer_left {
  margin:0px;
  padding:4px;
  display: inline;
  float: left;
  left: 0px;
  top: 0px;
  position: relative;
  line-height: 10px;
  height: 10px;
  font-style: italic;
}

div.article_footer_right {
  margin: 0;
  padding: 4px;
  display: inline;
  float: right;
  right: 0px;
  top: 0px;
  position: absolute;
}

iframe.facebook_iframe {
  border: none;
  display: inline;
  float: left;
  padding-top: 4px;
  height: 30px;
  position: absolute;
  width: 70%;
}

#image_gallery_image img
{
  border: 1px solid #eee;
  padding: 2px;
}

#image_gallery_sections img
{
  border: 1px solid #eee;
  padding: 2px;
}

#image_gallery_thumbnails img
{
  border: 1px solid #eee;
  padding: 2px;
}
div.rating_wrapper *{margin:0; border:0; padding:0; }
div.rating_wrapper {overflow:hidden; height:16px; margin-bottom: 8px; }
div.sp_rating{ font-family: Georgia, Times, serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block; }
  div.sp_rating div.rating{ float:left; padding-right:4px; }
  div.sp_rating div.base{ background:url(includes/images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; padding-right:4px; overflow:hidden; }
  div.sp_rating div.average{background:url(includes/images/ratings.gif) 0 -16px no-repeat; text-indent:-9999px; }
  div.sp_rating div.votes{ float:left; padding-right:4px;}
  div.sp_rating div.score{ background: url(includes/images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative; }
    div.sp_rating div.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em; }
    div.sp_rating a.score1 {width:20%; z-index:55; }
    div.sp_rating a.score2 {width:40%; z-index:54; }
    div.sp_rating a.score3 {width:60%; z-index:53; }
    div.sp_rating a.score4 {width:80%; z-index:52; }
    div.sp_rating a.score5 {width:100%; z-index:51; }
    div.sp_rating div.score a:hover{ background:url(includes/images/ratings.gif) bottom right no-repeat; }
  div.sp_rating div.rating_status {height:16px; width:100px; overflow:hidden; position:relative; }
  div.sp_rating div.rating_score_this{ height:100%; overflow:hidden; }
    div.sp_rating div.rating_score_this a{color:#44b0eb; }

div.latest_articles {
	margin-bottom: 4px;
}

/* User Registration plugin CSS */
div#p12_registration {
  margin-bottom: 5px;
  margin-top: 5px;
}
div#p12_registration form {
  background: transparent;
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
  padding: 5px;
  max-width: 400px;
}

div#p12_registration table {
  background: none;
  margin-bottom: 15px;
  padding: 15px;
}

div#p12_registration table td.registration-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

div#p12_registration table td.registration-detail {
    margin-bottom: 10px;
    padding: 10px;
}

/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .markItUpButton1 a  {
  background-image:url(includes/images/markitup/bold.png);
}
.bbcode .markItUpButton2 a  {
  background-image:url(includes/images/markitup/italic.png);
}
.bbcode .markItUpButton3 a  {
  background-image:url(includes/images/markitup/underline.png);
}
.bbcode .markItUpButton4 a  {
  background-image:url(includes/images/markitup/picture.png);
}
.bbcode .markItUpButton5 a  {
  background-image:url(includes/images/markitup/link.png);
}
.bbcode .markItUpButton6 a {
  background-image:url(includes/images/markitup/colors.png);
}
.bbcode .markItUpButton6 ul {
    padding:1px;
    width:81px;
}
.bbcode .markItUpButton6  li {
    border:1px solid white;
    width:25px;  height:25px;
    overflow:hidden;
    padding:0px; margin:0px;
    float:left;
}
.bbcode .markItUpButton6 ul a {
    width:25px;  height:25px;
}
.bbcode .markItUpButton6 ul a:hover {
    background-color:none;
}
.bbcode .markItUpButton6 .col1-1 a {
    background:yellow;
}
.bbcode .markItUpButton6 .col1-2 a {
    background:orange;
}
.bbcode .markItUpButton6 .col1-3 a {
    background:red;
}
.bbcode .markItUpButton6 .col2-1 a {
    background:blue;
}
.bbcode .markItUpButton6 .col2-2 a {
    background:purple;
}
.bbcode .markItUpButton6 .col2-3 a {
    background:green;
}
.bbcode .markItUpButton6 .col3-1 a {
    background:white;
}
.bbcode .markItUpButton6 .col3-2 a {
    background:gray;
}
.bbcode .markItUpButton6 .col3-3 a {
    background:black;
}
.bbcode .markItUpButton7 a  {
  background-image:url(includes/images/markitup/fonts.png);
}
.bbcode .markItUpButton8 a  { /* Smilies */
  background-image:url(includes/images/smileys/smile.gif);
}
.bbcode .markItUpButton9 a  {
  background-image:url(includes/images/markitup/list-bullet.png);
}
.bbcode .markItUpButton10 a  {
  background-image:url(includes/images/markitup/list-numeric.png);
}
.bbcode .markItUpButton11 a  {
  background-image:url(includes/images/markitup/list-item.png);
}
.bbcode .markItUpButton12 a  {
  background-image:url(includes/images/markitup/quotes.png);
}
.bbcode .markItUpButton13 a  {
  background-image:url(includes/images/markitup/code.png);
}
.bbcode .markItUpButton14 a  {
  background-image:url(includes/images/markitup/clean.png);
}
.bbcode .markItUpButtonXX a {
  background-image:url(includes/images/markitup/preview.png);
  display: none;
}

/* Color Palette */
.bbcode .colors a {
  background-image:url(includes/images/markitup/colors.png);
}
  .bbcode .colors ul {
    width:110px;
    padding: 2px !important;
    margin: 2px !important;
  }
  .bbcode .colors li {
    border:1px solid white;
    width:25px;
    height:25px;
    overflow:hidden;
    padding:2px !important;
    margin:2px !important;
    float:left;
  }
  .bbcode .colors ul a {
    width:25px;
    height:25px;
  }
  .bbcode .colors ul a:hover {
    background-color: none;
  }

  .bbcode .colors .col1-1 a {
    background:yellow;
  }
  .bbcode .colors .col1-2 a {
    background:orange;
  }
  .bbcode .colors .col1-3 a {
    background:red;
  }

  .bbcode .colors .col2-1 a {
    background:blue;
  }
  .bbcode .colors .col2-2 a {
    background:purple;
  }
  .bbcode .colors .col2-3 a {
    background:green;
  }

  .bbcode .colors .col3-1 a {
    background:white;
  }
  .bbcode .colors .col3-2 a {
    background:gray;
  }
  .bbcode .colors .col3-3 a {
    background:black;
  }

.bbcode .calculator a {
  background-image:url(includes/images/markitup/calculator.png);
}

/* Smileys - point to /includes/images/smileys folder! v3.3.2 */
.bbcode .smileys a {
  background-image:url(includes/images/smileys/smile.gif);
}
  .bbcode .smileys ul {
    width: 126px;
    padding: 2px !important;
    margin: 2px !important;
  }
  .bbcode .smileys li {
    border: 1px solid white;
    width: 20px;
    height: 22px;
    overflow: hidden;
    padding: 2px !important;
    margin: 2px !important;
    float: left;
  }
  .bbcode .smileys ul a {
    width: 20px;
    height: 20px;
  }
  .bbcode .smileys ul a:hover {
    background-color: none;
  }

  .bbcode .smileys .col1-1 a {
    background-image:url(includes/images/smileys/angry.gif);
  }
  .bbcode .smileys .col1-2 a {
    background-image:url(includes/images/smileys/bigsmile.gif);
  }
  .bbcode .smileys .col1-3 a {
    background-image:url(includes/images/smileys/confuse.gif);
  }
  .bbcode .smileys .col1-4 a {
    background-image:url(includes/images/smileys/frown.gif);
  }

  .bbcode .smileys .col2-1 a {
    background-image:url(includes/images/smileys/neutral.gif);
  }
  .bbcode .smileys .col2-2 a {
    background-image:url(includes/images/smileys/smile.gif);
  }
  .bbcode .smileys .col2-3 a {
    background-image:url(includes/images/smileys/laugh.gif);
  }
  .bbcode .smileys .col2-4 a {
    background-image:url(includes/images/smileys/surprise.gif);
  }

  .bbcode .smileys .col3-1 a {
    background-image:url(includes/images/smileys/tongue.gif);
  }
  .bbcode .smileys .col3-2 a {
    background-image:url(includes/images/smileys/worry.gif);
  }
  .bbcode .smileys .col3-3 a {
    background-image:url(includes/images/smileys/wink.gif);
  }
  .bbcode .smileys .col3-4 a {
    background-image:url(includes/images/smileys/sleepy.gif);
  }

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
  margin:0px; padding:0px;
  outline:none;
}

.markItUp a:link,
.markItUp a:visited {
  color:#000;
  text-decoration:none;
}
.markItUp  {
  width:98%;
  margin:5px 0 5px 0;
  border:5px solid #F5F5F5;
}
.markItUpContainer  {
  border:1px solid #ccc;
  background:#FFF;
  padding:5px 5px 2px 5px;
  font:11px Arial, Helvetica, Verdana, sans-serif;
}
textarea.markItUpEditor {
  font:14px 'Lucida Console', Courier, monospace;
  /*padding: 4px;*/
  margin: 2px;
  border:1px solid #ccc;
  clear:both;
  display:block;
  line-height:17px;
  overflow: scroll;
  width: inherited;
}
.markItUpPreviewFrame {
  overflow:auto;
  background-color:#fff;
  border:1px solid #ccc;
  width:99.9%;
  height:300px;
  margin:5px 0;
}
.markItUpFooter {
  width:100%;
  cursor:n-resize;
}
.markItUpResizeHandle {
  overflow:hidden;
  width:22px; height:5px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(includes/images/markitup/handle.png);
  cursor:n-resize;
}

/* first row of buttons */
.markItUpHeader ul  {
  list-style-type: none !important;
  padding: 2px !important;
  margin: 2px !important;
}
.markItUpHeader ul li,
.markItUpHeader ul ul li {
  margin: 0px !important;
  padding: 0px !important;
}
.markItUpHeader ul li {
  list-style:none !important;
  float:left;
  position:relative;
  margin-right: 2px !important;
  padding: 2px !important;
}
.markItUpHeader ul li:hover {
  background-color: #f0f0f0;
}
.markItUpHeader ul li ul {
  display:none;
  list-style-type: none;
}
.markItUpHeader ul li:hover > ul {
  list-style-type: none;
  display:block;
}
.markItUpHeader ul .markItUpDropMenu {
  background:transparent url(includes/images/markitup/menu.png) no-repeat 115% 50%;
  margin-right:4px;
  z-index: 10; /* 1000; */
}
.markItUpHeader ul .markItUpDropMenu li {
  margin-right:0px;
  list-style: none !important;
}
.markItUpHeader ul .markItUpSeparator {
  background:transparent url(includes/images/markitup/handle.png) repeat-y;
  margin:0 10px;
  width:1px;
  height:16px;
  overflow:hidden;
  background-color:#ccc;
}
.markItUpHeader ul ul .markItUpSeparator {
  width:auto; height:1px;
  margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
  display:none;
  position:absolute;
  list-style:none !important;
  top:22px; left:0px;
  background:#F5F5F5;
  border:1px solid #d0d0d0;
  height:inherit;
  width:120px;
}
.markItUpHeader ul ul li {
  float:none;
  border-bottom:1px solid #d0d0d0;
}
.markItUpHeader ul ul .markItUpDropMenu {
  background:#F5F5F5 url(includes/images/markitup/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
  position:absolute;
  top:-1px; left:120px;
}
.markItUpHeader ul ul ul li {
  float:none;
}
.markItUpHeader ul a {
  display:block;
  width:18px; height:18px;
  text-indent:-10000px;
  background-repeat:no-repeat;
  padding:3px;
  margin:0px;
}
.markItUpHeader ul ul a {
  display:block;
  padding-left:0px;
  text-indent:0;
  width:120px;
  padding:5px 2px 5px 30px;
  background-position:2px 50%;
}
.markItUpHeader ul ul a:hover {
  color:#FFF;
  background-color:#d0d0d0;
  width:inherit;
}

li.markItUpButton {
  list-style:none;
  list-style-type: none;
}
div#p9_top_posters {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

div#p9_top_posters ul {
  padding: 0;
  margin: 0;
}

div#p9_top_posters ul li {
  list-style:none outside none;
  /* background:none repeat scroll 0 0 #F9F9F9; */
  /* border:1px solid #CFCFCF; */
  height:auto !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div#p9_top_posters ul li div.p9-outer {
  width: 100%;
}

div#p9_top_posters ul li img.avatar {
  background-color: #fff;
  border: 0;
  padding: 4px;
  border: 1px solid #eee;
}

div#p9_top_posters ul li div.p9-avatar {
  float: left;
  width: auto;
  height: auto;
}

div#p9_top_posters ul li div.p9-user {
  /*font-family: Helvetica,Arial,sans-serif !important;
  font-size: 14px;*/
  display: inline;
  float: left;
  font:inherit;
  padding: 4px;
  width: auto;
}

div#p9_top_posters ul li span {
  font:inherit;
  padding-top: 4px;
}
div#p9_top_posters ul li span.p9-count {
  color: #666;
  /* font-size: smaller; */
}

/* User Login Panel plugin CSS */
.login-panel {
  padding: 0px;
  margin: 0 0 8px 4px;
}

.login-panel div.login-avatar {
  clear: both;
  display: block;
}

.login-form { padding: 0; }
  .login-form input { width: 70px; }
  .login-form .login-div-user1 { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px;}
  .login-form .login-div-user2 { display: block; clear: right; }
  .login-form .login-div-pwd1  { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px; }
  .login-form .login-div-pwd2  { display: block; clear: right; }
  .login-form .login-div-remember { display: block; clear: both; padding: 0px; width: 100%; }
  .login-form .login-div-remember input { border: 0; padding: 4px; }
  .login-form .login-div-submit   { display: block; clear: both; padding: 0px; }
  .login-div-register { display: block; clear: both; padding: 6px; width: 100px; }
  .login-div-lostpwd { display: block; clear: both; padding: 6px; width: 100px; }

.login-form input[type="submit"] {
  background-color: #58B9EB;
  border: 1px solid #40A2D4;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 8px 2px 8px;
  margin: 4px 4px 8px 0px;
  width: auto;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.login-form input[type="submit"]:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}

.login-welcome {
  clear: right;
  display: block;
  font-size: 12px; font-weight: bold;
  padding: 0;
  margin-bottom: 8px;
}
/* Subdreamer User Profile plugin CSS */
div#user-profile {
  border: 0px;
}

form.usercp-form {
  background: transparent;
  border: 0;
  margin-bottom: 15px;
  padding: 5px 5px 5px 0px;
}

table.usercp-table {
  margin-bottom: 15px;
  padding: 15px;
}

table.usercp-table td.usercp-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

table.usercp-table td.usercp-detail {
    margin-bottom: 10px;
    padding: 10px;
}

div.ucp-groupheader {
  background-color: #e0e0e0;
  border: 1px solid #c0c0c0;
  font-size: 20px; font-weight: bold; background-color: #E0E0E0;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 5px;
  margin: 5px 1px 5px 5px;
}
#ucpForm { width: 100%; padding: 2px; }
#ucpForm fieldset legend { padding: 0.5em; }
#ucpForm fieldset div { padding: 4px; }
#ucpForm fieldset div label { display: inline-block; width: 200px; }
#ucpForm fieldset div input,
#ucpForm fieldset div select,
#ucpForm fieldset div textarea,
{ display: inline-block; line-size: 1px; margin-right: 8px; }
#ucpForm .ctrlHolder{ padding: 4px; border-bottom: 1px solid #efefef; }
#ucpForm .ctrlHolder.focused { background: #fffcdf; }
#ucpForm fieldset div label.error{ display: inline; color: red; }
#ucpForm .ucp_value_only { font-weight: bold; padding: 6px; }

#ucpForm button.primaryAction {
  background-color: #58B9EB;
  border: 1px solid #40A2D4;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Helvetica,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  margin: 6px;
  width: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#ucpForm button.primaryAction:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}
/* Hides the whole contact form until needed */
#contactForm {
  max-width: 500px;
  background: transparent;
	border:0;
	padding:2px 2px;
	color:#000;
	display:block;
	}

/* Loading bar */
.bar {
  display:none;
  background:url(../images/ajax-loader.gif) no-repeat center;
  margin-top:50px;
  height:40px; width:230px;
}

/* Hides the confirmation message until needed */
#messageSent { display:none; }

/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:12px;
	line-height:10px;
  padding-left:6px;
	padding-bottom:2px;
	color:#800000;
}

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */
#contactForm textarea, #contactForm input {
	width: 80%;
  font-family: Arial, Geneva, sans-serif;
	/* background:#6d6d6d url(../images/contact_input.png) repeat-x top; */
	border:1px solid #8a8a8a;
	height:15px;
	line-height:14px;
	font-size:12px;
	padding:2px 2px 0px;
	}
#contactForm input { height: 20px; line-height:15px; font-size: 13px; margin: 1px; padding: 2px; }
#contactForm textarea { height:114px; font-family: Arial, Geneva, sans-serif; }
#contactForm .submit {
	border:1px solid #aba8a8;
	background:#e5e5e5;
	text-transform:uppercase;
	color:#4d4d4d;
	font-weight:bold;
	padding:7px 16px 7px 14px;
	height:37px; width:130px;
	cursor:pointer;
	margin-top:10px;
	}
#contactForm .submit:active { background: #cacaca; }
#contactForm label { padding-left: 4px; font-weight: bold; }
#contactForm p { padding-bottom: 4px; }

input.p6_error { background-color: #FFC0C0; }

/* Hides the whole form until needed */
#freetrialForm {
  max-width: 500px;
  background: transparent;
	border:0;
	padding:2px 2px;
	color:#000;
	display:block;
	}

/* Loading bar */
.bar {
  display:none;
  background:url(../images/ajax-loader.gif) no-repeat center;
  margin-top:50px;
  height:40px; width:230px;
}

/* Hides the confirmation message until needed */
#messageSent { display:none; }

/* This hides the form validation alert messages until needed */
#freetrialForm span {
	display:none;
	font-size:12px;
	line-height:10px;
  padding-left:6px;
	padding-bottom:2px;
	color:#800000;
}

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */
#freetrialForm textarea, #freetrialForm input {
	width: 80%;
  font-family: Arial, Geneva, sans-serif;
	/* background:#6d6d6d url(../images/contact_input.png) repeat-x top; */
	border:1px solid #8a8a8a;
	height:15px;
	line-height:14px;
	font-size:12px;
	padding:2px 2px 0px;
	}
#freetrialForm input { height: 20px; line-height:15px; font-size: 13px; margin: 1px; padding: 2px; }
#freetrialForm textarea { height:114px; font-family: Arial, Geneva, sans-serif; }
#freetrialForm .submit {
	border:1px solid #aba8a8;
	background:#e5e5e5;
	text-transform:uppercase;
	color:#4d4d4d;
	font-weight:bold;
	padding:7px 16px 7px 14px;
	height:37px; width:130px;
	cursor:pointer;
	margin-top:10px;
	}
#freetrialForm .submit:active { background: #cacaca; }
#freetrialForm label { padding-left: 4px; font-weight: bold; }
#freetrialForm p { padding-bottom: 4px; }

input.p998_error { background-color: #FFC0C0; }

/* RESULTS */
#freetrial_container {border: dashed 5px #000000; padding: 10px 25px; width: 550px;}
#img_text {float: right; padding-bottom: 20px;}
#img_logo {float: left; padding-bottom: 20px;}
#ft_right {float: right; width: 50%;}
#ft_left {float: left; width: 50%;}
#ft_clear {clear: both;}
#ft_p_left {text-align: left;}
#ft_p_center {text-align: center;}

#p5001_imagegallery {
  background-color: transparent;
  clear: right;
  margin-bottom: 15px;
}

#p5001_imagegallery .gallery_header {
  padding: 2px;
  border-bottom: 1px solid #000;
  margin: 0;
  margin-bottom: 2px;
}

#p5001_imagegallery #gallery_containment {
  /* container for all display modes */
  border: none;
  clear: both;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
}
#p5001_imagegallery #gallery_containment td {
  border: 0;
  margin: 0 auto;
  padding: 0 15px 15px 0;
  width: 100%;
}

#p5001_imagegallery .p5001_pager_bottom,
#p5001_imagegallery .p5001_pager_top {
  clear: both;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

#p5001_imagegallery #mb_containment {
  /* container only for mbGallery */
  clear: both;
  min-height: 550px;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
}

#p5001_imagegallery ul.galleryimages {
  /* do not style anything visible here! */
  border: none;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 750px; /* max layout column width, not percentage */
}

#p5001_imagegallery ul.galleryimages li {
  border: 1px solid #007fff;
  display: inline;
  float: left;
  padding: 0;
  margin: 2px;
  text-align: center;
  width: 240px; /* use (max-layout-width) / (images per column) */
}

/* EXAMPLE override for section id 8: image container width = 300 */
/* about "width": use (max-layout-width) / (images per column) */
/*
table.gal-section-8 ul.galleryimages li
{
  border: 1px solid #ff0000 !important;
  width: 300px !important;
}
*/

#p5001_imagegallery div.section_img,
#p5001_imagegallery div.midsize_img,
#p5001_imagegallery div.thumb_img {
  height: 120px;
  margin: 8px;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  width: inherited;
}

#p5001_imagegallery div.thumb_img img {
  cursor: pointer;
  max-height: 110px; /* depending on above height and if admin links are shown */
  padding: 4px;
  vertical-align: middle;
  box-shadow: #333 2px 2px 5px;
  -moz-box-shadow: #333 2px 2px 5px;
  -webkit-box-shadow: #333 2px 2px 5px;
}

#p5001_imagegallery table.p5001_sections {
  margin: 8px 4px 15px 4px;
}

#p5001_imagegallery .section_container {
  margin: 0 auto; /* to center sections-list horizontally */
  width: 915px; /* must be full width in pixels, not percentage */
}

#p5001_imagegallery div.section {
  border: 1px solid #d0d0d0;
  cursor: pointer;
  display: inline;
  float: left;
  min-height: 210px;
  margin-bottom: 15px;
  margin-right: 15px;
  overflow: hidden;
  padding: 4px;
  text-align: center;
  width: 200px;
}

#p5001_imagegallery div.section .section_inner {
  margin: 0 auto;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}

#p5001_imagegallery div.section .section_inner img {
  cursor: pointer;
  margin: 0 auto;
  max-height: 110px; /* depending on above height and if admin links are shown */
  padding: 4px;
  vertical-align: middle;
  -moz-box-shadow:#333 2px 2px 5px;
  -webkit-box-shadow:#333 2px 2px 5px;
}

#p5001_imagegallery .image_title,
#p5001_imagegallery .image_title_single {
  clear: both;
  font-weight: normal;
  height: 18px;
  white-space: nowrap;
}
#p5001_imagegallery .image_title {
  background-color: #007fff;
  color: #fff;
  font-size: 13px;
  margin: 0 auto; /* centers the title */
  overflow: hidden;
  padding: 4px;
  text-align: center;
  width: 232px; /* "li"-width minus 2 times the padding! */
}

/* EXAMPLE override for section id 8: Image Title in section display in red */
/* "width" is "li"-width minus 2 times the padding! */
/*
table.gal-section-8 .image_title
{
  background-color: #ff0000 !important;
  width: 293px !important;
}
*/

#p5001_imagegallery .image_title_single {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 4px;
  text-align: left;
}
#p5001_imagegallery .gal-mode-0 .image_title_single {
  text-align: center;
}
#p5001_imagegallery .sections_header,
#p5001_imagegallery .images_header {
  border-bottom: 1px solid #d0d0d0;
  clear: both;
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 6px;
  text-align: left;
}

#p5001_images_container td.image_cell {
  margin: 0 auto;
  padding: 8px;
  text-align: center;
}
#p5001_images_container td.image_cell img {
  margin-top: 8px;
  padding: 6px;
  -moz-box-shadow:#333 2px 2px 5px;
  -webkit-box-shadow:#333 2px 2px 5px;
}

#p5001_imagegallery .image_descr,
#p5001_imagegallery .section_descr {
  clear: both;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  padding: 4px 4px 4px 6px;
  margin-bottom: 8px;
}

#p5001_imagegallery .form_header {
  clear: both;
  font-size: 18px;
  margin-bottom: 8px;
  padding: 4px;
  text-align: left;
}

#p5001_imagegallery .previous_img {
  text-align: left;
  padding: 5px 20px 7px 8px;
  width: 50%;
}

#p5001_imagegallery .next_img {
  text-align: right;
  padding: 5px 8px 7px 20px;
  width: 50%;
}

.p5001_pagination_top {
  border-bottom: 1px dotted gray;
  clear: both;
  padding: 2px;
  margin-bottom: 4px;
  margin-top: 2px;
  text-align: center;
  width: auto;
}

.p5001_pagination_bottom {
  border-top: 1px dotted gray;
  clear: both;
  padding: 2px;
  margin-top: 4px;
  margin-bottom: 2px;
  text-align: center;
  width: auto;
}

.p5001_pagelink {
  padding: 2px;
  margin-bottom: 4px;
  margin-top: 2px;
}

.p5001_pagelink_active {
  border: 1px solid black;
  text-decoration: none; font-weight: bold;
  padding: 2px;
  margin-bottom: 4px;
  margin-top: 2px;
}

.p5001_popup_container {
  background-color: #e5e5e5;
  border: 0;
  color: #000;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0;
  text-align: center;
}

.p5001_popup_title {
  background-color: #808080;
  border:1px solid #D0D0D0;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

.p5001_nav_link_cell_left {
  padding-bottom: 5px;
  padding-top: 7px;
  padding-right: 20px;
  text-align: left;
  width: 50%;
}

.p5001_nav_link_cell_right {
  padding-bottom: 5px;
  padding-top: 7px;
  padding-left: 20px;
  text-align: right;
  width: 50%;
}

.p5001_popup_description {
  background-color: #808080;
  border:1px solid #D0D0D0;
  color: #FFF;
  font-weight: normal;
  padding: 14px;
  text-align: center;
}


/* ##### Tag Cloud Styles ##### */
div.p17-tagcloud {
  background-color: #fff;
  border: 1px solid #d0d0d0;
  clear: both;
  display: block;
  line-height: 1.8em;
  margin: 10px 4px 10px 4px;
  padding: 8px;
  text-align: justify;
}

/* Tag Cloud */
.p17-tagcloud-style1 { font-size: 12px; color: #479; }
.p17-tagcloud-style2 { font-size: 15px; color: #659; }
.p17-tagcloud-style3 { font-size: 18px; color: #859; }
.p17-tagcloud-style4 { font-size: 21px; color: #a59; }
.p17-tagcloud-style5 { font-size: 24px; color: #b49; }
.p17-tagcloud-style6 { font-size: 30px; color: #b49; }

.p5001_recentsections td {
  padding: 4px;
  vertical-align: top;
}
.p5001_recentsections div {
  min-height: 40px;
  margin: 2px;
  text-align: center;
  width: 100%;
}
.p5001_recentsections img {
  cursor: pointer;
  max-height: 40px;
  padding: 4px;
  vertical-align: middle;
  -moz-box-shadow:#333 2px 2px 5px;
  -webkit-box-shadow:#333 2px 2px 5px;
}

form#p5000_form td.tdem1 { padding: 2px; width: 150px; }
form#p5000_form td.tdem2 { padding: 2px 5px 2px 10px; }
table#p5000_events th { padding: 3px 4px 8px 4px; }
table#p5000_events th a { font-weight: bold; }
table#p5000_events td { padding: 4px; }
table#p5000_events .rowcol1 { background-color: #fff; }
table#p5000_events .rowcol2 { background-color: #f4f4f4; }
table#p5000_events .rowcol3 { background-color: #efefef; }
table.p5000_event_details td { padding: 4px; }
table.p5000_event_details td.event_title { background-color: #fff; font-size: 18px; font-weight: bold; }
table.p5000_event_details .rowcol1 { background-color: #fff; }
table.p5000_event_details .rowcol2 { background-color: #f4f4f4; }
table.p5000_event_details .rowcol3 { background-color: #EFEFEF; }