
.formElement {
	float: left;
	margin: 0 10px 10px;
}

.floatedElement {
	float: left;
}

.smallPages {
	float: left;
}

.error {
	clear: both;
	float: left;
	width: 600px;
	margin: 5px 20px !important;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #FF0000;
	background-color: #DFA7A7;
	color: #551C1C;
}

,innerError {
	clear: both;
	float: left;
	margin: 5px 20px !important;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #FF0000;
	background-color: #DFA7A7;
	color: #551C1C;
}

.error a {
	color: #FF0000;
}

.hidden { /* Moves elements out of the viewport and preserves no space for them. Use this class rather than "display: none"! */
	height: 0;
	overflow: hidden;
	position: absolute;
	left: -9000px;
	max-width: 8000px;
}

.success {
	clear: both;
	float: left;
	width: 600px;
	margin: 5px 20px !important;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #FF0000;
	color: #090;
	background-color: #efe;
	border-color: #090;
}

.success a, .success a:hover {
	color: #333;
}

.prefix {
  font-size: 12px;
  /*color: #f75000;*/
  font-weight: normal !important;
}

label.usecookies {
	float: left;
	clear: both;
	margin: 0 10px;
	font-size: 12px;
}

ul.loginoptions {
	float: left;
	clear: both;
	font-size: 12px;
	margin-top: 20px;
}
ul.loginoptions li {
	float: left;
	margin-right: 20px;
}
ul.loginoptions img {
	float: left;
	margin-right: 5px;
}
.description {
	font-size: 12px;
	font-style: italic;
	float: left;
	clear: both;
	padding: 5px;
	margin: 5px;

}
.loginbtns {
	float: left;
	clear: both;
	margin: 20px 0;
}

.activeSubTabMenu a {
	font-weight: bold;
}


/* ### -- -- -- -- -- Smilies -- -- -- -- -- ### */

.smilies {
	margin: 0;
	padding: 0;
	list-style: none;
}

.smilies li {
	display: inline;
	margin-right: 2px;
	background: none;
	padding: 0 2px 0 0;
}

/* ### -- -- -- -- -- moderatorOverview -- -- -- -- -- ### */

.moderatorOverview {
	float: left;
	width: 300px;
	margin: 10px;
}

.moderatorOverview img {
	float: left;
	margin-right:10px;
}

.moderatorOverview a {
	float: left;
}

/* ### -- -- -- -- -- Thread -- -- -- -- -- ### */
#subject {
	width: 630px;
}

.text {
	width: 630px;
}

.threadstatus {
	float   : left;
	margin  : 5px;
	padding : 5px;
	cursor  : pointer;
}
.threadstatus input {
	float: left;
	margin: 5px 5px 0 0;
}
.threadstatus img {
	float: left;
	margin-right: 5px;
}
.threadstatus span {
	float: left;
	line-height: 24px;
	margin-right: 10px;
}

.tabcontent {
	display: none;
}

.tabbarcontent {
	background-color: #000;
	width: 640px;
}

.tabbarcontent fieldset {
	margin: 0 10px 10px 10px;
	border-color: #000;
}
.tabbarcontent legend {
	color: #000;
}

.tabcontentactive {
	display: inline;
}

.attachmentsInput input {
	margin-top: 10px;
}

.signatureon,
.signature {
  border-top: 1px solid #9A9A9A;
  margin-top: 20px;
  padding-top: 10px;
  float: left;
  width: 100%;
  filter : progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  -moz-opacity : 0.3;
  opacity : 0.3;
}

.signatureon {
   filter : progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  -moz-opacity : 1;
  opacity : 1;
}

/* ### -- -- -- -- -- PM Design -- -- -- -- -- ### */

.pmBar {
	float: left;
	margin-top: 0px;
}

.tableList tr.new {
	background-color: #6F9A7D !important;
}
.tableList tr.new a {
	color: #153F24;
	font-weight: bold;
}
/* ### -- -- -- -- -- Table Design -- -- -- -- -- ### */

.tableList {
	clear: both;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	/*background: #fff;*/
	margin: 10px auto;
	width: 98%;
	border-collapse: collapse;
	text-align: left;
}
.tableList th {
	font-size: 14px;
	font-weight: normal;
	color: #B3B3B3;
	padding: 10px 8px;
	border-bottom: 2px solid #8D8D8D;
}
.tableList td {
	border-bottom: 1px solid #393939;
	color: #B3B3B3;
	padding: 6px 8px;
}
.tableList tbody tr:hover td {
	color: #fff;
}

/* ### -- -- -- -- -- Table Design -- -- -- -- -- ### */
#search {
	position: relative;
}
#searchInput {
	width: 95%;
	float: left;
}
#searchSubmit {
	float: right;
	margin-top: 10px;
}

.searchContainer {
	border: 1px solid #3F3F3F;
	background-color: #000;
	position: absolute;
	z-index: 100;
	width: 300px;
	padding: 10px;
	top: 0px;
	left: 20px;
}

#searchoptions {
	clear: both;
}

.minus,
.plus {
	padding-left: 20px !important;
	background: url('../images/16x16/plus.png') no-repeat 0 2px !important;
	cursor: pointer;
}

