﻿.bordered
{
    border:solid 1px gainsboro;
    border-collapse:collapse;
}

.checkBox
{
	margin-left:-4px;
}

.tableTitle
{
    font-weight:bold;
    padding:2px 10px 2px 10px;
}

.remainingCharsLabel
{
	font-weight:normal;
	font-size:7.5pt;
	font-style:italic;
}

.contentSectionTitle
{
	margin-bottom:2px;
}

.masterBG
{
    background-color:lavender;
}

.contentBoldTitle
{
    font-weight:bold;
    font-size:8pt;
}

.contentTitle
{
    font-size:8pt;
}

.contentStandardText
{
	font:9pt Verdana, Arial, Helvetica, sans-serif;
}

.note, .footnote
{
	color:Gray;
	font:8pt Verdana, Arial, Helvetica, sans-serif;
}

.error
{
	color:Red;
}

/* Begin Edit Grid Styles */
.editGridHeader, .editGridHeader tr
{
	background-color:#e0e0e0;
	width:100%;
}

.editGridHeader, .editGridHeader td
{
	border-bottom:solid 1px black;
	font:bold 9pt Verdana, Arial, Helvetica, sans-serif;
}

.editGridItem, .editGridItem td, .editGridItem input
{
	background-color:#f2f2f2;
}

.editGridAlternatingItem, .editGridAlternatingItem td, .editGridAlternatingItem input
{
	background-color:#e6e6e6;
}

.editGridItem, .editGridItem td,
.editGridAlternatingItem, .editGridAlternatingItem td,
.editGridEditItem, .editGridEditItem td
{
	font-size:9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

.editGrid input, .editGrid textarea
{
	font:9pt Verdana, Arial, Helvetica, sans-serif;
}

.editGridEditItem, .editGridEditItem td, .editGridEditItem input
{
	vertical-align:top;
}

.editGridFooter td
{
	font:normal 9pt Verdana, Arial, Helvetica, sans-serif;
}


/* Begin Alert */
.alertInfo { COLOR: #003561 } 
.alertError { COLOR: crimson } 
.alertShell 
{ 
	border:solid 0px gainsboro;  
	margin-top: 10px; 
	margin-bottom: 10px;
	WIDTH: 100%; 
}
.alertTable 
{ 
	WIDTH: 100%; 
	BACKGROUND-COLOR: #f5f5f5; 
	TEXT-ALIGN: center 
} 
.alertTable TD 
{ 
	FONT: bold 9pt Arial, Verdana, Helvetica, sans-serif 
} 
.alertMessage 
{ 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	TEXT-ALIGN: left 
} 
.alertMessage A 
{ 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	TEXT-ALIGN: left 
} 
.alertMessage A:visited 
{ 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	TEXT-ALIGN: left
} 
.alertMessage A:hover 
{ 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	TEXT-ALIGN: left 
} 
.alertMessage A 
{ 
	COLOR: blue; 
	TEXT-DECORATION: underline 
} 
.alertMessage A:visited 
{ 
	COLOR: blue; 
	TEXT-DECORATION: underline 
} 
.alertMessage A:hover 
{ 
	COLOR: blue; 
	TEXT-DECORATION: underline 
} 
.alertMessage HR 
{ 
	WIDTH: 100%; 
	COLOR: #aaaaaa 
} 
/* End Alert */

.passwordIndicator
{
	background-color:Gray;
	color:White;
	margin-left:3px;
	padding:4px;
	font-size:8pt;
	font-style:italic;
}
/***/

body, td, input, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

body {
	margin: 0;
	color: #363636;
	background-color: #ffffff;
	
}

#forum-outer-wrapper {
	width:100%;
	margin: 0 auto;
	min-width: 960px;
}

#forum-outer-wrapper a {
	text-decoration: underline;
}

#forum-outer-wrapper a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}

* html .minwidth {
	border-left:780px solid #fff; 
	position:relative; 
	float:left; 
	z-index:1;
}
* html .container {
	margin-left:-780px;
	position:relative; 
	float:left; 
	z-index:2;
}

form {
	margin: 0;
	padding: 0;
}

.link-button {
	padding: 5px 15px 5px 15px; 
	font-weight: bold; 
	text-decoration: none !important;
	font-size: 12px;
	line-height: 10px;
}

/*-----------------------------------------------------------------------------
								Header
-----------------------------------------------------------------------------*/



.forum-header-wrapper {
	position: relative;
	margin: 0 auto;
	width:98%;
	height: 108px;
	background-image: url(images/bottom-right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}



.forum-header-wrapper h1 {
	font-weight: normal;
	position: absolute;
	font-size:24px;
	margin: 0;
	padding: 0;
	top: 20px;
	left: 20px;
	
}

.grid-header
{
	border-bottom: 1px solid #ffffff;	
}
	
.grid-header td
{
	padding-left:10px;
}

/*-------------------------------------Menu-----------------------------------*/

div#menu {
	float:left;
	width: 100%;
	padding-top:23px;
	background-image: url(images/bottom-left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

ul#nav,ul#nav li {
	list-style-type:none;
	margin:0;
	padding:0
}

ul#nav {
	margin-left: 20px;
}
ul#nav li {
	float:left;
	margin-right: 1px;
	text-align: center;
}

ul#nav a {
	float:left;
	width: 90px;
	padding: 5px 0;
	background: #ebebeb;
	text-decoration:none;
	color: #666
}

ul#nav a:hover{
	background: #ffffff;
	color: #000000;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover{
	background: #FFF;
	color: #003;
}

ul#nav a:visited{
    color: #000000;
}

ul#nav li.activelink a:visited,ul#nav li.activelink a:visited{
    background: #FFF;
    color: #003;
}

/*-------------------------------------Menu-----------------------------------*/


.top-links {
	text-align: right;
	margin-right: 10px;
	padding-top: 10px;
	/*margin-bottom: -23px;*/
}

.top-links a {
	font-size: 12px;
	text-decoration: underline;
}

.top-links a:hover {
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
								End Main Header
-----------------------------------------------------------------------------*/

/*------------------------------------------------
				   Main Body
-------------------------------------------------*/


/*----------------------------
			  Top
----------------------------*/

#main-top {
	background-image: url(images/top-center.gif);
	height:13px;
	margin-left: 229px;
	
}

#wrapper-top{
	height: 13px;
	overflow: hidden;
	background-image: url(images/top-center.gif);
	background-repeat: repeat-x;
}

#sidebar-top {
	width: 229px;
	height: 13px;
	float: left;
	background-image: url(images/sidebar-top.gif);
	background-repeat: no-repeat;
}

#right-top {
	background-image: url(images/top-corner.gif);
	width: 12px;
	height: 13px;
	float: right;
	background-repeat: no-repeat;
}

#container-top {
	width: 100%;
	float: left;
	margin-right: -200px;
}

/*----------------------------
			End Top
----------------------------*/

#outer_wrapper {
	/*background: #fff url(background_3.gif) repeat-y left;*/
	width:98%;
	margin: 10px auto 0 auto;
}

#wrapper {
	overflow: hidden;
}

#container {
	width: 100%;
	float: left;
	margin-right: -200px;
	height: auto !important;
	height: 325px;
}

#container .category-mngmnt 
{
	height: 325px;
}

#container:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}


#main {
	border-right: 1px solid #ccc;
	margin-left: 233px;
	padding-right: 13px;
}

.email-sub-button 
{
	float:right; 
}

.sidebar {
	width: 184px;
	float: left;
	padding: 0 30px 0 15px;
	padding-bottom: 1001em;
	margin-bottom: -1000em;
	background-image: url(images/sidebar-back.gif);
	background-repeat:repeat-y;
	height:auto;
}
.sidebar:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.sidebar {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .sidebar {height: 1%;}
*html #container {height: 325px;}
.sidebar, #container {display: block;}
/* End hide from IE-mac */


/*----------------sidebarcubes---------------------*/

.sidecube {
	width: 184px;
	margin-top: 15px;
	font-size:12px;
}

.cube-header {
	padding-bottom: 4px;
	margin-top: 5px;
}

.cube {
	width: 164px;
	height: auto;
	background-image: url(images/cube-top.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fafaf8;
	padding:13px 10px 10px 10px;
	line-height: 17px;
	overflow: hidden;
	word-wrap: break-word;
}

.mail a:link, .mail a:visited
{
	color: #000000 !important;
	line-height: 20px;
	display: inline-block;
	
	text-decoration: none !important;
	margin-bottom: 3px;

}

.mail a:hover 
{
	color: #000000 !important
}

.mail a.selected 
{
	font-weight: bold;
}

/*-------------------------------------------------*/

#right {
	width: 12px;
	border-right: 1px solid #cccccc;
	float: right;
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;
}

/*----------------------------
			Bottom
----------------------------*/

#wrapper-bottom {
	height: 13px;
}

* html #wrapper-bottom {
	height: auto;
}

#main-bottom {
	height:13px;
	margin-left: 229px;
}

#container-bottom {
	height: 13px;
	background-image: url(images/bottom-center.gif);
	background-repeat: repeat-x;
	width: 100%;
	float: left;
	margin-right: -200px;
}

#sidebar-bottom {
	width: 229px;
	height: 13px;
	float: left;
	background-image: url(images/sidebar-bottom.gif);
	background-repeat:no-repeat;
}

#right-bottom {
	background-image: url(images/bottom-corner.gif);
	width: 12px;
	height: 13px;
	float: right;
}
/*----------------------------
		  End Bottom
----------------------------*/


/*--------------------------------
		  Discussions Title
---------------------------------*/
#title-bar {
	padding: 0 10px 0 3px;	
	height: auto;
}

#title-bar span {
	text-align: right;
	/*float: right;*/
	padding-top: 5px; 
	margin: 0;
}

#title-bar h2 {
	margin:0;
	padding:0; 
	text-align: left;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	width: auto;
	font-size: 24px;	
}

#title-bar span a {
	color: #000;
}

#title-bar span a:hover {
	text-decoration: none;
}

.previous {
	padding-right: 15px;
}

.next {
	padding-left: 15px;
}

.right-arrow {
	margin-left: 1px;
}

.left-arrow {
	margin-left:30px;
	margin-right: 1px;
}

/*--------------------------------
		  Discussions Title
---------------------------------*/

/*--------------------------------
		  Discussions
---------------------------------*/

.discussion {
	border-bottom: 1px solid #cccccc; 
	padding-top: 10px;
}

.discussion-border {
	border-top: 1px solid #cccccc;
}

.discussion-heading {
	padding: 10px 0;
}

.discussion-text {
	padding-bottom: 15px;
	width: 98%;
	overflow: hidden;
}

.discussion-dark, .discussion-light, .discussion-dark td, .discussion-light td {
	height: 45px;
	width: 99%;
	border-bottom: 1px solid #ffffff;
}

a.discussion-title {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
}

.discussion-inside {
	width: 98%; 
	padding:0px 3px 0px 10px;
}

.discussion-inside div {
	font-size:10px;
}

.discussion-inside div a {
	font-size:10px;
}

.category-inside {
	width: 98%; 
	padding:0px 3px 0px 10px;
	font-size:12px;
	color: #363636;
}

.category-inside span.category-span {
	color: #959595;
	font-size:10px;
}

.category-inside span.category-span a {
	
}

.sticky 
{
	float: right;
	padding-left: 5px;
}

/*--------------------------------
		  End Discussions
---------------------------------*/

/*--------------------------------
		  General
---------------------------------*/

.settings-panel, .settings-panel-wide, .settings-panel-narrow {
	width: 99%;
	margin-top: 10px;
	
}

.settings-panel-wide {
	width: 99%;
}

.message-info 
{
	width: 98.8%;
	background-color: #EDEDE3;
	border: 1px solid #DDDDDD
}

