/* light: 62BFF0 dark: 1670A1 */
 :root {overflow-y:scroll}
 
/*** HEADERS ***/
h1
{
	font-family: Verdana, Arial;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #D94C24;
}

h2
{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #D94C24;
}
h2.bigheader
{
	font-size: 20px;
}
h2 a
{
	color: #D94C24;
	font-size: 14px;
}

tr.oldcompetition { }
tr.oldcompetition td { color: #999999; }
tr.oldcompetition td a { color: #999999; }

h2.lineheader
{
/*	background-color: #eeeeee;
	color: #D94C24;
	border-top: solid 1px #62BFF0;
	
	*/
/*background-color:#1670a1;
color: White;
*/
	color: #D94C24;
	padding: 4px 4px 4px 0px;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	margin-bottom:5px;
}
h3
{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	color: #D94C24;
}
.headerfont { color: #D94C24; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; }
h4
{
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	color: #D94C24;
}
h1.bigheader
{
	font-family: Arial, Verdana;
	font-size: 25px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: #D94C24;
	line-height: 115%;
}
h1.GroupHeader
{
	background: url('../_images/group_se.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 18px;
	padding-top: 0px;
}
h3.SmallBoxHeader
{
	font-size: 10px;
}
h4.SmallBoxHeader
{
	font-weight: normal;
}
h1.bigtabheader
{
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: bold;
	margin: -5px 0px -2px 0px;
	color: #D94C24;
}

/* Other general stuff */
hr
{
	border-top: solid 1px silver;
}
.clearingDiv 
{
	clear: 		both;
}

.clearingLeftDiv
{
	clear: left;
}
.floatingDiv
{
	float: left;
}
body
{
	background-color: #DDDDDD;
}
td
{
	padding: 3px 3px 3px 0px;
	vertical-align: top;
}
.PushExpanderDiv 
{ 
	height: 		100px;
	clear:			both;
} 

/* ELEMENTS ON ALL PAGES */

/* Below top banner elements, main */
#BelowTopBanner
{
	width: 1107px;
	margin: auto auto;
}
#SiteContent
{
	width: 855px;
	float: left;
}

/* Top Banner Elements */
#TopBannerWrapperOuter
{
	width: 100%; 
	background-color: #CCCCCC;
	height: 134px;
	margin-bottom: 3px;
	border-bottom: solid 2px #AAAAAA;
}
#TopBannerWrapperInner
{
	padding-top: 7px;
	padding-bottom: 7px;
	width: 995px;
	height: 124px;
	margin: auto auto;
}
#TopBanner_LeftSide
{
	width: 15px;
	height: 120px;
	float: left;
	background-image: url('../_images/design2009/bannerindicator_top.gif');	
}
#TopBanner
{
	height: 120px;
	float: left;
}

/* MyStartPage */
.MyStartPageTable
{
	margin-top: 0px;
}
.MyStartPageTable .LeftColumn
{
	padding: 10px 8px 0px 8px;
	border-right: solid 1px #CCCCCC;
	background-color: #F0F1F5;
	text-align: center;
}
.MyStartPageTable .MiddleColumn
{
	padding: 13px 0px 20px 15px;
	width: 320px;
}
.MyStartPageTable .RightColumn
{
	padding: 13px 0px 20px 0px;
	width: 320px;
}

.AlertBubble
{
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #FBFBBC;
	border: solid 1px #CCCCCC;
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	*/
}
.AlertBubble b { color: #D94C24; }

/* Startpage counters */
.counter
{
	font-size: 15px;
	color: #D94C24;
	text-align: center;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin-bottom: 8px;
	text-decoration: none;
	font-weight: bold;
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;		*/
}
.counter h3
{
	font-size: 10px;
}
.counter a
{
	font-weight: normal;
	font-size: 11px;
}
.countertext
{
	font-size: 12px;
	color: #D94C24;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}




/* Right column banner stuff elements */
#RightColumnBannersWrapper
{
	width: 250px;
	float: right;
}
#RightColumnBanners_TopSide
{
	height: 15px;
	width: 250px;
	background-position: center;
	background-image: url('../_images/design2009/rightcolumnbanner_topside.gif');
	background-repeat: no-repeat;
}
#RightColumnBanners
{
	width: 250px;
	overflow: visible;
}

/* Top navigation elements */
#TopNav_TopLeftCorner
{
	width: 15px;
	height: 15px;
	background-image: url('../_images/design2009/topnav_topleftcorner.gif');
	float: left;
}
#TopNav_TopSide
{
	width: 830px;
	height: 15px;
	background-image: url('../_images/design2009/topnav_topside.gif');
	float: left;
}
#TopNav_TopRightCorner
{
	width: 10px;
	height: 15px;
	background-image: url('../_images/design2009/topnav_toprightcorner.gif');
	float: left;
}
#TopNav_LeftSide
{
	width: 15px;
	height: 100px;
	background-image: url('../_images/design2009/topnav_leftside.gif');
	float: left;
}
#TopNav
{
	width: 830px;
	height: 100px;
	background-color: #1670A1;
	background-image: url('../_images/design2009/topnav.gif');
	position: relative;
	float: left;
	font: normal 11px Verdana, Arial, Sans-Serif;
	color: White;
}
#TopNav a { color: White; }
#TopNav a:hover { text-decoration: underline; }

#TopNav_RightSide
{
	width: 10px;
	height: 100px;
	background-image: url('../_images/design2009/topnav_rightside.gif');
	float: left;
}
#TopNav_AddButtons
{
	position: absolute;
	left: 490px;
	width: 200px;
	top: 6px;
	z-index: 1000;
}
#TopNav_AddButtons_BackupLinks
{
	position: absolute;
	left: 490px;
	top: 20px;
	z-index: 999;
	line-height: 20px;
}

a.AddDaynoteButton { background-repeat: no-repeat; height: 30px; display: block; float: left; background-position:0 -90px; }
a.AddDaynoteButton:hover { background-position: 0 -120px; }
a.AddDaynoteButton:active { background-position: 0 -150px; }

a.AddActivityButton { background-repeat: no-repeat; height: 30px; display: block; float: left;}
a.AddActivityButton:hover { background-position: 0 -30px; }
a.AddActivityButton:active { background-position: 0 -60px; }

#TopNav_Logo
{
	left: 15px;
	top: 6px;
/*	left: 20px;
	top: 7px;*/
	position: absolute;
}
#TopNav_Description
{
	font: bold 11px Verdana, Arial, Sans-Serif;
	color: White;
	top: 24px;
	position: absolute;
	left: 109px;
}
#TopNav_Login
{
	left: 109px;
	top: 39px;
	position: absolute;
}
#TopNav_Login .Separator
{
	border-left: solid 1px silver;
	float: left;
	margin-left: 7px; 
	margin-right: 7px;
}
#TopNav_Login .Link
{
	float: left;
}
#TopNav_Login .Link a 
{
	float: left;
}
#TopNav_WhoIsLoggedInLinks
{
	left: 109px;
	top: 21px;
	font-size: 12px;
	position: absolute;
}
#TopNav_WhoIsLoggedInLinks a
{
	margin-right: 7px;
}
#TopNav_WhoIsLoggedInLinks a.arrow
{
	margin-right: 7px;
	background-image: url('../_images/arrow_right_white.gif'); 
	background-repeat: no-repeat;
	background-position: 1px 8px;	
	padding: 3px 0px 3px 7px;
	font-size: 12px;
}
#TopNav_Inbox
{
	left: 109px;
	top: 41px;
	font-size: 12px;
	position: absolute;
}
#TopNav_Inbox a
{
}
#TopNav_Search { width: 220px; height: 30px; top: 20px; left: 593px; position: absolute; }
#TopNav_Search_NotLoggedIn { width: 260px; height: 30px; top: 40px; right: 10px; position: absolute; }
/*#TopNav_Search_NotLoggedIn { width: 220px; height: 30px; top: 25px; left: 480px; position: absolute; } */
#TopNav_Language { top: 12px; position: absolute; right: 10px; }

#SearchButton
{
	margin-right: 2px;
}

/* Tabs elements */
#Tabs
{
	height: 26px;
	left: 110px;
/*	left: 20px;*/
	position: absolute;
	overflow: visible;
	bottom: 0;
}
#Tabs .unselected_leftside
{
	background-image: url('../_images/design2009/tab_unselected_leftside.gif');
	background-repeat: no-repeat;
	float: left;
	width: 7px;
	height: 26px;	
}
#Tabs .unselected_rightside
{
	background-image: url('../_images/design2009/tab_unselected_rightside.gif');
	background-repeat: no-repeat;
	float: left;
	width: 7px;
	height: 26px;	
}
#Tabs .selected_leftside
{
	background-image: url('../_images/design2009/tab_selected_leftside.gif');
	background-repeat: no-repeat;
	float: left;
	width: 9px;
	height: 26px;
}
#Tabs .selected_rightside
{
	background-image: url('../_images/design2009/tab_selected_rightside.gif');
	background-repeat: no-repeat;
	float: left;
	width: 9px;
	height: 26px;
}
#Tabs .unselected
{
	float: left;
	height: 19px;
	padding: 6px 3px 1px 3px; 
	text-align: center;
	background-image: url('../_images/design2009/tab_unselected.gif');
	background-repeat: repeat-x;
}
#Tabs .unselected a
{
	text-decoration: none;
	color: Black;
	font: normal 9px Verdana, Arial, Sans-Serif;
}
#Tabs .unselected a:hover { text-decoration: underline; }
#Tabs .selected
{
	float: left;
	height: 19px;
	padding: 7px 3px 0px 3px;
	text-align: center;
	background-image: url('../_images/design2009/tab_selected.gif');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#Tabs .selected a
{
	text-decoration: none;
	color: black;
	font: bold 10px Verdana, Arial, Sans-Serif;
}
#Tabs .selected a:hover { text-decoration: underline; }

/* Subtabs elements */
.SubTabs
{
	height: 26px;
	background-image: url('../_images/design2009/subtab_emptyspace.png');
	background-repeat: repeat-x;
	clear: left;
}
.SubTabs .EmptyField
{
	height: 25px;
	float:left;
	width: 10px;
}
.SubTabs .HeaderField
{
	height: 25px;
	float: left;
	width: auto;
	overflow: hidden;
	background-color: Transparent;
}
.SubTabs .unselected_leftside
{
	background-image: url('../_images/design2009/subtab_unselected_leftside.png');
	background-repeat: no-repeat;
	float: left;
	width: 7px;
	height: 26px;	
	margin-left: 1px;
}
.SubTabs .unselected_rightside
{
	background-image: url('../_images/design2009/subtab_unselected_rightside.png');
	background-repeat: no-repeat;
	float: left;
	width: 7px;
	height: 26px;	
	margin-right: 1px;
}
.SubTabs .selected_leftside
{
	background-image: url('../_images/design2009/subtab_selected_leftside.png');
	background-repeat: no-repeat;
	float: left;
	width: 9px;
	height: 26px;
}
.SubTabs .selected_rightside
{
	background-image: url('../_images/design2009/subtab_selected_rightside.png');
	background-repeat: no-repeat;
	float: left;
	width: 9px;
	height: 26px;
}
.SubTabs .unselected
{
	float: left;
	height: 19px;
	padding: 6px 15px 1px 15px;
	text-align: center;
	background-image: url('../_images/design2009/subtab_unselected.gif');
	background-repeat: repeat-x;
}
.SubTabs .unselected a
{
	text-decoration: none;
	color: Black;
	font-size: 11px;
}
.SubTabs .unselected a.locked
{
	text-decoration: none;
	color: silver;
	font-size: 11px;
}
.SubTabs .unselected img { margin-right: 3px; }
.SubTabs .unselected a:hover { text-decoration: underline; }
.SubTabs .selected
{
	float: left;
	height: 19px;
	padding: 7px 15px 0px 15px;
	text-align: center;
	background-image: url('../_images/design2009/subtab_selected.gif');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.SubTabs .selected a
{
	text-decoration: none;
	color: black;
	font-size: 11px;
	font-weight: bold;
}
.SubTabs .selected img { margin-right: 3px; }
.SubTabs .selected a:hover { text-decoration: underline; }
.SubTabs .RightAligned { float: right; }
.SubTabContent
{
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	background-color: White;
	padding: 15px 40px 20px 20px;
	clear: left;
	height: 100%;
	margin-bottom: 15px;
}
.SubTabContentNoPadding
{
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	padding: 3px 2px 5px 2px;
	clear: left;
	margin-bottom: 15px;
}
.SubTabs h1
{
	float:left;
	padding-right: 15px;
}

/* Content stuff */
#ContentWrapper
{
	width: 855px;
	float: left;
	background-image: url('../_images/design2009/main.gif');
	background-repeat: repeat-y;
}
#ContentContainer
{
	width: 828px;
	margin: 0 11px 0 16px;
	color: Black;
	background-color: white;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	font-style: normal;
	padding: 0px 0px 0px 0px;
}
#ContentPadding
{
	padding: 20px 20px 20px 20px;
}
#PersonContentPadding
{
	padding: 5px 10px 0px 15px;
}
#SearchContentPadding
{
	padding: 5px 5px 0px 10px;
}
#ContentContainer,#PersonContentPadding,#SearchContentPadding span, div
{
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	font-style: normal;
}
#Content_BottomSide
{
	width: 855px;
	height: 17px;
	background-image: url('../_images/design2009/content_bottomside.gif');
	background-repeat: no-repeat;
}

#Footer
{
	margin-bottom: 25px;
	margin-top: 5px;
	padding-left:30px;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	font-style: normal;
	color: gray;
}

.FooterColumn { padding-right: 50px; font-size: 11px; float: left; color: #777777; }
.FooterColumn a:active { color: #777777; font-size: 11px; }
.FooterColumn a:link { color: #777777; font-size: 11px;}
.FooterColumn a:visited { color: #777777; font-size: 11px;}
.FooterColumn a:hover { color: #1670A1; }

#FooterBottom { margin-right: 20px; text-align: right; float: right; }
#FooterBottom form { text-align: right; }

#ContentWrapper li
{
	list-style-position: inside;
	list-style-type: disc;
}

/* Person show */
#PersonHeader { float: left; }
#PersonHeader h1 
{
	font-weight: bold;
	font-size: 20px;
}
#PersonPrivacy
{
	float: right;
	color: #999999; 
	padding: 4px 10px 4px 10px;
	margin-top: 4px;
}

#PageWrapper_250px_LeftColumn { float: left; width: 480px; margin-left: 10px; padding-right: 20px; border-right: solid 1px #DDDDDD; }
#PageWrapper_250px_RightColumn { float: right; width: 250px; margin-top: 0px; margin-right: 5px; }

#Blogs_Index_LeftColumn { float: left; width: 470px; padding: 0px 0px 0px 10px; }
#Blogs_Index_RightColumn { float: left; width: 250px; padding: 55px 20px 0px 20px; }

/* Links */
a:active {text-decoration: none; color: #1670A1;}
a:link {text-decoration: none; color: #1670A1;}
a:visited {text-decoration: none; color: #1670A1;}
a:hover {text-decoration: underline; color: #1670A1;}

a.biglink 
{ 
	background-image: url('../_images/xparrow_green_small.gif'); 
	background-repeat: no-repeat;
	background-position: 3px 7px;	
	padding: 3px 0px 3px 15px;
	font-size: 14px; 
	line-height: 140%; 
}
a.greenarrow 
{ 
	background-image: url('../_images/xparrow_green_small.gif'); 
	background-repeat: no-repeat;
	background-position: 3px 5px;	
	padding: 3px 0px 3px 15px;
	line-height: 150%;
	font-size: 11px;
}
a.arrow
{ 
	background-image: url('../_images/arrow_right_dark.gif'); 
	background-repeat: no-repeat;
	background-position: 1px 8px;	
	padding: 3px 0px 3px 7px;
	line-height: 150%;
	font-size: 11px;
}
a.whitelink 
{
	text-decoration: none; 
	color: white; 
}
a.whitelink:hover {text-decoration: underline;}

a.h2link:active {text-decoration: none; font-family: Verdana, Arial; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; color: #D94C24;}
a.h2link:link {text-decoration: none; font-family: Verdana, Arial; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; color: #D94C24;}
a.h2link:visited {text-decoration: none; font-family: Verdana, Arial; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; color: #D94C24;}
a.h2link:hover {text-decoration: underline; font-family: Verdana, Arial; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; color: #D94C24;}

a.linklikeh2:active {text-decoration: none; color: #1670A1; font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: normal;}
a.linklikeh2:link {text-decoration: none; color: #1670A1; font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: normal;}
a.linklikeh2:visited {text-decoration: none; color: #1670A1; font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: normal;}
a.linklikeh2:hover {text-decoration: underline; color: #1670A1; font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: normal;}

a.blacklink:active {text-decoration: none; color: black;}
a.blacklink:link {text-decoration: none; color: black;}
a.blacklink:visited {text-decoration: none; color: black;}
a.blacklink:hover {text-decoration: underline; color: black;}

a.hidelinking:active {text-decoration: none; color: black;}
a.hidelinking:link {text-decoration: none; color: black;}
a.hidelinking:visited {text-decoration: none; color: black;}
a.hidelinking:hover {text-decoration: none; color: black;}

/* Routes */
div.contextmenu{
	background-color: #FFFFFF;
	border:1px solid #8888FF;
}
div.contextmenu ul 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
div.contextmenu ul li{
	display:block;
	padding:1px;
	margin:0;
}
div.contextmenu ul li a {
	border:none;
	padding:3px 5px 3px 5px;
	display:block;
	text-decoration:none;
	color:#233D6D;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	border:1px solid #FFFFFF;
}
div.contextmenu ul li a:hover  {
	color:#233d6d;
	background:#c3daf9;
	border:1px solid #8BB8F3;
	padding: 3px 5px 3px 5px;
}   
.ProgressWindow
{
	width: 250px;
	border: solid 2px silver;
	background-color: #FBFBBC;
	padding: 12px 12px 12px 12px;
	font-family: Verdana;
	vertical-align: middle;
	height: 50px;
	position: fixed;
	top: 50%;
	left: 275px;
	background-image: url(../_images/loading.gif);
	background-repeat: no-repeat;
	background-position:center;
}

wbr:after { content: "\00200B" }

/* Demo pages */
table.demo
{
	width: 100%;
}
table.demo td
{
	padding-left: 10px; 
	padding-top: 0;
	height: 275px;
}
table.demo td h3
{
	margin-top: 0;
}
table.demo th
{
    vertical-align: top;
	font-weight: normal;
	color: gray;	
	width: 300px;
    font-style: italic;	
}
table.demo td.nextrow
{
	text-align: right; 
	height: 23px; 
	padding-top: 10px;
	width: 33%;
}
table.demo td.previousrow
{
	height: 23px; 
	padding-top: 10px;
	width: 33%;
	padding-left: 0;
}
table.demo td.signup
{
	height: 23px; 
	padding-top: 10px;
	text-align: center; vertical-align: middle;
	width: 33%;
}
table.demo td.header
{
	padding-left: 0;
	height: 20px;
}
.ImageBlowUp
{
	margin: 65px 20px 20px 34px;
	position: absolute;
	top: 0; 
	left: 0;
	text-align: center;
	border: solid 5px red;
	z-index: 1000;
}
.ImageBlowUpHeader
{
	font-family: Arial, Verdana;
	font-size: 25px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #D94C24;
	background-color: white;
	position: absolute;
	top: 350px; 
	left: 130px;
	z-index: 1010;
}

/* Table: List */
table.list th
{
	font-weight: bold;
	vertical-align: bottom;
	padding-right: 5px;
}
table.list td
{
	padding: 5px 5px 5px 0px;
}

/* Table: List */
table.activediscussionslist th
{
	font-weight: bold;
	vertical-align: bottom;
	padding-right: 5px;
}
table.activediscussionslist td
{
	padding: 2px 2px 2px 0;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0 0 0 0;
	background-color : white;
	color : black;
	border: solid 1px black;
	cursor : default;
	overflow : auto;
	height : 200px;
    text-align : left; 
}
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding : 2px 2px 2px 2px;
	margin: 0 0 0 0;
}
.autocomplete_listItem 
{
	background-color : white;
	color : black;
	padding : 2px 2px 2px 2px;
	margin: 0 0 0 0;
}

/* Suggestion */
div.suggestions {

    border: 1px solid black;
    position: absolute;   
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
    background-color: White;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}

/* Article list stuff */

table.articleflashtable td
{
	vertical-align: top; 
	padding: 0 10px 15px 0;
}
table.articleflashtable td img
{
	margin-top: 5px;
}

/* Table: Author */
table.Author
{
	border: none;
	background-color: Transparent;
	width: 250px;
	margin-bottom: 10px;
}
table.Author td.photo
{
	border: none;
	width: 45px;
	padding: 7px 0px 0px 5px;
	background-color: Transparent;
}
table.Author td.msg
{
	border: none;
	padding-left: 8px;
	background-color: Transparent;
	width: auto;
}
.AuthorDescription
{
	width: 220px;
	font-size: 9px;
	color: Silver;
	padding-left: 5px;
	margin-bottom: 5px;
}

/* Table: Box */
table.boxdiscrete
{
/*	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;*/
}
/* D94C24 */
table.boxdiscrete th
{
	color: #AAAAAA;
	margin-bottom: 10px;
	font-family: Verdana, Arial;
	font-size: 11px;	
	font-weight: bold;
	padding: 6px 6px 6px 0px;
	text-align: left;	
}
table.boxdiscrete td
{
	padding: 2px 6px 2px 0px;
	background-color: White;
}
table.boxdiscrete th a
{
	color: #D94C24; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;	
}

/* Table: Box */
table.box
{
	border-top: solid 1px #1670A1;
	border-left: solid 1px #1670A1;
	border-right: solid 1px #1670A1;
	border-bottom: solid 1px #1670A1;
}

table.box th
{
	color: white;
	background-color: #1670A1;
	border-right: solid 1px #1670A1;
	margin-bottom: 10px;
	font-family: Verdana, Arial;
	font-size: 11px;	
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	text-align: left;	
}
table.box td
{
	padding: 3px 3px 3px 3px;	
	background-color: White;
	border-top: solid 1px #1670A1;
}
table.box th a
{
	color: White;
}
table.box td.unreadposting
{
	background-color: #FBFBBC;
	padding: 7px 7px 7px 7px;
}
table.box td.readposting
{
	padding: 7px 7px 7px 7px;
}
table.box td.unreaddiscussion
{
	background-color: #FBFBBC;
	padding: 3px 3px 3px 3px;
}
table.box td.readdiscussion
{
	padding: 3px 3px 3px 3px;
}
table.box td.author
{
	border-left: solid 1px #1670A1;
	width: 200px;
}
table.box td.authorunread
{
	border-left: solid 1px #1670A1;
	width: 200px;
	background-color: #FBFBBC;
}
table.box td.flag
{
	vertical-align: bottom;
	width: 12px;
}
table.box td.flagunread
{
	vertical-align: bottom;
	width: 12px;
	background-color: #FBFBBC;
}
table.box td.pagercell
{
	border-top: solid 1px #1670A1;
	padding: 3px 3px 3px 3px;	
}
/* Table: Calendar */
table.calendar
{
	border-left: solid 1px #1670A1;
}

table.calendar th
{
	color: white;
	background-color: #1670A1;
	border-right: solid 1px #1670A1;
	padding: 3px 3px 3px 3px;
	text-align: center;
	font-weight: bold;
}

table.calendar td
{
	border-right: solid 1px #1670A1;
	border-bottom: solid 1px #1670A1;
	padding: 2px 2px 2px 2px;
	background-color: White;
	font-size: 9px;
}

table.calendar td.trainingday
{
	border-right: solid 1px #1670A1;
	border-bottom: solid 1px #1670A1;
	padding: 1px 1px 1px 1px;	
	background-color: #ffffdd;
	font-size: 10px;
}

table.calendar td.today
{
	border-right: solid 1px #1670A1;
	border-bottom: solid 1px #1670A1;
	padding: 1px 1px 1px 1px;	
	background-color: #eeee77;
	font-size: 9px;
}
td.readposting
{
	border-top: solid 1px #1670A1;
	padding: 3px 3px 3px 3px;	
}

/* General classes */
.ExerciseTypeCompletionList
{
	width: 500px;
	border: solid 1px silver;
	font-family: Arial;
}
.ExerciseTypeCompletionListItem
{
	width: 500px;
	cursor: pointer;
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
	background-color: #FBFBBC;	
	margin: 0 0 0 0;
}
.ExerciseTypeCompletionListHighlightedItem
{
	width: 500px;
	background-color: #DBDBAC;
	padding: 2px 2px 2px 2px;
	cursor: pointer;
	white-space: nowrap;
	margin: 0 0 0 0;
}
.BlogPosting { width: 390px; margin-top: 20px; overflow: hidden; }
.BlogPosting img { max-width: 390px; }

label
{
	vertical-align: middle;
	position: relative;
}
small
{
	font-size: 9px;
}

.StatusControl
{
	position: absolute;
	width: 300px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	text-align: left;
	background-color: #ffff88;
	border: solid 1px silver;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.StatusControl2
{
	position: absolute;
	width: 300px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	text-align: center;
	background-color: silver;
	border: solid 1px gray;
}

.ButtonControl
{
	position: absolute;
	width: 200px;
	padding: 3px 3px 3px 3px;
	vertical-align: middle;
	text-align: left;
	background-color: #ffff88;
	border: solid 1px silver;
}

li
{
	margin-bottom: 7px;
}

form 
{
	margin: 0 0 0 0;
}

input
{
	font-family: Verdana, Arial;
	font-size: 11px;
	vertical-align: middle;
}

.DistancesCheckBoxList label
{
	margin-right: 10px;	
}

th { font-weight: bold; }

.ValidationSummary
{
	background-color: #DDDDDD;
	padding: 10px 10px 10px 10px;
	border: solid 1px #AAAAAA;
	font-weight: normal ;
}

textarea
{
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align: left;
}	

SELECT
{
	font-family: Verdana, Arial;
	font-size: 11px;
}

ul
{
	margin-top: 0;
}
.alert 
{
	color: #D94C24;
	font-weight: bold;
}
.saved
{
	background-color: #FBFBBC; 
	padding: 10px 10px 10px 20px;
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.note
{
	background-color: #FBFBBC;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}
.ControlSelectorBox
{
	width: 300px;
	background-color: #FBFBBC;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
.SettingsBox
{
	margin-bottom: 10px;
	background-color: #EEEEEE;
	padding: 15px 15px 15px 15px;
}
.QuiteImportantNote
{

	background-color: #FBFBBC; 
	padding: 10px 10px 10px 10px;
}
.SpaceyBubble
{
	background-color: #EEEEEE; 
	padding: 15px 15px 15px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: solid 1px silver;
}
.warning 
{
	color: #D94C24;
}
.shadow
{
	color: silver;
}
.inmapmessage
{
	background-color: #FFDD00; 
	padding: 5px 20px 5px 20px;
	color: Red;
}
.alertbar
{
	background-color: #FBFBBC;
	padding: 2px 2px 2px 2px;
	width: 100%;
	display: block;
}
.startpagebox
{
	padding: 10px 10px 10px 10px;
	background-color: #EEEEEE;
	margin-bottom: 10px;
}
.AlertIconBox
{
	padding: 10px 10px 10px 10px;
	background-color: #EEEEEE;
	margin-bottom: 10px;
}
.AlertIconBox img
{
	float: left;
	padding-right: 10px;
}


.StartPageRecentTrainingDiv { width: 100%; float: left; margin-right: 25px; margin-bottom: 10px; }
.StartPageRecentTrainingDiv img { width: 48px; float: left; margin-right: 10px; }

.PersonListForInvitationBox { width: 160px;	float: left; margin-right: 5px; margin-bottom: 10px; }
.PersonListForInvitationBox img { width: 24px; float: left; margin-right: 3px; }
.PersonListForInvitationBoxNotLoggedIn { float: left; margin-right: 5px; margin-bottom: 10px; }
.PersonListForInvitationBoxNotLoggedIn img { width: 24px; float: left; margin-right: 3px; }

table.dhtmltabs
{
	background-color: white;
	width: 100%;
}

table.dhtmltabs td.selected
{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;	
	padding: 5px 3px 3px 3px;
	border-right: solid 1px silver;
	border-bottom: none;
	border-left: none;
	border-top: solid 3px #62BFF0;
}
table.dhtmltabs td.unselected
{
	text-align: center;
	font-weight: normal;
	vertical-align: middle;	
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	border-top: solid 1px silver;
	background-color: #F0F1F5;
	padding: 5px 3px 3px 3px;
}
table.dhtmltabs td.notab
{
	background-color: White;
	border-bottom: solid 1px silver;
}
table.dhtmltabs td.headertab
{
	background-color: White;
	border-bottom: solid 1px silver;
	border-right: solid 1px silver;
}

table.dhtmltabcontent
{
	background-color: white;
	width: 100%;	
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	border-left: solid 1px silver;
}

#GroupOverviewWrapper
{
	clear: left;
}
#GroupOverviewLeftColumn
{
	width: 530px;
	float: left;	
}
#GroupOverviewRightColumn
{
	margin-left: 20px;
	float: left;
	width: 175px;
}
#PagingLinks
{
	float: left;
	padding-top: 15px;
}
#DiscussionFooterButtons
{
	padding-top: 15px;
	float: right;
	text-align: right;
}
#DiscussionFooterLinks
{
	margin-top: 20px;
	float: right;
}
.JumpToNextUnread
{
	width: 723px;
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
	background-color: #FBFBBC;
}
.LoginBox
{
	width: 230px; 
	border: solid 1px silver; 
	padding: 10px 10px 10px 10px;
	background-color: White;
}

.GuestBookItem .Photo
{
	float: left;
	padding-right: 8px;
	padding-top: 4px;
}
.GuestBookItem .Photo img
{
	width: 35px;
	height: 40px;
}
.GuestBookItem .Message
{
	float: left;
	width: 260px;
}
.GuestBookItem .Message .Author
{
	color: gray; 
	font-size: 9px;
	font-style: italic;
}
.GuestBookItem .Comment
{
	padding: 15px 0px 0px 10px; 
	font-size: 9px; 
	font-style: italic;
	margin-bottom: 15px;
}

table.TrainingDataShow
{
}
table.TrainingDataShow th
{
	vertical-align: middle;
	padding-right: 10px;
}
table.TrainingDataShow td
{
	vertical-align: middle;
	padding-right: 50px;
}

.FriendsPage { width: 100%; }

.FriendsPage .PersonPane { }
.FriendsPage .ActivityPane { }

.FriendsPage .SearchBarWrapper { background-color: #EEEEEE; width: 828px; clear: both; display: table-cell; }
.FriendsPage .SearchBarWrapper .SearchBar { padding: 20px 20px 15px 30px; position: relative; }
.FriendsPage .SearchBarWrapper .SearchBar .SearchName { float: left; white-space: nowrap; padding-right: 15px; }
.FriendsPage .SearchBarWrapper .SearchBar .SearchLocation { float: left; white-space: nowrap; padding-right: 15px; }
.FriendsPage .SearchBarWrapper .SearchBar .SearchLocation .InvalidEntry { background-color: #FF5555; color: White; }
.FriendsPage .SearchBarWrapper .SearchBar .AmongWhichPersons { float: left; white-space: nowrap; padding-right: 15px; }
.FriendsPage .SearchBarWrapper .SearchBar .SearchButton { float: right; padding-top: 15px; }
.FriendsPage .SearchBarWrapper .SearchBar .SearchButton input { width: 75px; }
.FriendsPage .SearchBarWrapper .LinksBar { clear: left; }
.FriendsPage .SearchBarWrapper .LinksBar .HelpLink { float: right; padding-top: 8px; padding: 10px 20px 15px 30px; }
.FriendsPage .SearchBarWrapper .LinksBar .InviteBar { float: left; padding-top: 8px; padding: 10px 20px 15px 30px;}

.FriendsPage .PagingLinks { width: 100%; margin-bottom: 20px; }
.FriendsPage .PagingLinks .PreviousPage { float: left; }
.FriendsPage .PagingLinks .NextPage { float: right; text-align: right; }

.FriendsPage .BottomAreaWrapper { width: 90%; padding: 10px 10px 30px 30px;  }

.FriendsPage .MiddleAreaWrapper { width: 90%; padding: 20px 10px 10px 30px;  }
.FriendsPage .MiddleAreaWrapper .MiddleArea { padding: 10px 10px 10px 10px; background-color: #EEEEEE;}

.RacesPage { width: 100%; }
.RacesPage .SearchBarWrapper { background-color: #EEEEEE; width: 828px; clear: both; display: table-cell; text-align: center; }
.RacesPage .SearchBarWrapper .SearchBar { padding: 20px 20px 15px 30px; position: relative; }
.RacesPage .MiddleAreaWrapper { width: 100%; }
.RacesPage .MiddleArea { margin: auto auto; padding: 15px 30px 15px 30px; text-align: center; }
.RacesPage .BottomAreaWrapper { width: 100%; }
.RacesPage .BottomArea { margin: auto auto; padding: 0px 30px 30px 30px; }

.InvitationsPage { width: 100%; }
.InvitationsPage .SearchBarWrapper { background-color: #EEEEEE; clear: both; display: inline-block; padding: 20px 30px 15px 30px; }
.InvitationsPage .SearchBarWrapper .SearchBar { margin-top: 15px; position: relative; }
.InvitationsPage .SearchBarWrapper .SearchBar .SearchTrainingType { float: left; white-space: nowrap; padding-right: 15px; }
.InvitationsPage .SearchBarWrapper .SearchBar .SearchLocation { float: left; white-space: nowrap; padding-right: 15px; }
.InvitationsPage .SearchBarWrapper .SearchBar .SearchButton { float: left; padding-top: 15px; }
.InvitationsPage .SearchBarWrapper .SearchBar .SearchButton input { width: 75px; }
.InvitationsPage .SearchBarWrapper .SearchBar .Share { float: right; padding-top: 15px; }
.InvitationsPage .BottomAreaWrapper { width: 90%; padding: 10px 10px 30px 30px;  }

.BigTopBarPage { width: 100%; }
.BigTopBarPage .BigTopBarWrapper { width: 100%; background-color: #EEEEEE; clear: both; display: inline-block; }
.BigTopBarPage .BigTopBarWrapper .BigTopBar { padding: 20px 30px 25px 30px; margin: auto auto; }
.BigTopBarPage .BottomAreaWrapper { width: 100%; }
.BigTopBarPage .BottomArea { margin: auto auto; padding: 25px 30px 30px 30px; }

.FriendsResult_Photos .Header { display: none; }
.FriendsResult_Photos .Item { width: 230px; display: table-cell; padding-bottom: 10px; }
.FriendsResult_Photos .Item .Photo { float: left; width: 24px; padding-top: 3px; }
.FriendsResult_Photos .Item .NameLink { float: left; width: 190px; margin-left: 8px; }
.FriendsResult_Photos .Item .NameLink img { vertical-align: middle; position: relative; top: -2px; }
.FriendsResult_Photos .Item .Motto { float: left; width: 190px; margin-left: 8px; }
.FriendsResult_Photos .Item .JoinDate { display: none; }

.FriendsResult_List .Header { font-weight: bold; color: Gray; }
.FriendsResult_List .Header .Name { width: 350px; float: left; }
.FriendsResult_List .Header .Motto { float: left; display: none; }
.FriendsResult_List .Header .JoinDate { width: 100px; float: left; }

.FriendsResult_List .Item .Photo { display: none; }
.FriendsResult_List .Item .NameLink { width: 350px; float: left; }
.FriendsResult_List .Item .Motto { float: left; display: none; }
.FriendsResult_List .Item .JoinDate { width: 100px; float: left; }

.MapQuestionBox { width: 200px; border: solid 1px silver; }
.MapQuestionBox .Button1 { float: left; font-size: 15px; margin-left: 10px; margin-top: 10px; }
.MapQuestionBox .Button2 { float: right; font-size: 15px; margin-right: 10px; margin-top: 10px; }

.Invitations .DayHeader { font-weight: bold; border-bottom: solid 1px silver; clear: both; padding-top: 10px; margin-bottom: 5px; }
.Invitations .OnMouseOver { background-color: Silver; }
.Invitations { width: 100%; clear: both; display: table; margin-bottom: 10px;}
.Invitations .TrainingType { width: 225px; float: left; }
.Invitations .Duration { width: 75px; float: left; }
.Invitations .Distance { width: 75px; float: left; }
.Invitations .Person { width: 175px; float: left; }
.Invitations .Location { width: 125px; float: left; }
.Invitations .MoreLink { width: 50px; float: left; }

.InvitationBoxForShowTraining { display: table; height: 100%; }
.InvitationBoxForShowTraining .Buttons { margin-top: 15px; }
.InvitationBoxForShowTraining .Buttons .Yes { font-size: 15px; width: 100px; }
.InvitationBoxForShowTraining .Buttons .No { font-size: 15px; }
.InvitationBoxForShowTraining .Buttons .Maybe { font-size: 15px; }

.MapProgressBox { width: 200px;  border: solid 1px silver; }

.TrainingComments .LeftColumn { width: 50%; float: left; }
.TrainingComments .RightColumn { width: 50%; float: left; }

.PopupBox
{
	position: absolute;
	top: -10px;
	right: -10px;
	width: 500px;
	background-color: #FAFAFA;
	border: solid 1px #BBBBBB;
	padding: 15px 20px 20px 20px;
	z-index: 10000;
}
.PopupBox .CloseLink
{
	position: absolute;
	top: 3px;
	right: 7px;
}

table.loginproblem td { padding: 5px 10px 10px 10px; }
table.loginproblem th { padding: 0px 0px 10px 10px; font-size: 30px; font-weight: bold; color: #D94C24; }

.TrainingProperty { }
.TrainingProperty .Key { width: 150px; font-weight: bold; float: left; }
.TrainingProperty .Value { float: left; }

#StartPage { width: 100%; background-color: #ffffff; height: 3000px; }

#StartPage_LeftColumn { width: 120px; height:100%; float: left; padding: 15px 8px 0px 8px; border-right: solid 1px #CCCCCC; background-color: #F0F1F5; text-align: center;}
#StartPage_MiddleColumn { width: 340px; float: left; padding: 15px 10px 20px 20px;  }
#StartPage_RightColumn { width: 250px; float:right; padding: 20px 30px 15px 30px; }

#StartPage_HeaderAndDescription { color: black; padding-bottom: 10px;}
#StartPage_HeaderAndDescription h1 { }
#StartPage_Body { clear: both; }

a.SignUpButton
{
	background-repeat: no-repeat;
	width: 166px;
	height: 46px;
	display: block;
}
a.SignUpButton:hover { background-position: 0 -46px; }
a.SignUpButton:active { background-position: 0 -92px; }

a.StartPageThumbnail { background-position: 0px 0; width: 110px; height: 89px; display: block; background-repeat: no-repeat; margin-left: 5px; cursor: pointer; float:left;}
a.StartPageThumbnail:hover { background-position: -110px 0; }
a.StartPageThumbnail:active { background-position: -110px 0; }
.StartPageThumbnail_Large { width: 444px; height: 363px; display: none; position:relative; left: 130px; border: solid 5px #D94C24; float:left; }

.CommentsListItem { width: 100%; display: table; border-bottom: solid 1px silver; padding: 10px 10px 10px 10px; clear: both; }
.CommentsListItem .Comment { float: left; padding: 10px 10px 10px 10px; }
.CommentsListItem .ActionLink { color: Silver; }
.CommentsListItem .Photo { width: 48px; padding-bottom: 15px; float: right; padding-top: 13px; }
.CommentsListItem .Author { width: 125px; padding-left: 3px; float: right; padding-top: 10px; }

.Unread { background-color: #FBFBBC; }

#ChangeLanguageBarWrapper { width: 100%; }
#ChangeLanguageBar { padding: 20px 20px 20px 20px; text-align: center; background-color: #DDDDDD; }
#ChangeLanguageBar form { margin: auto auto; text-align: center; }

.PTPersonList { width: 100%; }
.PTPersonList .ItemWrapper { width: 100%; border: solid 1px silver; display: inline-table; background-color: #EEEEEE; margin-bottom: 25px; }
.PTPersonList .FollowUp { border: solid 2px red; }
.PTPersonList .ItemWrapper .Item { width: 100%; margin: 10px 10px 10px 10px; }
.PTPersonList .ItemWrapper .Item .Who { display: inline-table; padding-bottom: 10px; float:left; }
.PTPersonList .ItemWrapper .Item .Who .Photo { float:left; left: 0; top: 0; }
.PTPersonList .ItemWrapper .Item .Who .TextArea { float: left; padding-left: 10px; }
.PTPersonList .ItemWrapper .Item .Who .TextArea .NameLink {  }
.PTPersonList .ItemWrapper .Item .Who .TextArea .Motto {  }
.PTPersonList .ItemWrapper .Item .Who .TextArea .ActionLinks { margin-top: 5px; }
.PTPersonList .ItemWrapper .Item .Who .CommentArea { clear:left; padding-top:20px; }
.PTPersonList .ItemWrapper .Item .TrainingWrapper { float: left; background-color: White; width: 270px; margin-left:20px; margin-bottom: 20px; }
.PTPersonList .ItemWrapper .Item .TrainingWrapper .Training { padding: 10px 10px 10px 10px; border: solid 1px silver; }