.minus {
	background: url('../images/16x16/minus.png') no-repeat 0 2px !important;
}

/* ### -- -- -- -- -- Table Design -- -- -- -- -- ### */
.pageNavigation {
	padding: 3px;
	margin	: 3px;
	text-align:center;
	list-style: none;
	display: block;
	width: 100%;
	height: 40px;
	clear: both;
}

.pageNavigation li {
	background: none !important;
	float: left;
	padding: 0;
	margin: 0;
}

.pageNavigation li.active span,
.pageNavigation a {
	padding: 2px 5px 2px 5px;
	margin: 0 2px;
	border: 1px solid #949490;
	text-decoration: none;
	color: #5A5A43;
	line-height:24px;
	font-size:10px;
}

.pageNavigation li.skip img {
	padding: 7px 5px 2px 5px;
	margin: 0 2px;
}
.pageNavigation li.skip a img {
	margin: 0;
	padding: 0px 5px 2px 0px;
	top: 6px;
	position: relative;
}
.pageNavigation a:hover {
	border:1px solid #4AAACA;
	color: #fff !important;
	background-color: #4AAACA !important;
}

.pageNavigation li.active span {
	border: 1px solid #4AAACA;
	font-weight: bold;
	background-color: #4AAACA;
	color: #FFF;
}

.pageNavigation span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ccc;
	color: #ccc;
	top: 1px;
	position:relative;
}

.pageNavigation .skip a,
.pageNavigation .skip {
	border: none;
}

.pageNavigation .children {
	padding: 0;
}

.pageNavigation .children a {
  line-height:14px;
  padding: 0px 5px 2px 0px;
  margin: 0 ;
  position: relative;
  top: 4px;
  height: 16px;
  display: block;
}

.pageNavigation .children ul {
  display: none;
}

.pageNavigation input {
	text-align: center;
	background-color: #fff;
	border: none;
	width: 2.5em;
	display: none;
	border: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	top: 3px;
	position: relative;
}


/* ### -- -- -- -- -- Tabs -- -- -- -- -- ### */
.tabMenu {
  float: left;
  clear: both;
}

.tabMenu ul li {
  float: left;
  list-style: none;
  background: none !important;
}



/* ### -- -- -- -- -- Page Menu -- -- -- -- -- ### */

div.pageMenu {
	text-align: left;
	margin: 0 !important;
	border: 1px solid #1F3645;
	background-color: #1A2E3B;
	position: absolute;
	top: 60px;
	left: 20px;
}

div.pageMenu ul {
	font-weight: normal !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0;
	float: none !important;
	display: block !important;
}

div.pageMenu li {
	border: 0;
	float: none !important;
	margin: 0 !important;
	display: block !important;
	background: none;
	padding: 0;
}

div.pageMenu a, div.pageMenu a:hover {
	text-decoration: none !important;
	text-align: left !important;
	border: 0;
	margin: 0 !important;
	padding: 5px 20px 5px 10px !important;
	float: none !important;
	height: auto !important;
	display: block !important;
}

div.pageMenu a:hover {
  background-color: #59A5CF;
  color: #1A313D;
}

div.pageMenu span {
	margin: 5px !important;
	text-decoration: none !important;
	display: block;
}

/* ### -- -- -- -- -- Pop Up Menu -- -- -- -- -- ### */

.popupMenu {
	white-space: nowrap;
	border-width: 1px;
	margin: 0 0 10px 0;
	padding: 1px;
	position: absolute;
	z-index: 30;
	opacity: .9 !important; /* css 3 */
}

/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */

/* #### -- -- -- -- -- Inline Calendar -- -- -- -- -- #### */

.inlineCalendar {
	position: absolute; 
	display: none; 
	z-index: 100;
	width: 170px;
	background-color: #000;
	padding: 2px;
	border: 1px solid #3F3F3F;
}

.inlineCalendarHeader, .inlineCalendarFooter {
	color: #fff;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border-width: 1px;
}

.inlineCalendarHeader td, .inlineCalendarFooter td {
	text-align: center;
	font-weight: bold;
	padding: 0;
}

.inlineCalendarHeader td a, .inlineCalendarFooter td a {
/*	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	display: block;
*/
}

.inlineCalendarHeader td span, .inlineCalendarFooter td span {
/*
	border-width: 1px 0;
	border-style: solid;
	padding: 1px;
	display: block;
*/
}

.inlineCalendarHeader td a:hover, .inlineCalendarFooter td a:hover {
	text-decoration: none;
}

.changeElement {
	width: 1.5em;
}

.inlineCalendarTable {
/*
	border-width: 0 1px !important;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 0;
	border-bottom: 0;
*/
	table-layout: fixed;
	width: 100%; 
}

.inlineCalendarTable td {
	padding: 0;
	margin: 0;
}

.inlineCalendarTable a {
	text-align: center;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	margin: 1px;
	padding: 1px;
	display: block;
}

.weekDays {
	text-align: center;
}

#fromButton, #untilButton {
	margin-top: 25px;
}

/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */


