/* Layout ****************/
body, .TextPre pre {
	font-family: "Verdana", Sans-Serif;
	font-size: 11px;
}

.TextPre pre {
	margin: 0;
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #2e598e;
}

body {
	background-image: url('Backgrounds/Top.jpg');
	background-repeat: repeat-x;
}

#Frame1 {
	text-align: center;
	background: url('Backgrounds/Bottom.jpg') repeat-x left bottom;
}

#RightBackground1, #RightBackground2 {
	height: 556px;
	position: absolute;
}
#RightBackground1 {
	width: 100%;
	overflow: hidden;
}
#RightBackground2 {
	left: 50%;
	width: 50%;
	background: url('Backgrounds/RightBackground.jpg') no-repeat;
	background-position: 461px 0;
}

#Frame2 {
	background: url('Backgrounds/CenterBackground.jpg') repeat-y;
	background-color: #87a0bf;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 924px;
	text-align: left;
}

#Columns {
	background: url('Backgrounds/CenterBottom.jpg') no-repeat left bottom;
}

#ContentColumn {
	float: right;	
	width: 643px;
}

#ContentColumnHeader, #SidebarHeader {
	height: 180px;
}

#ContentColumnHeader {
	background: #3a3a3a url('Backgrounds/Logo.jpg') no-repeat;
}


#LoginHeader1, #Menu1 {
	height: 32px;
}

#Menu1 {
	background: #5c5c5c url('Backgrounds/Menu.jpg') no-repeat;
	position: relative;
	z-index: 1;
}

#Menu2 {
	padding: 7px 0 0 3px;
}

#Menu3 {
	width: 630px;
	height: 20px;
	overflow: hidden;
}


.MenuItem {
	font-size: 12px;
	font-family: "Arial", Sans-Serif;
}

.SubMenu a.MenuItem {
	display: block;
	padding: 3px 3px 3px 3px;
}

.SubMenu img {
	width: 15px;
	height: 15px;
}

.MenuItem a:link, .MenuItem a:visited, .MenuItem a:active, .MenuItem a:hover {
	text-decoration: none;
}

.SubMenu {
	border-width: 1px;
	border-style: solid;
	border-top-color: #777777;
	border-left-color: #777777;
	border-bottom-color: Black;
	border-right-color: Black;
	z-index: 2;
}

#LoginHeader1 {
	color: White;
	text-decoration: none;
	font-family: "Arial", Sans-Serif;
	font-size: 14px;
	font-weight: bold;
}

#ContentFrame1 {
	background: url('Backgrounds/CenterRight.jpg') no-repeat right top;
}

#ContentFrame2 {
	padding-right: 13px;
}

#MainContent, #MainContentBottom {
	background-color: #f3f6f9;
	width: 100%;
}

#MainContent {
	clear: both;
	position: relative;
	z-index: 0;
}

#MainContentTable, #SidebarContentTable {
	border-collapse: collapse;
	height: 700px;
	width: 100%;
}
 
#MainContentCell, #SidebarContentCell {
	vertical-align: top;
}

#MainContentCell {
	padding: 8px 0 0 8px;
}

#MainContentInner {
	width: 614px;
	overflow: hidden;
}

#MainContentBottom {
	background-image: url('Backgrounds/ContentBottom.jpg');
	background-repeat: no-repeat;
	height: 9px;
	overflow: hidden;
}


#Sidebar {
	float: left;
	width: 281px;
}


#SidebarFrame {
	padding: 0;
}

#SidebarContent a:link, #SidebarContent a:visited, #SidebarContent a:active, #SidebarContent a:hover {
	color: Black;
	text-decoration: none;
}
#SidebarContent a:hover {
	text-decoration: underline;
}


#SidebarHeader {
	background: White url('Backgrounds/NameCard.jpg') no-repeat;
}

#NameCard1 {
	padding: 19px 0 0 12px;	
}

#NameCard2 {
	width: 257px;
	height: 160px;
	overflow: hidden;
}

#LoginHeader1 {
	background: #5a5c51 url('Backgrounds/LoginHeader.jpg') no-repeat;
	color: White;
}

#LoginHeader2 {
	padding: 7px 0 0 16px;
}

#LoginHeader3 {
	width: 252px;
	height: 21px;
	overflow: hidden;
}

