/* move things around in bootstrap */
.mr10 {margin-right:10px;}
.mt10 {margin-top:10px;}

.links {
	width: 100%;
	border-collapse: collapse;
}

.links tr {
}

.links tr:hover {
	background-color: #EEEEEE;
}

.links_title td {
	background-color: #CCCCCC;
	font-size: 18px;
	font-weight: bolder;
}

.links td {
	padding: 4px;
	border: 1px solid #6d84b4;
}

.breakall {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	line-height: 1px;
}

.max300 {
	max-width:300px;
}

#noflash:hover {
	background-color: #FFFFFF;
}

a#linktitle {
	font-size: 18px;
	line-height: 20px;
	font-weight: bolder;
	text-decoration: none;
}

#clearall {
	border: 0;
	background-color: #FFFFFF;
}

#big {
	font-size: 18px;
	line-height: 20px;
}

#bigon {
	font-size: 18px;
	line-height: 20px;
	font-weight: bolder;
}

#bigoff {
	font-size: 18px;
	line-height: 20px;
	font-weight: bolder;
	color: #CCCCCC;
}

.h2 {
	font-size: 14px;
	font-weight: bolder;
}

.galleryname {
	padding: 2px;
	width: 116px;
	background-color: #85F4FE;
	display: block;
}

.gallery_border {
	padding: 2px;
	width: 120px;
	background-color: #EA1A8D;
	display: block;
}

#manageuser {
	display: block;
	padding: 2px;
	background-color: #000;
	text-align: left;
}

#manageuser, #manageuser a {
	color: #FFFFFF;
	text-decoration: none;
}

#manageuser a:hover {
	color: #FF0000;
}

/* search results */
.sr_text {
	background-color: #a6a5a5;
	color: #FFFFFF;
	border-bottom: 1px dashed #d76162;
	padding: 2px;
}

.sr_text a {
	color: #FFFFFF;
}

.sr_text a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.sr_title {
	background-color: #af1110;
	color: #FFFFFF;
	padding: 3px;
}

.sr_title a {
	color: #FFFFFF;
}

.sr_title a:hover {
	color: #FFFFFF;
}

.sr_block {
	background-color: #a6a5a5;
}

/* DIsplay Profile */
.pr_title {
	color: #000000;
	font-weight: bold;
}

/* forum */
.forum_user_name {
	background-color: #af1110;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px;
}

.forum_user_name a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
}

.forum_user_name a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
}

.forum_user_text {
	background-color: #a6a5a5;
	color: #FFFFFF;
	font-size: 11px;
	border-bottom: 1px dashed #d76162;
	padding: 1px;
}

textarea#content {
	width: 100%; /* stop textareas going wider than enclosing element */
}

table.form_table {
	width: 100%;
	border-width: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td.form_break {
	vertical-align: top;
	background-color: #bbb;
	color: #000;
	padding: 4px;
	font-size: 18px;
	line-height: 20px;
}

td.form_break a {
	color: #fff;
}

input.form_submit {
	vertical-align: top;
	background-color: #000;
	color: #fff;
	padding: 2px;
	font-weight: bolder;
	font-size: 16px;
	border: 1px;
}

td.form_title {
	vertical-align: top;
	background-color: #BBBDB7;
	padding: 2px;
	width: 140px;
	font-weight: bolder;
	white-space: nowrap;
}

td.form_title_required {
	vertical-align: top;
	background-color: #BBBDB7;
	padding: 2px;
	width: 140px;
	font-weight: bolder;
	white-space: nowrap;
}

td.form_input {
	vertical-align: top;
	background-color: #CCCDC7;
	padding: 2px;
	height: 2em;
}

td.form_input_highlight {
	vertical-align: top;
	background-color: #CCCDC7;
	color: #FFFFFF;
	padding: 2px;
	border: 2px solid #EA1A8D;
	border-collapse: collapse;
}

.form_help {
	vertical-align: top;
	background-color: #CCCDC7;
	padding: 2px;
}

.dbb {
	border-bottom: 1px dotted #999;
}

#breadcrumbs {
	width: 100%;
	background-color: #EEE;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 20px;
	text-align: left;
	clear: both;
}

/** Page Numbering **/
.pages {
}

.pages a {
	padding: 2px;
}

.pages a#more:hover {
	background-color: #333333;
	color: #FFFFFF;
}

.pages a#this {
	text-decoration: underline;
	font-weight: bolder;
}

.pagesBar {
	background-color: #FFFFFF;
}

.form_note {
	margin: 0 10px 10px 10px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
	font-size: 10px;
}

.form_note a {
	font-size: 10px;
}

a.small {
	font-size: 10px;
}

td a.large {
	font-size: 16px;
	font-weight: bolder;
}

.portfolioBottomImage {
	float: left;
	border-width: 0;
}

#profile, .profileSection {
	display: block;
	clear: both;
}

.hidden, .hiddenSection {
	display: none;
}

.formError {
	background: #933;
	color: #fff;
	padding: 5px;
}

.formError a, .formError a:hover {
	color: #fff;
	text-decoration: underline;
}

table.filesTable {
	height: 240px; /* Ensure JS tabs logic leaves enough room - profile Flash videos are 224px tall */
}

#mainProfilePart1 {
	width: 59%;
	float: left;
}

#mainProfilePart2 {
	width: 39%;
	float: right;
}

h4.sr_title {
	margin: 0;
	padding: 0.4em 0.2em;
}

.clearing {
	clear: both;
}

#iconBar {
	background-color: #FFFFFF;
	height: 74px; /* needed to have IE7 and below allow enough space */
}

#iconBarRight {
	margin: -70px 0 0 60px;
}

.iconBarNonFirst {
	min-width: 60px;
	float: left;
	text-align: right;
}

.iconBarNonFirst a {
	float: right;
}

#rollovertxt {
	height: 20px;
	clear: both;
}

.ad120 {
	border: 0;
}

.ad120Block {
	text-align: center;
}

.adminHighlightA {
	color: blue;
}

.standardTable, .adminTable, .bigTable {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.standardTable tr td, .standardTable tr th,
.adminTable tr td, .adminTable tr th {
	padding: 2px;
}

.profileTopCell {
	background-color: #a6a5a5;
}

.indent {
	margin-left: 2em;
}

.centered {
	text-align: center;
}

.topText {
	vertical-align: top;
}

.miniText {
	font-size: x-small;
}

.midH {
	/* replacing <font color=blue/> */
	color: blue;
}

.borderless {
	border: 0;
}

.minimalTable {
	border: 0;
	border-collapse: collapse;
}

.minimalTable td, .minimalTable th {
	padding: 0;
}

.middleTable {
	margin: 0 auto;
}

.slightlyPaddedTable {
	border-spacing: 1px;
	border-collapse: separate;
}

.slightlyPaddedTable tr td, .slightlyPaddedTable tr th {
	padding: 1px;
}

.homePageTable {
	border-spacing: 6px;
	border-collapse: separate;
}

.homePageTable tr td, .homePageTable tr th {
	padding: 10px;
	text-align: center;
}

/* Common to all designs - hide mobile menu button unless at small size */
#menu_button {
	display: none;
}

a img {
	border-width: 0; /* avoid IE's default blue box */
}

ul#menu_holder li.menu_item,
ul#menu_holder li.menu_item_on,
ul#sub_menu_holder li.sub_menu_item,
ul#sub_menu_holder li.sub_menu_item_on {
	cursor: default;
}

/* Mobile variations in common across all designs */

/* Ensure menu is shown at large size even if previously hidden when small */
@media screen and (min-width: 961px) {

	ul#menu_holder, ul#sub_menu_holder {
		display: block;
	}

}

/* Small screen rules */
/* Many need to be !important so they override the non-size-specific rules
   in a specific skin's CSS - these come last & otherwise take precedence */
@media screen and (max-width: 960px) {

	#main, #wrapper, #contentWrapper, #content, #sideBar,
	#header, #topBar, #join_now, #adBar, #menu, #subMenu,
	#sideAd, #login,
	#mainProfilePart1, #mainProfilePart2,
	.main-frame, #breadcrumbs, h1,
	#outerFixedWrapper, #innerFixedWrapper {
		float: none !important;
		clear: both !important;
		height: auto !important;
		width: auto !important;
	}

	ul#menu_holder, ul#sub_menu_holder {
		float: none !important; /* Avoid height: auto so we don't break jQuery*/
		clear: both !important;
		width: auto !important;
	}

	#mainProfilePart2 {
		margin-top: 1em !important;
	}

	#logo, #logo img, #content .image, .index_img {
		position: relative;
		max-width: 100%;
		height: auto;
	}

	#menu_button {
		display: block; /* Show menu toggle button on mobile */
		padding: 0.4em 0;
		font-size: 1.5em;
		text-align: center;
		float: none;
	}

	#menu_button:hover {
		cursor: pointer;
	}

	ul#menu_holder li.menu_item,
	ul#menu_holder li.menu_item:hover,
	ul#menu_holder li.menu_item_on,
	ul#sub_menu_holder li.sub_menu_item,
	ul#sub_menu_holder li.sub_menu_item:hover,
	ul#sub_menu_holder li.sub_menu_item_on {
		display: block;
		height: auto;
	}

	ul#menu_holder, ul#sub_menu_holder {
		list-style-type: none;
		width: auto;
		padding: 0;
		height: auto;
		display: none; /* Hide on mobile version until expanded */
	}

}