/* GENERAL ELEMENTS
----------------------------------------------------------*/
body
{
	background-image:url(/Content/Images/topGraphics.jpg);
	background-repeat:repeat-x;
	font-size: .75em;
	font-family: Helvetica, Verdana, Sans-Serif;
	margin: 0;
	padding: 0;
	border: 0;
	color: #444444;
}

form{ margin:0px; }

a
{
	color:#108DC7;
	text-decoration:none;
	cursor:pointer;
}

a img{ border:0; }

a:hover
{
	text-decoration:underline;
}

h1
{
	color:White;
	font-weight:bold;
	font-size:1.2em;
	margin:0px;
}

h2
{
	color:#272727;
	font-weight:bold;
	font-size:1.2em;
	margin:0px;
}

h3
{
	color:#272727;
	font-weight:bold;
	margin:0px;padding:0px;
}

h4
{
	color:#272727;
	font-weight:bold;
	font-size:1.2em;
	margin:0px;
	display:inline;
	margin-right:5px;
}

hr
{
	height:1px;
	border-style:none;
	border-bottom:solid 1px #D3D3D5;
	margin:0px;
	padding:0px;
}

pre
{
	padding:0px; 
	margin:0px;
	font-family: Helvetica, Verdana, Sans-Serif;
	white-space: -moz-pre-wrap; 
	white-space: -o-pre-wrap;  
	white-space: pre-wrap;
}

input[type=text]
{
	border:solid 1px #D3D3D5;
	height:22px;
	font-size:1.3em;
	padding-top:3px;
	width:175px;
}

input[type=password]
{
	border:solid 1px #D3D3D5;
	height:22px;
	font-size:1.3em;
	padding-top:3px;   
	width:175px;
}

input[type=submit]
{
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-weight:bold;
	font-size:1.2em;
	line-height: 1.4em;
	color: #272727;
	text-align:	left;
	background-color: #BBE8FF;
	width: auto;
	margin: 0.5em 0.4em 0.5em 0px;
	padding: 6px 15px 6px 15px;
	border: solid 1px #ABA9AA;
	overflow: visible;
	cursor: pointer;
}

textarea
{
	font-family: Helvetica, Verdana, Sans-Serif;
	border:solid 1px #D3D3D5;
	font-size:1.3em;
	overflow:auto;
}

ol, ul
{
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style-position:outside;
}

ol > li
{
	color:#272727;
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
}

/* GENERAL TEMPLATE LAYOUT
----------------------------------------------------------*/
div#page
{
	 margin-left: auto;
	 margin-right: auto;
	 width:1110px;
}

div#topBannerLogo
{
	background-image:url(/Content/Images/topBannerLogo.jpg);
	width:900px;
	height:258px; 
}

div#contentArea {
	width:1110px;
	clear:both;
}

div#contentArea > div#leftArea
{
	float:left;
	width:900px;
	padding-top:30px;
	padding-left:10px;
}

div#contentArea > div#rightArea
{
	float:right;
	width:165px;
	padding-left:35px;
	padding-top:30px;
}

div#contentArea > div#rightArea > div
{
	margin-bottom:15px;
}

div#contentArea > div#leftArea > div#contentLeft
{
	float:left;
	width:630px;
}

div#contentArea > div#leftArea > div#contentRight
{
	float:right;
	width:270px;
}

div#contentArea > div#leftArea > div#contentLeft > div
{
	margin-top:15px;
	margin-bottom:15px;
	width:595px;
	clear:both;
	float:left;
}

div#contentArea > div#leftArea > div#contentRight > div
{
	margin-top:15px;
	margin-bottom:15px;
	width:270px;
	clear:both;
	float:left;
}

div#contentArea > div#leftArea > div#contentLeft > div:first-child,
div#contentArea > div#leftArea > div#contentRight > div:first-child
{
	margin-top:0;
}

/* LOGON VIEW
----------------------------------------------------------*/
div#logonView
{
	position:absolute;
	text-align:right;
	width:900px;
	font-weight:bold;
	color:White;
	margin-top:5px;
}
div#logonView > a#logOff { margin-left:20px; }

/* SITE TOP MENU
----------------------------------------------------------*/
ul#topMenu
{
	margin-left:100px;
	padding:0px;
	margin:-46px 0px 0px 65px;
	width:600px;
}

ul#topMenu > li
{
	float:left; 
	list-style-type:none;
	width:127px;
	height:29px;
	padding-top:17px;
	text-align:center;
}