#SidebarContent {
	background: url('Backgrounds/Sidebar.jpg') no-repeat;
}

#SidebarContentCell {
	padding: 0 0 5px 12px;
}

#SidebarContentInner {
	width: 258px;
	overflow: hidden;
}

#Login {
	padding: 10px 10px 10px 10px;
	border-bottom: solid 1px #959595;	
}

#Login_LoginNameLabelCell, #Login_PasswordLabelCell {
	text-align: right;
}

#Login_LoginNameTextBoxCell input, #Login_PasswordTextBoxCell input {
	color: Black;
	background-color: #f1f7dd;
	border-top: solid 1px #550a0f;
	border-left: solid 1px #550a0f;
	border-bottom: solid 1px #a78480;
	border-right: solid 1px #a78480;
}

#Login_LoginNameTextBoxCell input {
	width: 100px;
}

#Login_PasswordTextBoxCell input {
	width: 100px;
}

#Login_ForgotPasswordCell {
	font-size: 10px;
}


#ColumnsLastLine {
	clear: both;
	height: 13px;
	overflow: hidden;
}


#Footer {
	background: #2f2f2f url('Backgrounds/Footer.jpg') no-repeat;
	height: 124px;
}

#FooterContent1 {
	font-family: "Tahoma", Sans-Serif;
	font-size: 12px;
	padding: 10px 0 0 20px;	
}

#FooterContent2 {
	width: 885px;
	height: 26px;
	overflow: hidden;
	text-align: center;
}

#Footer, #Footer a:link, #Footer a:visited, #Footer a:active, #Footer a:hover {
	color: White;
	text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}






/* Common ****************/
.Error {
	color: Red;
}

table, td, th {
	font-size: 100%;
}

input.Text, textarea, select {
	font-family: "Verdana" , Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: White;
	border: solid 1px silver;
}

input.Text, textarea.Text {
	/*border: 1px solid #444444;*/
	border: solid 1px silver;
}



/* HomePage ****************/


#MainContentTop {
	background: url('Backgrounds/HomePageHeader.jpg') no-repeat;
	background-color: #ec961d;
	height: 20px;
}

#HomePageDiv {
	background-image: url('Backgrounds/ContentVerticalLineMiddle.jpg');
	background-repeat: repeat-y;
	background-position: 312px top;
}
#HomePageTable {
	border-collapse: collapse;
	background-image: url('Backgrounds/ContentVerticalLineTop.jpg');
	background-repeat: no-repeat;
	background-position: 312px top;
	height: 500px;
	width: 100%
}
#HomePageCell {
	background-image: url('Backgrounds/ContentVerticalLineBottom.jpg');
	background-repeat: no-repeat;
	background-position: 312px bottom;
	vertical-align: top;
	padding: 0
}

#HomePageColumn1, #HomePageColumn2 {
	overflow: hidden;
}
#HomePageColumn1 {
	float: left;
	width: 49%;
}
#HomePageColumn2 {
	float: right;
	width: 47%;
}

.Date {
	color: White;
	font-size: 10px;
}

/* NameCard ********/
#NameCardButtons {
	position: relative;
	height: 25px;
}

#NameCardButtons a {
	color: Black;
	text-decoration: none;
	display: block;
}

#NameCardButtons a span {
	display: block;
	padding-top: 5px;
}

.NameCardSelectedButton, .NameCardUnSelectedButton, #NameCardPersonButton, #NameCardCompanyButton, #NameCardButtons a {
	width: 93px;
	height: 25px;
}
#NameCardPersonButton, #NameCardCompanyButton {
	overflow: hidden;
	top: 0;
	position: absolute;
	text-align: center;
}
#NameCardPersonButton {
	left: 6px;
}

#NameCardCompanyButton {
	left: 106px;
}

.NameCardSelectedButton {
	background-color: #ffaf1c;
	background-image: url('Buttons/NameCardSelectedButton.jpg');
	background-repeat: no-repeat;
}
.NameCardUnSelectedButton {
	background-image: url('Buttons/NameCardUnSelectedButton.jpg');
	background-repeat: no-repeat;
}

#NameCardPager {
	width: 225px;
	margin-left: 15px;
}

#NameCardPager a {
	color: Black;
	text-decoration: none;
	font-size: 10px;
}

#NameCardItem {
	position: relative;
	height: 100px;
}