.message 
{
	width: 98.8%;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding: 10px 0 10px 0;
	.margin-left: 3px;
}

.message span 
{
	display: block;
	padding: 0 5px;
}





.settings-panel-narrow {
	width: 337px;
}


.settings-panel-narrow2 {
	width: 526px;
}

.settings-panel-top {
	padding:4px 0 4px 10px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;	
}
 /*
.settings-panel-top:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 1px;
    font-size: 1px;
    clear: both;
} */
.settings-panel-top {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .settings-panel-top {height: 1%;}
.settings-panel-top {display: block;}
/* End hide from IE-mac */

.settings-panel-top span {
	color: #000000; 
	font-size: 11px;
	font-weight: bold;    
}

.settings-panel-label 
{
	line-height:20px;
} 

.settings-panel-body {
	padding: 5px 5px 5px 10px;
}

.spanBold {
	color: #000000; 
	font-size: 12px;
	font-weight: bold;
}

.submit-button {
	background-color:White;
	border: solid 1px #507CD1;
	color:#284E98;
	cursor:pointer;
	font-size:9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold
}

.category-box {
	display: block; 
	height: auto;
	margin: 9px 0 0 0; 
	width: 482px; 
	border-left: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc; 
	background-color: #ffffff;
}

.category-row-height {
	height: 23px;
}

.category-row {
	float:left;
	height: 16px;
	border-top: 1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	width: 111px;
	padding: 3px 4px 3px 10px;
}

.category-delete {
	float:left;
	height: 16px; 
	border-top: 1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	width: 47px; 
	padding: 3px 4px; 
	text-align: center;
}

.category-add {
	float: left;
	height: 16px; 
	border-top: 1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	background-color: #edede3; 
	width: 461px;
	padding: 3px 10px;
}

.category-add-form {
	float: left;
	border-top: 1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	background-color: #edede3; 
	padding: 5px 10px 10px 10px;
}

.members-top span {
	text-align: right;
}

.members-top span a {
	color: #000;
}

.second-span {
	padding-left: 10px;
}


/*------------------------------------------------
				Main Body End
-------------------------------------------------*/



.clear {
	clear: both;
}

/*------------------------------------------------
				Main Body End
-------------------------------------------------*/
/*Begin - Sidebar list*/

.CategoryNavLink
{
    color: #0000ff;
    text-decoration: underline;
}

.accordionContentFooter
{
	height:5px;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom: 5px;
}

.accordionContentFooter a 
{
	 font-style: italic;
}

/*End - Sidebar list*/

/* Begin Internals */
.internal, .internal td
{
	color:Gray;
	font-size:7pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.internalLabel
{
	font-weight:bold;
	text-align:right;
	width:50%;
}
/* End Internals */

.leftMarginLabel
{
	margin-left:10px;
}

.rightMarginLabel
{
	margin-right:10px;
	float:right;
}

.leftMarginLabelWide
{
	margin-left:30px;
}

.leftMarginCancelLink
{
	margin-left:5px;
}

/*------------------------------------------------
                Login and register etc
-------------------------------------------------*/
.center {
    margin-top: 60px;
    width: 100%;
    height: 100%;
}

.login {
    margin: auto;
    width: 320px;
    height: auto;
    border:1px solid #cccccc;
    border-collapse:collapse;
}

.login-top {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.login a{
    line-height: 17px;
    color: #363636;
}

.login a:visited {
    color: #363636;
}

.register {
    width: 400px;
    margin: auto; 
    height: auto; 
    border:1px solid #cccccc; 
    padding:7px;
    background-color: #ffffff;
}

.banner
{
	width: 100%;
	text-align:center;
	clear: both;
	margin-top: 20px;
	min-width: 960px;
}

.welcome {
	position: absolute; 
	bottom: 10px; 
	right: 10px; 
	font-size:12px
}

.discussion-outer {
    width: auto !important;
    margin-left: 145px;
    display: block;        
}

.discussion-side {
    float: left;
    width: 120px;
    padding: 10px;
    height: auto !important;
    margin-right: -85px;
    display: inline;
    text-align: left;
    font-size: 7pt;
	color: #7f7f7f;    
}

.discussion-avatar-image
{
	margin-top:5px;
	margin-bottom:5px;
}



/*------------------------
		My Messages
--------------------------*/

.message-table table 
{	
	margin-left: 1px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

.message-table table tr th 
{
	background-color: #EDEDE3;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	padding: 4px 5px;
	text-align: left;
}
.message-table table tr th input, .message-table table tr td input 
{
	margin: 0;
	padding: 0;
}

.message-table table tr td 
{
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	padding: 4px 5px;
}

.message-table table a:link, .message-table table a:visited 
{
	color: #000000 !important;
	text-decoration: none !important;
}

.message-table table a:hover 
{
	color: #cccccc !important;
}

.message-table table tr td.checkmark 
{
	padding: 0;
	width: 2%;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#c0c0c0;
	width:250px;
}

.modalPopupBody {
	margin-left:12px;	
	padding-bottom:5px;	
}
.modalPopup .settings-panel-top 
{
	padding: 6px 0 6px 10px;
	border-top: none;
}
.modalPopup .leftMarginLabel 
{
	margin: 0;
}
.modalPopupBody .leftMarginLabel 
{
	display: block;
	margin: 0;
	padding: 8px 0;
}

.modalPopup2 {
	background-color:#f2f7fd;
	border-width:0px;
	border-style:solid;
	border-color:#c0c0c0;
	width:250px;
}

.modalPopup2Body {
	margin-left:12px;	
	padding-bottom:5px;
	background-color:#f2f7fd;
}
.modalPopup2 .settings-panel-top 
{
	padding: 6px 0 6px 10px;
	border-top: none;
}
.modalPopup2 .leftMarginLabel 
{
	margin: 0;
}
.modalPopup2Body .leftMarginLabel 
{
	display: block;
	margin: 0;
	padding: 8px 0;
}

.modalRadioList input,
.modalRadioList span,
.modalRadioList label
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	height: 15px;
}
.modalRadioList span,
.modalRadioList label 
{
	padding-left: 3px;
	height: 15px;
}
.modalRadioList br 
{
	clear: left;
}

.searchPanel 
{
	float:right; 
	padding:20px 20px 0 0;
}	

.searchTextBox
{
	border:1px;
	border-style:solid;
	border-color:Gray;
}	

.categoryPopup
{
	border-style:solid; 
	border-width:1px; 
	background-color:White; 
	border-color:#ccc; 
    width:200px;
}

.categoryTreePopup
{
	border-style:solid; 
	border-width:2px; 
	background-color:White; 
	border-color:#ccc; 
    overflow:auto;
    max-height:450px;
    text-decoration:underline;
    padding:5px;
    color:#748ec3;
}

.categoryTreePopup td div 
{
	/* prevents gaps in lines if ShowLines is enabled on tree */
	height: 20px !important;
}

.actionPanel
{
	border-style:solid; 
	border-width:1px; 
	width: 385px;
	height:150px;
	background-color:White;
	border-color:#ccc; 
	
}

.actionPanelContent
{
	padding:0px 10px 10px 7px; 
	height:110px; 
	width:368px; 
	overflow:auto;
	background-color:White;	
}	

.actionPanelContent TH
{
	background-color:#F3F3ED;
}	

.dropdownListTreeviewCategoryPopup
{
	border-style:solid; 
	border-width:1px; 
	background-color:White; 
	border-color:#ccc; 
	width:305px; 
	overflow:auto; 
	max-height:145px;
}

.customDropDownList
{
	background-color:White; 
	border:solid 1px #404040; 
	border-bottom-color:#D4D0C8; 
	border-right-color:#D4D0C8; 
	color:Black; 
	padding:1px 1px 1px 1px; 
	width:305px; 
	border-left-width:2px; 
	border-top-width:2px;	
}
