/* General properties used throughout the entire site [Updated: January 9th, 2010] */

@font-face {  
  font-family: GeneralTextStyle;  
  src: url( http://demochronicles.mccolm.org/Media/Fonts/arial_0.ttf ) format("truetype");  
}  


@font-face {  
  font-family: ContainerTitle;  
  src: url( http://demochronicles.mccolm.org/Media/Fonts/federation.ttf ) format("truetype");  
}


body, font, th, td, p, div, span { font-family: arial, loma, GeneralTextStyle; }
body { margin: 0px; min-width: 1000px; }

a { text-decoration: none; color: #0046b1; }
a:visited { color: #0046b1; }
a:hover, a:active { color: #575b60; text-decoration: underline;}

.generalText { color: #000000; }
.generalTextBox { padding-left:8px; padding-right:8px; }

.generalSubMenuText { color: #d7d7d7; font-size: 90%; font-weight: bold;}
.generalSubMenuText a { text-decoration: none; color: #d7d7d7; }
.generalSubMenuText a:visited { color: #d7d7d7; }
.generalSubMenuText a:hover, a:active { color: #b8cfff; text-decoration: none;}    
.generalSubMenuTextDivider { padding-left: 5px; padding-right: 5px; color: #d7d7d7;}
.generalSubMenuBlockPosition { padding-left:15px; padding-top:3px; }

span.subMenuItem { padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; margin-right:3px; color:#d7d7d7; text-shadow: 2px 2px 3px #000; }
span.subMenuItem:hover { 
	background-color:#afc0d5; 
	cursor:hand; cursor:pointer; 
	border-style:solid; 
	border-width:1px; 
	border-color:black; 
	padding-left:9px; 
	padding-right:9px; 
	text-shadow: 0 0 0px white;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 2px  2px 3px #323232;                                                  
	-webkit-box-shadow: 2px 2px 3px #323232;
	box-shadow: 2px 2px 3px #323232; 
}

/* Displaced by Javascript Hack to get IE version working like other browsers */
.subMenuItem a { text-decoration: none; color: #d7d7d7; }                              
.subMenuItem a:visited { color: #d7d7d7; }
.subMenuItem a:hover, a:active { color: #373737; text-decoration: none;} 

.copyrightNotice { color: #d8d8d8; font-size: 90%; }

.siteupdateNotice { color:#a4a4a4; padding-right:30px; font-size: 90%; }

.revisionNotice { color:#a4a4a4; padding-right:15px; font-size: 90%; }

.welcomeUserNotice { color: #ffffff; font-size: 95%; text-shadow: 2px 2px 3px #000; }

#announcements { z-index:100; position:absolute; left:355px; top:175px; }
.announcementText { color: #696969; }

span.spanLink:hover { color : #575b60; }
span.spanLink { color: #0046b1; }

.striatedText { color: #FFFFFF; }
.striatedHeader { text-indent:4px; background-color:#becadb; color: #000000; white-space:nowrap; padding-left:1px; padding-right:1px; }
.striatedDark { background-color:#99b1d4; }
.striatedLight { background-color:#becadb; }

.MM		{vertical-align:middle;margin-top:1px;border:0px}
.N		{HEIGHT:25px; background: #BBB url(bg_th.jpg) top left repeat-x;}
.O TD	{HEIGHT:25px;WHITE-SPACE:nowrap;FONT-SIZE:11px;}
.O A	{COLOR:#000000;TEXT-DECORATION:none !important}
.P		{PADDING-LEFT:4px;PADDING-RIGHT:4px;CURSOR:hand;cursor:pointer;}
.Q		{COLOR:#FFFFFF;PADDING-LEFT:4px;PADDING-RIGHT:4px;BACKGROUND-COLOR:#cbba7f;CURSOR:hand;cursor:pointer;}
.Q A	{COLOR:#FFFFFF}
.T		{PADDING-LEFT:3px;PADDING-RIGHT:3px;BACKGROUND-COLOR:#e5d290;BORDER:1px solid #336699;CURSOR:hand;cursor:pointer;}
.U		{BACKGROUND-COLOR:#e5d290;LAYER-BACKGROUND-COLOR:#e5d290;VISIBILITY:hidden;POSITION:absolute;Z-INDEX:100;PADDING:1px;OVERFLOW:visible;BORDER:solid 1px #cbba7f;TOP:0px;LEFT:-200px;WHITE-SPACE:nowrap;CURSOR:hand;cursor:pointer;}
.W		{PADDING-LEFT:5px;PADDING-RIGHT:5px;PADDING-TOP:1px;;PADDING-BOTTOM:1px}
.W A	{TEXT-DECORATION:none;COLOR:#000000}
.X		{BACKGROUND-COLOR:#f2e39f;PADDING-LEFT:5px;PADDING-RIGHT:5px;PADDING-TOP:1px;;PADDING-BOTTOM:1px}
.X A	{TEXT-DECORATION:none !important;COLOR:#000000}

TD.mainTitle { 
	color: #FFFFFF; 
	white-space: nowrap;
	font-family: ContainerTitle;
}

TD.contentContainerSidebar { width:333px; vertical-align:top; }
TD.contentContainerContent { vertical-align:top; }

.mainText { color: #000000; }


.textIndent { padding-left:20px; }

th, td.th { 
	color: #000000;
	font-size: 12px; 
	font-weight: bold; 
	height: 25px; 
	border-width: 0px 1px 0px 1px; 
	padding: 0 2px; 
	white-space: nowrap; 
	background: #BBB url(bg_th.jpg) top left repeat-x; 
}

div.yearTopRound {
	background-color: #4e4e4e;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div.yearBottomRound {
	background-color: #4e4e4e;
	height:15px; 
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

}


.yearContainer {
	border:2px solid #4e4e4e; 
	border-top-width:0px; 
	border-bottom-width:0px; 
	width:100%; 
	background: -moz-linear-gradient(top, silver, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(silver), to(gray));
}


td.yearButtonContainer { padding:2px 0px 2px 25px; }

td.archiveYearButtonContainer { padding:2px 5px 2px 5px; }

span.yearButton {
	font-size:90%; 
	border: 1px solid black; 
	padding:1px 8px 1px 8px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color: #1749b0; 
	color:white;
	text-shadow: 2px 2px 3px #000;
}


table.roundNewsArchiveFrame {
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #000;
	height:100%;
	background: -moz-linear-gradient(top, silver, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(silver), to(gray));
}

span.returnToMenu { 
	padding: 3px 7px 3px 7px; 
	text-shadow: 2px 2px 3px #727272; 
	font-weight:bold; color:#474747; 
}

span.returnToMenu:hover { 
	background-color:white; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

span.monthItemList { 
	color:#0046b1; 
	white-space:nowrap;
}

span.monthItemList:hover { 
	background-color:white; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

div.archiveMonthItemContainer { overflow:hidden; width:310; }
div.eventArchiveMonthPanelDirections { text-align:center; white-space:nowrap; padding:5px; }

span.monthItem { padding: 0px 7px 0px 7px; color:#0046b1; text-shadow: 2px 2px 3px silver; font-weight:bold;  }
span.monthItem:hover { 
	background-color:white; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

.archiveSpanLink { padding-left:3px; }

div.roundSubtitleBar {
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	border-radius:7px; 
	background-color: #4e4e4e;
	text-align:center;
	font-size:14pt;
	color:white;
	white-space: nowrap; 
}

.roundChallengeArchiveDemoFrame {
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:4px solid #000;
	padding:3px;
}

.roundProfileContainer {
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid gray;
	padding:5px;
}

div.challengeArchiveDemoListItem {
	background-color:white; 
	padding:0px 5px 0px 5px; 
	font-size:10pt;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
}


.votePageDemoListItem {
	background-color:white; 
	padding:0px 5px 0px 5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

div.challengeArchiveSubheading {
	color:white;
	text-shadow: 0px 0px 7px gold;
	font-family: ContainerTitle;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #000;
	padding:2px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background: -moz-linear-gradient(top, #6c9af8, #567ac5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#567ac5));
	background-color:#567ac5;
}

div.challengeArchiveInstructions {
	background-color: #f1f1f1; 
	border:1px double black; 
	text-align:center;
	margin: 10px 0px;
}

td.challengeArchiveTitleBarAdvert {
	background-color: gold;
	border:1px double black;
	text-align:center;
	width:100%;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

td.challengeArchiveSubheadingTitle { font-weight:bold; font-family: ContainerTitle; color:white;}

.ContactFormLabels { background-color:#7a7a7a; color:white; text-align:right; }
.ContactFormTableCells { background-color:#7a7a7a; color:white;}

div.activePanelTab {
	color:#0a2150; 
	background: -moz-linear-gradient(top, gray, white 30%, white 70%, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(gray), color-stop(30%,white), color-stop(70%,white), to(gray));
	background-color:#b0b0b0;
	padding:3px 6px 2px 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-shadow: 2px 2px 3px #fff;
	font-weight:700;
} 

div.InactivePanelTab {
	color:silver; 
	background: -moz-linear-gradient(top, #303030, #7a7a7a 30%, #7a7a7a 70%, #303030);
	background: -webkit-gradient(linear, center top, center bottom, from(#303030), color-stop(30%,#7a7a7a), color-stop(70%,#7a7a7a), to(#303030));
	background-color:#535353;
	padding:3px 6px 2px 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;;
	font-weight:700;
	font-size:90%
}

div.InactivePanelTab:hover { 
	color:black;
	background: -moz-linear-gradient(top, #3a64bc, #98aedc 30%, #98aedc 70%, #3a64bc);
	background: -webkit-gradient(linear, center top, center bottom, from(#3a64bc), color-stop(30%,#98aedc), color-stop(70%,#98aedc), to(#3a64bc));
	background-color:#3a64bc; 
	cursor:hand; cursor:pointer;
	text-shadow: 1px 1px 3px silver; 
}

div.menuSubheading{
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #000;
	padding:2px;
	text-align:center;
	font-weight:BOLD;
	font-size:90%;
	background: -moz-linear-gradient(top, #6c9af8, #3850e5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#3850e5));
	background: linear-gradient(top, #6c9af8, #3850e5);
	background-color:#567ac5;
	font-family: ContainerTitle;
	color:white;
	text-shadow: 0px 0px 7px gold;
}

span.sideMenuChallengeText { font-weight: bold; font-size:90%; }
td.linkTextTitle { padding-left:5px; }

a.TermsOfUseLink { text-decoration: none; color:silver; font-size:90%;}
a.TermsOfUseLink:visited { color: silver; }
a.TermsOfUseLink:hover, a.TermsOfUseLink:active { color: gold; text-decoration: underline;}


a.articleSubheadingLink { text-decoration: none; color:white; font-size:90%; text-shadow: 2px 2px 3px #000;}
a.articleSubheadingLink:visited { color: white; text-shadow: 2px 2px 3px #000;}
a.articleSubheadingLink:hover, a.articleSubheadingLink:active { color: white; text-decoration: underline; text-shadow: 2px 2px 3px #000;}


a.userProfileIndexLink { text-decoration: none; color:white;}
a.userProfileIndexLink:visited { color: white; text-decoration: none;}
a.userProfileIndexLink:hover, a.userProfileIndexLink:active { color: gold; text-decoration: underline overline;}


a.siteHUDLink { text-decoration: none; color:gray;}
a.siteHUDLink:visited { color: gray; text-decoration: none;}
a.siteHUDLink:hover, a.userProfileIndexLink:active { color: gold; text-decoration:none;}

td.articleSubheadingTitle { 
	font-weight:bold; 
    font-family: ContainerTitle;
	color:white;
}

.articleText { padding-left:5px; padding-right:5px; padding-top:3px; line-height:135%; }
.subArticleText {padding-top:15px; }

.articleCodeNumber { background-color:#2f3a3c; padding:2px 8px 2px 4px; text-align:right; color:white; width:26px;}
td.articleCodeLine0Tab { background-color:#d9d9d9; padding-left:5px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine1Tab { background-color:#d9d9d9; padding-left:25px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine2Tab { background-color:#d9d9d9; padding-left:45px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine3Tab { background-color:#d9d9d9; padding-left:65px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine4Tab { background-color:#d9d9d9; padding-left:85px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine5Tab { background-color:#d9d9d9; padding-left:105px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine6Tab { background-color:#d9d9d9; padding-left:125px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine7Tab { background-color:#d9d9d9; padding-left:145px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine8Tab { background-color:#d9d9d9; padding-left:165px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine9Tab { background-color:#d9d9d9; padding-left:185px; padding-right:8px; white-space:nowrap; width:100%; }
td.articleCodeLine10Tab { background-color:#d9d9d9; padding-left:205px; padding-right:8px; white-space:nowrap; width:100%; }
span.ignore { color:gray; white-space:nowrap; }
span.comment { color:blue; white-space:nowrap; }

.smallTextProfileForm { font-size:9pt; color:#efefef; font-weight:500; text-shadow: 0 0 0px white;}

.profileFormMainContainer { background-color:#696a6c; width:100%; }

.profileFormLineElement { 
	color:#ffffff;
	font-weight:bold;
	background-color: gray; 
	border:1px solid black; 
	border-top:0px; 
	border-left:0px; 
	background: -moz-linear-gradient(top, #5c5c5c, #808080);
	background: -webkit-gradient(linear, center top, center bottom, from(#5c5c5c), to(#808080));
	text-shadow: 2px 2px 3px #000; 
}


form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.contactPost { 
	border:1px solid black; 
	padding:2px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#caced0; 
}

.post { 
	border:1px solid #047aff; 
	background-color:#3c3c3c; 
	color:white; 
	padding:2px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px; 
}

.search { 
	border:1px solid #047aff; 
	background-color:#AAAAAA; 
	color:white; 
	padding:2px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

input.searchButton { 
    background: -moz-linear-gradient(top, #6c9af8, #567ac5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#567ac5));
	background-color:#6c9af8;
	text-shadow: 2px 2px 3px #000;
	color:white;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
    border:1px solid black;
	-moz-box-shadow: 2px  2px 3px #323232;
	-webkit-box-shadow: 2px 2px 3px #323232;
	box-shadow: 2px 2px 3px #323232;  
}

input.searchButton:hover {
	background: -moz-linear-gradient(top, silver, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(silver), to(gray));
	background: linear-gradient(top, silver, gray);
	background-color:silver;
	cursor:pointer;
	cursor:hand;
}  

.newsArchiveIndexByYearContent {
	border:2px solid #4e4e4e;
	border-top-width:0px;
	border-bottom-width:0px; 
	width:100%; 
	background: -moz-linear-gradient(top, silver, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(silver), to(gray));
	background: linear-gradient(top, silver, gray);
	padding-bottom:7px;
	text-align:center;
} 

span.eventArchiveMonthListDate { padding-left:5px; color:black; padding-right:10px; }  

div.eventArchiveMonthListHeader { font-size:150%; text-align:center; font-weight:bold; }

.skipnav{
	font-size: 1px;
	left: -1000px;
	line-height: 1;
	position: absolute;
	width: 990px; 
}

span.submissionDescriptionLink { padding-left:10px; padding-right:10px; margin-right:3px; color:black; }
span.submissionDescriptionLink:hover {
	color:black; 
	background-color:#afc0d5; 
	cursor:hand; cursor:pointer; 
	border-style:solid; 
	border-width:1px; 
	border-color:black; 
	padding-left:9px; 
	padding-right:9px; 
	text-shadow: 0 0 0px white;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 2px  2px 3px #323232;
	-webkit-box-shadow: 2px 2px 3px #323232;
	box-shadow: 2px 2px 3px #323232; 
}

div.submissionDescriptionText {
 	padding:5px;
}

td.submissionEditBox {
	font-weight:500; 
	text-shadow: none; 
	font-size:100%; 
	background-color:#CACACA; 
	width:325px; 
	padding:2px; 
	border:1px solid black; 
	color:black;
}

td.submissionDescriptionEditButton {
	padding-left:5px; 
	text-shadow:-2px -2px 4px #FFF, 2px 2px 4px #FFF;
}

div.editSubmissionMinimalMessage {
	background-color: yellow; 
	padding-left:5px; 
	adding-right:5px; 
	padding-top:2px; 
	padding-bottom:2px; 
	text-align:center;
	text-shadow:none;
	color:black;
	font-size:90%;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:4px;
}   

table.panelContainerTable {
	border:4px solid black; 
	width:100%; 
	height:100%;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:black;
} 


td.panelContainerHeaderRight{
	background-color:black;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	color:white;
	text-align:center;
	padding:2px 0px 7px 0px;
}

td.panelContainerHeaderLeft{
	background-color:black;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	color:white;
	text-align:center;
	padding:2px 0px 7px 0px;
}

span.panelContainerHeaderText{
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:1px 15px;
	background-color:gray;
    background: -moz-linear-gradient(top, #6c9af8, #567ac5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#567ac5));
	background-color:#6c9af8;
	text-shadow: 2px 2px 3px #000;
	cursor:pointer;
	cursor:hand;
}

span.panelContainerHeaderText:hover{
	background: -moz-linear-gradient(top, silver, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(silver), to(gray));
	background: linear-gradient(top, silver, gray);
	background-color:silver;
} 

td.panelContainerContentArea{
	background-color:silver;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	border-radius:7px;
	background: -moz-linear-gradient(top, silver, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(silver), to(gray));
	background: linear-gradient(top, silver, gray);
}


table.menuContainerTable {
	border:4px solid black; 
	width:100%; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:black;
	-moz-box-shadow: 3px  3px 5px #323232;                                                  
	-webkit-box-shadow: 3px 3px 5px #323232;
	box-shadow: 3px 3px 5px #323232; 
} 


td.menuContainerFullHeader{
	background-color:black;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	color:white;
	padding:2px 0px 7px 10px;
} 

span.menuContainerHeaderText{
	font-weight:bold;
	color:white;
}

td.menuContainerContentArea{
	background-color:silver;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	border-radius:7px;
	padding:7px 7px;
}

.textMessageContainer { padding-left: 10px; padding-right: 10px; }

table.textContainerTable {
	border:4px solid #3c3c3c; 
	width:100%; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#3c3c3c;
	-moz-box-shadow: 3px  3px 5px #323232;                                                  
	-webkit-box-shadow: 3px 3px 5px #323232;
	box-shadow:3px 3px 5px #323232;
}

table.textContainerTableNoBorder { 
	width:100%; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#3c3c3c;
	-moz-box-shadow: 3px  3px 5px #323232;                                                  
	-webkit-box-shadow: 3px 3px 5px #323232;
	box-shadow:3px 3px 5px #323232;
} 


td.textContainerFullHeader{
	background-color:#3c3c3c;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	color:white;
	padding:3px 10px 5px 10px;
} 

.textContainerHeaderText{
	font-family: ContainerTitle;
	color:white;
}

td.textContainerContentArea{
	background-color:#d3d3d3;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	border-radius:7px;
	padding:5px 10px;
	vertical-align:top;
}

.challengeArchiveThemeDescription {
	background-color:#ebecec; 
	border:2px solid gray;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px;	                           
}

div.challengeArchiveSubheadingDropShadow {
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #000;
	padding:2px;
	text-align:center;
	color:white;
	text-shadow: 0px 0px 7px gold;
	font-weight:bold;
	font-size:110%;
	background: -moz-linear-gradient(top, #6c9af8, #567ac5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#567ac5));
	background-color:#567ac5;
	-moz-box-shadow: 3px  3px 5px #323232;                                                  
	-webkit-box-shadow: 3px 3px 5px #323232;
	box-shadow:3px 3px 5px #323232;
	margin-bottom:3px;
	font-family: ContainerTitle;
}

.menuConentContainer {
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #000;
	padding:5px;
	background: -moz-linear-gradient(top, #ffffff, #cad4ff);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cad4ff));
	background-color:white;	  
	-moz-box-shadow: 3px  3px 5px #323232;                                                  
	-webkit-box-shadow: 3px 3px 5px #323232;
	box-shadow:3px 3px 5px #323232;
}

.demoChallengeSubmissionsContainer {	 
	border:4px solid gray;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px;
	background: -moz-linear-gradient(top, #ffffff, #cad4ff);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cad4ff));
	background-color:white;	                           
}

.demoChallengeThemeName { 
	color: blue;
	text-shadow: 2px 2px 3px #000;
}

.signinNoteBox {
	-moz-box-shadow: 0px 0px 10px #567ac5;                                                  
	-webkit-box-shadow: 0px 0px 10px #567ac5;
	box-shadow:0px 0px 10px #567ac5;
	font-size:9pt; 
	background-color:#cacaca; 
	text-align:left; 
	padding:5px; 
	margin-top:5px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	max-width:830px;
	border:1px solid black;
}

.doubleFrameRoundACP {
	width:100%;
	border:5px double #415c94;
	-moz-border-radius:15px; 
	-webkit-border-radius:15px;
	border-radius:15px;
}

.roundTopBoxGray {
	font-style:italic; 
	font-size:14pt; 
	padding:5px; 
	text-align:center;
	-moz-border-radius-topleft:10px; 
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	background: -moz-linear-gradient(top, #6c9af8, #567ac5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#567ac5));
	background-color:#567ac5;
	color:white;
	text-shadow: 2px 2px 3px #000;
}

.newsEventPreviewContainerACP {
	overflow: auto; 
	width: 100%; 
	height: 350; 
	margin: 0px; 
	padding-top: 10px; 
	background-color:gray;
	-moz-border-radius-bottomleft:10px; 
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px; 
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}

.row {
	background: -moz-linear-gradient(top, #ececec, #cad4ff);
	background: -webkit-gradient(linear, center top, center bottom, from(#ececec), to(#cad4ff));
	background-color:#ececec;
	border-bottom:1px solid black;
	border-right:1px solid black;
	padding:3px;
}

.whiteMessageBox {
	background: -moz-linear-gradient(top, #ececec, #cad4ff);
	background: -webkit-gradient(linear, center top, center bottom, from(#ececec), to(#cad4ff));
	background-color:#ececec;
	padding:3px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
}

.sideMenuChallengeTextContainer {
	margin:3px 5px; 
	background-color: #CACACA;
	padding:3px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

.linkContainer {
	background-color:#ececec;
	padding:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

.challengeThemePreviewContnet {
	background-color:#9f9f9f;
	margin-top:2px;
	color:white;
	-moz-border-radius-bottomleft:7px; 
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px; 
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	overflow: auto;
}

.userProfileIndexContent {
	background-color:#ebecec;
	margin-top:2px;
	color:white;
	-moz-border-radius-bottomleft:7px; 
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px; 
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	padding:5px;
	border:1px solid black;
}

.indexRoundedBoxBorder {
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:3px solid #000;
	padding:5px;
	margin-top:5px;
} 

.indexArticleListingBox {
	border:2px solid gray;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:2px;
}

.indexArticleListingBoxHeader {
	font-style:italic; 
	padding:5px; 
	text-align:center;
	-moz-border-radius-topleft:7px; 
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
	-moz-border-radius-topright:7px; 
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
	background: -moz-linear-gradient(top, #6c9af8, #567ac5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#567ac5));
	background-color:#567ac5;
	color:white;
	text-shadow: 2px 2px 3px #000;
}

.indexArticleListingContent {
	background-color:#9f9f9f;
	margin-right:2px;
	color:white;
	-moz-border-radius-bottomleft:7px; 
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-radius-topleft:7px; 
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
	overflow: auto;
	height:110px;
}

div.indexArticleListingContentItem {
	padding:2px 5px 2px 5px; 
	color:white;
	white-space:nowrap;
}

div.indexArticleListingContentItem:hover {
	cursor:hand; cursor: pointer;
	color:black;
	background-color:silver;
}

div.indexArticleShiftButton {
	margin:12px 25px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 2px  2px 3px #323232;                                                  
	-webkit-box-shadow: 2px 2px 3px #323232;
	box-shadow: 2px 2px 3px #323232;
	text-align:center;
	color:white; 
	background: -moz-linear-gradient(top, #848484, #3c3c3c);
	background: -webkit-gradient(linear, center top, center bottom, from(#848484), to(#3c3c3c));
	background-color:gray;
	text-shadow: 2px 2px 3px black;
	font-weight:700;

}
                                                    
div.indexArticleShiftButton:hover {
	color:#0a2150;
	background: -moz-linear-gradient(top, white, silver);
	background: -webkit-gradient(linear, center top, center bottom, from(white), to(silver));
	background-color:white;
	text-shadow: 2px 2px 6px white, -2px -2px 6px white;
	cursor:hand; cursor:pointer;

}

.silverRoundedBox {
	background-color:#e6e6e6;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	border-radius:7px;
	padding:4px;
	border:1px solid black;
}

div.menuSubheadingShadow{
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #000;
	padding:2px;
	text-align:center;
	font-weight:BOLD;
	font-size:90%;
	background: -moz-linear-gradient(top, #6c9af8, #3850e5);
	background: -webkit-gradient(linear, center top, center bottom, from(#6c9af8), to(#3850e5));
	background: linear-gradient(top, #6c9af8, #3850e5);
	background-color:#567ac5;
	font-family: ContainerTitle;
	color:white;
	text-shadow: 0px 0px 7px gold;
	-moz-box-shadow: 2px  2px 3px #323232;                                                  
	-webkit-box-shadow: 2px 2px 3px #323232;
	box-shadow: 2px 2px 3px #323232; 
}

.indexArticleOptionsBox {
	background-color:#ebecec;
	margin:5px 10px 0px 10px;
	padding:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

.viewingOptionsSubcategory {
	margin:5px 0px;
	background-color:#CACACA;
	-moz-border-radius:5px;                                                                                              
	-webkit-border-radius:5px;
	border-radius:5px;
	padding-left:5px;
}

.toggleOptionsButton {	
	background-color:silver;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:3px 5px;
	font-size:90%;
	border:1px solid black;
	background: -moz-linear-gradient(top, white, silver);
	background: -webkit-gradient(linear, center top, center bottom, from(white), to(silver));
	background: linear-gradient(top, white, silver);
	-moz-box-shadow: 2px  2px 3px #323232;                                                  
	-webkit-box-shadow: 2px 2px 3px #323232;
	box-shadow: 2px 2px 3px #323232; 
}

a.toggleOptionsButton { text-decoration: none; color:black; font-size:90%;}
a.toggleOptionsButton:visited { color: black; }
a.toggleOptionsButton:hover, a.toggleOptionsButton:active { 
	color: black; 
	text-decoration: none;
	background: -moz-linear-gradient(top, white, #93b4f6);
	background: -webkit-gradient(linear, center top, center bottom, from(white), to(#93b4f6));
	background: linear-gradient(top, white, #93b4f6);
	background-color: #CACACA;
}

.italicBoldText {
	font-style:italic;
	font-weight:bold;
}

.articleCodeSegmentContainer {
	border-color:#1d373c; 
	background-color: #f1f1f1;
	margin:5px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
}

.articleCodeSegmentContainerLabel {
	background-color:white; 
	border:1px solid #1d373c;
	padding:2px 5px; 
	color:#1d373c; 
	font-size:12pt;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

.note {
	background-color:gold;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	margin:7px 0px;
}                        

.lineNumber {
	background-color: #789499; 
	padding: 2px 4px; 
	color: white;
	font-size:90%;
}

.lineItem {
	color: maroon; 
	font-weight: bold;
}

.expandSquare {
	border:1px solid black; 
	width:19px; 
	font-weight:bold; 
	text-align:center; 
	font-size:110%;
	margin-top:2px;
}

.expandText {
	border:1px solid black; 
	padding:2px 3px; 
	cursor:pointer; 
	cursor:hand; 
	margin:2px 0px;
}

.exampleBoxHeading {
	background-color:gray;
	padding:2px;
	text-align:center;
	font-weight:BOLD;
	font-size:90%;
	-moz-border-radius-topright:7px; 
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
	-moz-border-radius-topleft:7px; 
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
	text-shadow: 2px 2px 6px white, -2px -2px 6px white;
}
.exampleBox {
	border:2px solid gray;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow: 3px  3px 5px #323232;                                                  
	-webkit-box-shadow: 3px 3px 5px #323232;
	box-shadow: 3px 3px 5px #323232;
	text-align:center; 
}

.indexItemSelector:hover{
 	background-color:green;
}

.profileDetailsBox{
	background-color:#ebecec; 
	border:2px solid gray;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;	                           
}

.profileHeading{
	background: -moz-linear-gradient(top, silver, gray);
	background: -webkit-gradient(linear, center top, center bottom, from(silver), to(gray));
	background-color: silver;
	-moz-box-shadow: 2px  2px 3px #323232;                                                  
	-webkit-box-shadow: 2px 2px 3px #323232;
	box-shadow: 2px 2px 3px #323232; 
	padding:7px 12px;
	margin-top:7px;
	margin-bottom:15px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
}

.profileHeadingText{
	font-size:250%;
	font-family: ContainerTitle;
	text-shadow: 0px 0px 7px gold;
	color:white;
}

.profileStatusBox{
	background-color:#cacaca;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	height:58px;
	margin:2px 0px;
	border:1px solid gray;
	border-bottom:white;
	border-right:white;
	overflow:auto;	
}

.profileTextArea{
	width:100%; 
	height:100px;
	border:1px solid #047aff; 
	padding:2px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px; 
}

.profileStatusTextArea{
	width:100%; 
	height:50px;
	border:1px solid #047aff; 
	padding:2px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px; 
}

span.onlineTextColor{
	color:#41a20b;
	text-shadow: 2px 2px 6px #13fd76, -2px -2px 6px #13fd76;
}

span.offlineTextColor{
	color:red;
}

.challengeArchivePreviewBoxDate{
	background-color:gray;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding:2px 6px;
	color:white;
	text-shadow: 2px 2px 3px #000;
	text-align:center;
}

.challengeMgrCalendarTitle{
	font-family: ContainerTitle;
	color:white;
	text-shadow: 2px 2px 3px #000;
}