#NameCardItem a {
	color: Black;
	text-decoration: none;
}

#NameCardText, #NameCardImage {
	top: 20px;
	position: absolute;
	overflow: hidden;
}

#NameCardText {
	font-size: 12px;
	left: 15px;
	width: 140px;
	height: 70px;
}

.NameCardUserName {
	font-weight: bold;
}
.NameCardUserWorkPosition, .NameCardUserCompanyName {
	font-size: 10px;
}


#NameCardImage {
	left: 170px;
	width: 70px;
	height: 70px;
}


/* Search Box *******/
#SearchBox {
	width: 259px;
	height: 72px;
	position: relative;
	background: url("Backgrounds/SearchBox.jpg") no-repeat;
}

.SearchLabel {
	position: absolute;
	top: 7px;
	left: 10px;
	color: White;
	font-family: "Arial", Sans-Serif;
	font-size: 13px;
	font-weight: bold;
}

#SearchInput {
	position: absolute;
	top: 36px;
	left: 13px;
}

#SearchInput input {
	border-style: none;
	border-width: 0;
	font-family: "Verdana" , Sans-Serif;
	font-size: 12px;
	color: Black;
	background-color: White;
	width: 187px;
}

#SearchButton {
	position: absolute;
	top: 32px;
	left: 219px;
}

/* Newsletter Box *******/
#NewsletterBox {
	width: 259px;
	height: 85px;
	position: relative;
	background: url("Backgrounds/NewsletterBox.jpg") no-repeat;
}

.NewsletterLabel {
	position: absolute;
	top: 7px;
	left: 10px;
	color: White;
	font-family: "Arial", Sans-Serif;
	font-size: 13px;
	font-weight: bold;
}

.NewsletterEMailLabel
{
	position: absolute;
	top: 32px;
	left: 10px;
	color: White;
	font-family: "Arial", Sans-Serif;
	font-size: 12px;
}

#NewsletterInput {
	position: absolute;
	top: 52px;
	left: 13px;
}

#NewsletterInput input {
	border-style: none;
	border-width: 0;
	font-family: "Verdana" , Sans-Serif;
	font-size: 12px;
	color: Black;
	background-color: White;
	width: 187px;
}

#NewsletterButton {
	position: absolute;
	top: 40px;
	left: 215px;
}


/* Forum *********/
.ForumComment {
	padding-bottom: 8px;
}

.ForumCommentHeader {
	width: 100%;
	background: #D5EAF2;
	border-collapse: collapse;
}

.ForumCommentHeader td {
	border-bottom: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
}

.ForumCommentText {
	padding-left: 5px;
	padding-bottom: 5px;
}

.UserList-EMail
{
	width: 200px;
	overflow: hidden;
}

.share_links {
	margin-top: 8px;
	margin-left:8px;
	height: 45px;
}

.share_myspace, .share_facebook, .share_twitter, .share_delicious, .share_digg, .share_stumbleupon {
	width: 35px;
	height: 35px;
	display: block;
	margin-right: 6px;
	float: left;
}

.share_myspace {
	background-image:url(Buttons/share.gif);
	background-position: 0px 0px;
}

.share_myspace:hover {
	background-image:url(Buttons/share.gif);
	background-position: 0px 35px;
}

.share_facebook {
	background-image:url(Buttons/share.gif);
	background-position: 175px 0px;
}

.share_facebook:hover {
	background-image:url(Buttons/share.gif);
	background-position: 175px 35px;
}

.share_twitter {
	background-image:url(Buttons/share.gif);
	background-position: 140px 0px;
}

.share_twitter:hover {
	background-image:url(Buttons/share.gif);
	background-position: 140px 35px;
}

.share_delicious {
	background-image:url(Buttons/share.gif);
	background-position: 105px 0px;
}

.share_delicious:hover {
	background-image:url(Buttons/share.gif);
	background-position: 105px 35px;
}

.share_digg {
	background-image:url(Buttons/share.gif);
	background-position: 70px 0px;
}

.share_digg:hover {
	background-image:url(Buttons/share.gif);
	background-position: 70px 35px;
}

.share_stumbleupon {
	background-image:url(Buttons/share.gif);
	background-position: 35px 0px;
}

.share_stumbleupon:hover {
	background-image:url(Buttons/share.gif);
	background-position: 35px 35px;
}