ul#topMenu > li a
{
	color:#272016;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}

ul#topMenu > li a:hover
{
	text-decoration:underline;
}

ul#topMenu > li.TabSelected{background-image:url(/Content/Images/mainMenuTabSelected.jpg);}

/* SUB MENU
----------------------------------------------------------*/
.BoxHeaderGreen > ul,
.BoxHeaderBlue > ul
{
	margin-left:100px;
	padding:0px;
	margin:0px 0px 0px 25px;
	width:400px;
}

.BoxHeaderGreen > ul > li,
.BoxHeaderBlue > ul > li
{
	float:left; 
	list-style-type:none;
	width:121px;
	height:18px;
	padding-top:14px;
	padding-bottom:3px;
	text-align:center;
	margin-right:10px;
}

.BoxHeaderGreen > ul > li a,
.BoxHeaderBlue > ul > li a
{
	color:#272727;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}

.BoxHeaderGreen > ul > li a:hover,
.BoxHeaderBlue > ul > li a:hover
{
	text-decoration:underline;
}

.BoxHeaderGreen > ul > li.TabSelected,
.BoxHeaderBlue > ul > li.TabSelected
{
	background-image:url(/Content/Images/subMenuTabSelected.png);
}

/* PAGE FOOTER
----------------------------------------------------------*/
div#footer
{
	width:100%;
	height:45px;
	background-color:#281F16;
	margin-top:10px;
}

div#footerMenu
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

div#footerMenu > ul
{
	margin-left:100px;
	padding:15px 0px 0px 0px;
	margin:0px;
	width:360px;
	float:right;
}

div#footerMenu > ul > li
{
	float:left;
	list-style-type:none;
	width:120px;
	text-align:center;
	white-space:nowrap;
}

div#footerMenu > ul > li a
{
	color:white;
	font-size:0.9em;
	text-decoration:none;
}

div#footerMenu > ul > li a:hover
{
	text-decoration:underline;
}

/* VALIDATION ERROR STYLES
----------------------------------------------------------*/

ul.validation-summary-errors	/* styles the validation-summary (as unordered list) */
{
	color:Red;
	padding:0px;
	margin:0px;
	list-style-position:inside;
}

input[type=text].input-validation-error,        /* styles the textbox that caused the error */
input[type=password].input-validation-error	
{
	border:1px solid red;
	background-color:#ffeeee;
}

.field-validation-error			/* styles the text (generally a "*"-sign) that follows the textbox that caused the error */
{
	color:red;
}


/* BIG COLORED SEARCH BOX
----------------------------------------------------------*/
div#bigSearchBox > div
{
	height:65px;
	padding-top:35px;
}

div#bigSearchBox > div#bigSearchBoxLabel
{
	float:left;
	width:125px;
	background-image:url(/Content/Images/searchBoxDarkBlue.png);
	padding-left:25px;
}

div#bigSearchBox > div#bigSearchBoxLabel h2
{
	color:White;
	font-size:0.8em;
}

div#bigSearchBox > div#bigSearchBoxArrow
{
	float:left;
	width:22px;
	background-image:url(/Content/Images/searchBoxArrow.png);
}

div#bigSearchBox > div#bigSearchBoxInput
{
	float:right;
	width:393px;
	background-image:url(/Content/Images/searchBoxLightBlue.png);
	padding-left:30px;
}

div#bigSearchBox input[type=text]
{
	float:left;
	border-style:none;
	border-bottom-width:0px;
	width:250px;
	height:27px;
	font-size:1.7em;
	padding:3px 0px 0px 5px;
}

div#bigSearchBox > div#bigSearchBoxInput div#bigSearchBoxSubmit
{
	float:left;
	color:#272727;
	background-color:White;
	width:90px;
	height:23px;
	margin-left:25px;
	text-align:center;
	padding-top:7px;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
}


/* TAG CLOUD
----------------------------------------------------------*/

.TagCloud			
{
	padding:5px 25px 25px 25px;
}


.TagCloud > span    /* (Applies to each tag of the tag cloud) */
{
	margin-right:3px;
	text-align:center;
}

.TagCloud a{ font-weight:bold; }    /* (Applies to all a-tags in the tag cloud) */

.TagCloud > span.TagWeight1{ font-size:30px; }  /* (Applies to the largest tags) */
.TagCloud > span.TagWeight2{ font-size:25px; }
.TagCloud > span.TagWeight3{ font-size:20px; }
.TagCloud > span.TagWeight4{ font-size:16px; }
.TagCloud > span.TagWeight5{ font-size:12px; }  /* (Applies to the smallest tags) */

/* TABLE LIST
----------------------------------------------------------*/
table.list
{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	cursor:pointer;
}

table.list th
{
	font-size:1.2em;
	padding:5px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #D3D3D5;
}

table.list td
{
	font-size:1.2em;
	padding:5px;
	overflow:hidden;
}

table.list th
{
	background-color:white;
	cursor:default;
}

table.list tr:hover
{
	background-color:#DBEEF5;
}

table.list td.CellInColumn1
{
	font-weight:bold;
}

table.list td.CellInColumn2,
table.list td.CellInColumn3,
table.list td.CellInColumn4,
table.list td.CellInColumn5
{
}

table.list th.CellInColumn1,
table.list td.CellInColumn1
{
	padding-left:20px;
}

/* clearing a float without additional markup:
http://www.positioniseverything.net/easyclearing.html
----------------------------------------------------------*/

.Clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.Clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}
/* End hide from IE-mac */

/* GENERAL CLASSES
----------------------------------------------------------*/
.ImageLabelPositionFixSmall { position:relative; top:-2px; }

.TopLogoText{ color:White; margin-left:500px; padding-top:50px; width:300px; font-size:1.2em; font-family:Helvetica; font-style:italic; }
#topBannerLogo a:hover { text-decoration:none; }

.BoxHeaderBlue
{
	height:35px;
	background-image:url(/Content/Images/boxHeaderBlue.png);
	color:White;
}

.BoxHeaderGreen
{
	height:35px;
	background-image:url(/Content/Images/boxHeaderGreen.png);
	color:White;
}

.BoxHeaderRightContent { float:right; margin-top:10px; margin-right:20px; }

.BoxBorderNoTop
{
	border-left:solid 1px #D3D3D5;
	border-right:solid 1px #D3D3D5;
	border-bottom:solid 1px #D3D3D5;
} 

.BoxBorderNoTopGrey
{
	border-left:solid 1px #D3D3D5;
	border-right:solid 1px #D3D3D5;
	border-bottom:solid 1px #D3D3D5;
	background-color:#eee;
}

.BoxBorderBottom { border-bottom:solid 1px #D3D3D5; } 

.BoxBorder { border:solid 1px #D3D3D5; } 
.BoxPaddingStandard { padding:25px; } 
.BoxPaddingSmall { padding:5px; } 
.BoxBackgroundBlue { background-color:#DBEEF5; }

.FloatParagraph
{
	margin-bottom:10px;
	clear:both;
	float:left;
	width:100%;
}

div.SubmitButton,
a.SubmitButton
{
	color:#272727;
	font-weight:bold;
	font-size:1.2em;
	background-color:#BBE8FF;
	border:solid 1px #ABA9AA;
	padding:7px 15px 7px 15px;
	height:18px;
	cursor:pointer;
	text-decoration:none;
}

h3 + p { margin-top:0px; }

input[type=submit].Discrete
{
	font-size:1.2em;
	line-height: 1em;
	color: #108DC7;
	background-color: white;
	border-style:none;
	border-width:0px;
	padding:0px;
}

div.SubmitButton { float:left; } 

.MarginTopStandard{ margin-top:10px; }
.MarginBottomStandard{ margin-bottom:10px; }
.MarginLeftStandard{ margin-left:10px; }
.MarginRightStandard{ margin-right:10px; }
.MarginTopBig{ margin-top:20px; }
.MarginBottomBig{ margin-bottom:20px; }
.MarginLeftBig{ margin-left:20px; }
.MarginRightBig{ margin-right:20px; }
.PaddingTopStandard{ padding-top:10px; }
.PaddingBottomStandard{ padding-bottom:10px; }
.PaddingLeftStandard{ padding-left:10px; }
.PaddingRightStandard{ padding-right:10px; }
.PaddingTopBig{ padding-top:20px; }
.PaddingBottomBig{ padding-bottom:20px; }
.PaddingLeftBig{ padding-left:20px; }
.PaddingRightBig{ padding-right:20px; }

div.Big, p.Big { font-size:1.2em; }
div.VeryBig, p.VeryBig { font-size:1.4em; }
.Heavy { font-size:1.2em; font-weight:bold; } 
.Small { font-size:0.8em; } 
.Shaded { opacity:0.33; filter:alpha(opacity=33); } /* Not css 2.1 compliant, but still works in most browsers */
.Clear { clear:both; }
.AlignRight { text-align:right; }
.FullWidth { width:100%; }
.Hidden{ display:none; }
.Italic{ font-style:italic; }

.SelectedListItem { background-color:#DBEEF5; } 
.ListStyleOddRows { background-color:#eeeeee; } 
.ListStyleEvenRows { background-color:#ffffff; }

.PresentationPicture
{
	max-width:200px; 
	max-height:200px;
}

/* WEBSITE SPECIFIC STYLES
----------------------------------------------------------*/
#advertisements img
{
	margin-bottom:10px;
}

div#topBannerLogo > a   /* (Makes top logo clickable by stretching out the a-tag) */
{
	height:206px; 
	display:block;
}

.BoxHeaderGreen > h1,
.BoxHeaderGreen > h2,
.BoxHeaderBlue > h1,
.BoxHeaderBlue > h2
{
	color:White;
	margin-top:10px;
	margin-left:20px;
	float:left;
}

.BoxHeaderGreen a,
.BoxHeaderBlue a
{
	color:white;
	font-weight:bold;
}

.ProfileNameTag > h1
{
	float:right; 
	background-color:#108cc7; 
	padding-top:3px; 
	padding-bottom:3px; 
	padding-left:10px; 
	padding-right:10px; 
	color:White; 
	font-weight:bold;
	font-size:1em;
}

.ProfileNameTagLine
{
	clear:both; 
	border-bottom:solid 1px #D3D3D5; 
	margin-bottom:7px;
}

div#clickout_map
{
	height:375px;
}

div > label:first-child
{
	font-weight:bold;
	display:block;
	font-size:1.2em;
}

p.FormField > label:first-child
{
	font-weight:bold;
	display:block;
	font-size:1.2em;
}

p.FormField label span
{
	font-weight:normal;
	font-size:0.8em;
}

input[type=text].Small, input[type=password].Small { width:100px; }
input[type=text].Big, input[type=password].Big { width:250px; }

textarea.Big { width:250px; }
textarea.VeryBig { width:400px; }

.MapToolTip
{
	border:solid 1px black;
	background-color:White;
	padding:3px;
}

.MapInfoWindow
{
	font-size:1.2em;
	font-weight:bold;
}

div.BoxHeaderGreen div.AddThisButton
{
	position:relative; 
	text-align:right; 
	margin-right:25px; 
	top:40px;
}

a.LoginInfo
{
	position:relative; 
	top:3px;
}


/* PAGE SPECIFIC STYLES
----------------------------------------------------------*/

/* Logon box on startpage: */

div#logOn > div#logOnContent
{
	background-color:#DBEEF5;
	float:left;
	width:218px;
}

div#logOn > div#logOnContent input[type=text],
div#logOn > div#logOnContent input[type=password]
{
	width:200px;
}

/* Big front picture on startpage: */

div#contentArea > div#leftArea div#frontPicture
{
	height:300px;
	background-image:url(/Content/Images/frontPicture.jpg);
	background-repeat:no-repeat;
	margin-bottom:30px;
}

div#mostPopularActivities > div#mostPopularActivitiesContent
{
	float:left;
	width:218px;
}

img#searchAjaxSpinner
{
	position:absolute; 
	left:350px; 
	top:500px;
}

div#subMenuContentHeader, div#subMenuContentFooter
{
	border-left:solid 1px #D3D3D5;
	border-right:solid 1px #D3D3D5;
	border-bottom:solid 1px #D3D3D5;
	padding:20px;
}

div#messegeSelectorBox
{
	background-color:#eeeeee; 
	padding:20px; 
	text-align:center; 
	border-left:solid 1px #D3D3D5; 
	border-right:solid 1px #D3D3D5;
}

div#profilePictureBox
{
	float:left; 
	margin-right:20px;
}

img#profilePicture
{
	max-width:200px; 
	max-height:200px; 
	border:0px;
}

div#frontGirl { background-image:url(../../Content/Images/frontgirl.jpg); width:115px; height:121px; padding-left:15px; padding-right:140px; padding-top:20px; }

div.ConversationListItem
{
	border-bottom:solid 1px #D3D3D5; 
	padding-top:12px; 
	padding-bottom:12px;
	width:543px; 
	padding-left:25px; 
	padding-right:25px;
	overflow:auto;
}

div.ConversationListItemSubSections { display:none; }

div.ConversationListItemSubSection
{
	border-bottom:solid 1px #D3D3D5; 
	padding-top:10px; 
	padding-bottom:10px; 
	width:543px; 
	padding-left:25px; 
	padding-right:25px;
	clear:both;
}

div.ConversationListItem > div.Column1{ float:left; width:150px; }
div.ConversationListItem > div.Column2{ float:left; width:300px; }
div.ConversationListItem > div.Column3{ float:right; width:90px; font-size:0.8em; }

form#replyForm textarea#body
{
	width:100%;
	height:100px;
}

div.ConversationListItemSubSection div#messageDate
{
	font-size:0.8em;
	text-align:right;
}

div.ConversationListItem.SelectedListItem.Grey,
div.ConversationListItemSubSections.SelectedListItem > div.ConversationListItemSubSection.Grey
{
	background-color:#eee;
}

a.SubmitButton.Loading
{
	background-image: url(/Content/Images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	color:#BBE8FF;
}

div.ConversationListItemSubSections.SelectedListItem div.ConversationListItemSubSection,
div.ConversationListItem:hover,
div.ConversationListItem.SelectedListItem
{
	border-left-style:solid;
	border-left-color:#444;
	border-left-width:5px;
	padding-left:20px;
}

div#cancelAccount
{
	float:right;
}

div#deleteActivity
{
	float:right;
}

div#atffc
{
	display:none;
}

div#usersList .ProfileImage
{
	max-width:100px;
	max-height:100px;
}

div#usersList ul { list-style-type:none; }