/********************************************Main********************************************/
html
{
	overflow-y:scroll;
	overflow-x:hidden;
}

body
{
	margin : 0px;
	padding : 0px;
	border : 0px;
	background-color: #D9DADA;
	font-family:  "Trebuchet MS", Verdana, Arial;
	font-size : 12px;
	padding:0px;
	margin:0px;
	/*overflow-y:scroll;*/
}

body.Empty
{
	background-color: #ffffff;
}

table, td, input, div, span, p, select, button
{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size : 12px;
}

table
{
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

hr
{
	height:1px;
	border-color:Black;
	color:#531E2D;
}

h1
{
	color : #531E2D;
	font-size : 18px;
}

h2
{
	color : #531E2D;
	font-size : 14px;
}

a:link
{
	 color : #531E2D;
	 text-decoration: none;
}

a:visited
{
	 color : #531E2D;
	 text-decoration: none;
}

a:hover
{
	color: #0F8FAE;
	text-decoration: none;
}

a:active
{
	 color : #531E2D;
	 text-decoration: none;
}


/* main div containing all layout objects */
div.maindiv
{
	width : 960px;
	text-align: center;
	margin : 0px;
	padding : 0px;
	border : 0px;
}
/* upper image */
div.topdiag
{
	height:20px;
	margin : 0px;
	padding : 0px;
	border : 0px;
	overflow: hidden;
}
/* onsbrabant net logo*/
div.leftlogo
{
	width :320px; 
	height: 110px;
	display:inline;
	float:left;
	margin : 0px;
	padding : 0px;
	border : 0px;
	overflow: hidden;
}
/* ons plein logo */
div.centerlogo
{
	width : 320px;
	height: 110px;
	float : left;
	margin : 0px;
	padding : 0px;
	border : 0px;
	overflow: hidden;
}
/* siren logo*/
div.rightlogo
{
	width : 320px;
	height: 110px;
	float : left;
	margin : 0px;
	padding : 0px;
	border : 0px;
	background-color: #FFFFFF;
	overflow: hidden;
}
/* used for several positioning layout objects*/
div.inline
{
	display: inline;
	float:left;
	vertical-align:top;
}
/* shows the page title*/
div.PageTitleLayout
{
	display:inline;
	width: 320px;
	height: 20px;
	margin : 0px;
	padding : 0px;
	border : 0px;
	float : left;
	font-size:0px;
}
/* main div for left menu, containing top menu, middle menu, bottom menu */
div.left_menu
{
	width: 320px;
	display:inline;
	float: left;
	margin : 0px;
	padding : 0px;
	border : 0px;
	font-size:0px;
	background-color: #1AB7DF;	
}
/* main div containg content header breadcrumb */
div.content
{
	width: 640px;
	display:inline;
	float: left;
	margin : 0px;
	padding : 0px;
	border : 0px;
	background-color: #FFFFFF;
}

div.left_menu_top_image
{
	width: 320px;
	margin: 0px;
	padding : 0px;
	border : 0px;
	background-color: #1AB7DF;
	position: relative;
	display: table;
	vertical-align: middle;
	overflow:auto;
	
	text-align:left;
	padding-left:0px;
}
/* sets the background for default filter menu*/
div.left_menu_top
{
	width: 300px;
	margin: 0px;
	padding : 0px;
	border : 0px;
	background-color: #1AB7DF;
	position: relative;
	display: table;
	vertical-align: middle;
	overflow:visible;
	
	text-align:left;
	padding-left:20px;
}

div.left_menu_top_extraspacer
{
	height:22px;	
}

/* creates the line between both left menus */
div.left_menu_middle
{
	width: 320px;
	height: 20px;
	margin : 0px;
	padding : 0px;
	border : 0px;
	background-color: #99DEEE;
	position: relative;
	display: table;
}
/* sets the background for more filtere menu */
div.left_menu_bottom
{
	width: 300px;
	margin: 0px;
	padding : 0px;
	border : 0px;
	background-color: #1AB7DF;
	position: relative;
	display: table;
	vertical-align: middle;
	overflow:auto;
	
	text-align:left;
	padding-left:20px;
}
/* Image below both left menus*/
div.left_bottom
{
	display:inline;
	width: 320px;
	margin : 0px;
	padding : 0px;
	border : 0px;
	background-color: #D9DADA;
}
/* image below content*/
div.bottomdiag
{
	
	display:inline;
	float:left;
	width: 640px;
	height: 14px;
	margin : 0px;
	padding : 0px;
	border : 0px;
	overflow : hidden;
}

/* creates empty space*/
.spacer
{
	display:block;
	clear:left;
	height: 50px;
}

div.left_button
{
	position:static;
	margin:0px;
	padding:0px;
	
	/*margin-top:5px;*/
}

div.left_button input
{
	position:static;
	margin:0px;
	padding:0px;
	
	display:inline;
	float:left;
	
}

/* makes sure there is no space between logos and top menu */
div.top_menu
{
	position:relative;

	display : inline;
	float: left;
	height:20px;

	margin: 0px;
	padding : 0px;
	
	
	overflow:visible;
	border-collapse:collapse;
	border : 0px;
	  	
}

div.top_menu table
{
	border: 0px;
	border-color:#FF0000;
	border-collapse: collapse;
	border-style:solid;
	display:inline;
	float:left;
}

div.top_menu table td 
{ 
	height: 20px !important; 
}

div.top_menu a img 
{
	display:inline;
	float:left;
	border: 0px;
	border-color:#FF0000;
	border-collapse: collapse;
	border-style:solid;
	zoom:1;
	height:20px;
}

.MenuTop
{
	height:20px !important;
	font-size:0px;
	width: 640px;
}

.IE8Fix
{
	z-index:100;
}

/* Container where the image per page is loaded in */
.headerContainer
{
	margin : 0px;
	border : 0px;
	padding : 0px;
}
/* Container where the content is loaded in */
.contentContainer
{
	display : inline;
	width: 620px;
	float: left;
	margin : 0px;
	border : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-right : 0px;
	padding-left : 20px;
}
/* Makes the breadcrump jump in 20px */
.breadcrumb
{
	margin: 0px;
	padding: 0px;
	border: 0px
}
/* Creates a blue font for labels */
.lblFont
{
	color: #0F8FAE;
}

/* creates font for heading texts */
.head
{
	color : #531E2D;
	font-size : 12px;
}

/* style for powered by byton image and logged in as */
.imgPowered
{
	 vertical-align:bottom;
	 float:right;
}
.imgPowered_div
{
	height:77px;
}
.loggedInAs
{
	vertical-align:bottom;
	float:right;
	display:inline;
	padding-right:1px;
}

/* aligns images in divs */
.ImageCenter
{
	 vertical-align:middle;
}

/* Creates a blue font for labels */
.lblFontDiabled
{
	color: #908680;
}
/* Creates a gray font for text */
.txtFont
{
	color: #908680;
}
/* Makes the breadcrumb label brown */
.lblBreadcrumb
{
	color : #531E2D;
	padding-left:20px;	
}
/* Breadcrumb rootnode style */
.rootNode
{
	color: #99DEEE;
}
/* Breadcrumb node style */
.node
{
	color: #0F8FAE;
}
/* Breadcrumb current node style */
.currentNode
{
	color: #0F8FAE;
}
/* Breadcrumb path separator style*/
.pathSeparator
{
	color: #0F8FAE;
}
/* shows a thin brown line */
.DivHr
{
	vertical-align: top;
	margin-right:10px;
	margin-left: 10px;
	padding: 0px;
	border: 0px;
	height: 1px;
	background-color: #531E2D;
	overflow: hidden;
}
/*Defines layout for textbox*/
.TextBox
{
	color:#908680;
	border-style:solid;
	border-color:#908680;
	border-width:1px;
	border-collapse:collapse;
    font-size:11px;
    width:150px;
    padding-left:2px;
}
/*Defines layout for dropdownlists */
.DropDown
{
	color:#908680;
	border-style:solid;
	border-color:#908680;
	border-width:1px;
	border-collapse:collapse;	
	font-size: 11px;
	width:150px;

}
/*Defines layout for checkboxes. */
.CheckBox
{
	color:#908680;
	
	border-color:#908680;	
	
	border:none;
		
	/*border-style:solid;

	border-width:1px;
	border-collapse:collapse;	*/
}

/* Defines the file upload textfield and button. */
.FileUpload.file
{
	color:#908680;
		
	border-style:solid;
	border-color:#908680;
	border-width:1px;
	border-collapse:collapse;	
}

.FileUploadLong
{
	width:300px;	
}

/* Defines layout for light coloured buttons */
.LightSubmit
{
	color:#908680;
	
	background-color:#FFFFFF;
		
	border-style:solid;
	border-color:#908680;
	border-width:1px;
	border-collapse:collapse;	
	
	height:20px;
	cursor:pointer;
}

/* Defines layout for dark coloured buttons */
.DarkSubmit
{
	color:#531E2D;
	
	background-color:#FFFFFF;
		
	border-style:solid;
	border-color:#531E2D;
	border-width:1px;
	border-collapse:collapse;
	
	cursor:pointer;
	height:20px;
}

.darkfont
{
	 color : #531E2D;
}

/* dark coloured link layout */
a.DarkLink:link
{
	 color : #531E2D;
	 text-decoration: none;
}

a.DarkLink:hover
{
	color: #0F8FAE;
	text-decoration: none;
}
a.DarkLink:visited
{
	 color : #531E2D;
	 text-decoration: none;
}

a.DarkLink:active
{
	 color : #531E2D;
	 text-decoration: none;
}
/* light coloured link layour */
a.LightLink:link
{
	 color : #0F8FAE;
	 text-decoration: none;
}

a.LightLink:hover
{
	color: #531E2D;
	text-decoration: none;
}
a.LightLink:visited
{
	 color : #0F8FAE;
	 text-decoration: none;
}

a.LightLink:active
{
	 color : #0F8FAE;
	 text-decoration: none;
}


/* Font for Header Subtitle */
.FontLarge
{
	color : #0F8FAE;
	text-decoration: none;
	font-weight:bold;
}
/* Font for Requirements profile form */
.FontReq
{
	/* color: #908680; */
	color: #e51116;
	font-size: 11px;
}
.ErrorMessage
{
	color: #e51116;
	font-weight: bold;
}

.imgArrow
{
	padding-top:2px;
}

/* Styles for Upload Form */

iframe
{
	background-color:White;
}

iframe.body
{
	background-color:Green;
}

iframe.UploadResponse
{
	display:none;
}

iframe.UploadForm
{
	border-style:none;
	border-collapse:collapse;
	height:520px;
	width:620px;
	overflow:hidden;
}

iframe.UploadForm body
{
	border-width:0px;
	border-style:none;
	border-collapse:collapse;
	background-color:White;
}

body.UploadForm
{
	border-width:0px;
	background-color:White;
	border-style:none;
	border-collapse:collapse;
}

div.ButtonSpacer
{
	clear: left;
	display: block;
	height: 5px;
	overflow:hidden;
}

/********************************************Login********************************************/

.AnonymousLogin
{
	text-align:center;
	padding-top: 5px;
}

.AnonymousLogin input
{
	height:30px;
	width:150px;
}

.InfoContainer
{
	clear:both;
}

.InfoContainer div
{
	padding-top: 20px;		
}

/********************************************Comments********************************************/

div.MediaCommentListContainer
{
	clear:left;
	display:block;
	width:450px;
	height:175px;
	overflow-y:scroll;
}

div.MediaCommentAddContainer
{
	clear:left;
}

div.CommentListItem
{
	clear:left;
	display:block;
}

div.CommentListItem_Header
{
	background-color:#99DEEE;
	clear:left;
	display:block;
	height:18px;
}

div.CommentListItem_HeaderItem_Left
{
	padding-left:5px;
	float:left;
	display:inline;
	color:#0F8FAE;
	background-color:#99DEEE;
}

div.CommentListItem_HeaderItem_Right
{
	padding-right:5px;
	float:right;
	display:inline;
	color:#0F8FAE;
	background-color:#99DEEE;
}


div.CommentListItem_Text
{
	padding-top:2px;
	padding-left:10px;
	clear:left;
	display:block;
	color:Gray;
}

span.CommentListHeader
{
	color : #531E2D;
	font-size : 18px;
}


/*********************Groups**************************/

/*Title*/
div.GroupListTitle
{
	width:600px;
	background-color:#0f8fae;
	color:White;
	padding-left:5px;
}

/*Header*/
div.GroupListHeader
{
	width:600px;
	background-color:#5bb5cb;
	color:White;
	
	display:block;
	clear:left;
	height:20px;
	padding-left:5px;
}

div.GroupListHeader_Item
{
	background-color:#5bb5cb;
	display:inline;
	float:left;
	width:150px;
	
}

div.GroupList
{
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:603px;
	
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	border-color:#5bb5cb;
	
	background-color:#5bb5cb;
}

/*Item*/
div.GroupListItem
{
	background-color:#cceef6;
	display:block;
	clear:left;
	width:600px;
	height:23px;
	padding-left:5px;
}

div.GroupListItem_Property
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:150px;
	height:23px;
}

div.GroupListItem_Property img
{
	border-style:none;
}

div.GroupListItem_Property span
{
	padding-top:5px;
}

/*Alt Item*/
div.GroupListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	width:600px;
	height:23px;
	padding-left:5px;
}

div.GroupListItem_Property_Alt
{
	background-color:#a6dbe8;
	
	color:#0F8FAE;
	display:inline;
	float:left;
	width:150px;
	height:23px;
}

div.GroupListItem_Property_Alt img
{
	border-style:none;
}


div.GroupListItem_Property_Alt span
{
	padding-top:5px;
}

div.GroupListItem_NoItems
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	height:23px;
}
/*********************Subscripstions**************************/

/*Title*/
div.SubscriptionListTitle
{
	width:600px;
	background-color:#0f8fae;
	color:White;
	padding-left:5px;
}

/*Header*/
div.SubscriptionListHeader
{
	width:600px;
	background-color:#5bb5cb;
	color:White;
	
	display:block;
	clear:left;
	height:20px;
	padding-left:5px;
}

div.SubscriptionListHeader_Item
{
	background-color:#5bb5cb;
	display:inline;
	float:left;
	width:150px;
	
}

div.SubscriptionList
{
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:603px;
	
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	border-color:#5bb5cb;
	
	background-color:#5bb5cb;
}

/*Item*/
div.SubscriptionListItem
{
	background-color:#cceef6;
	display:block;
	clear:left;
	width:600px;
	height:23px;
	padding-left:5px;
}

div.SubscriptionListItem_Property
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:150px;
	height:23px;
}

div.SubscriptionListItem_Property span
{
	padding-top:5px;
}

/*Alt Item*/
div.SubscriptionListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	width:600px;
	height:23px;
	padding-left:5px;
}

div.SubscriptionListItem_Property_Alt
{
	background-color:#a6dbe8;
	
	color:#0F8FAE;
	display:inline;
	float:left;
	width:150px;
	height:23px;
}

div.SubscriptionListItem_Property_Alt span
{
	padding-top:5px;
}

div.SubscriptionListItem_NoItems
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	height:23px;
}

/*************GroupMemberList***************/

div.GroupMemberListContainer
{
	display:block;
	clear:both;
	height:250px;
}

/*Title*/
div.GroupMemberListTitle
{
	width:415px;
	background-color:#0f8fae;
	color:White;
	padding-left:5px;
	height:20px;
}

/*Header*/
div.GroupMemberListHeader
{
	width:415px;
	background-color:#5bb5cb;
	color:White;
	padding-left:5px;
	display:block;
	clear:left;
	height:20px;
}

div.GroupMemberListHeader_Item
{
	background-color:#5bb5cb;
	display:inline;
	float:left;
	width:250px;
	height:20px;
	
}

div.GroupMemberListHeader_Small_Item
{
	background-color:#5bb5cb;
	display:inline;
	float:left;
	width:75px;
	height:20px;
}

div.GroupMemberList
{
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:418px;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	border-color:#5bb5cb;
	
	background-color:#5bb5cb;
}

/*Item*/
div.GroupMemberListItem
{
	background-color:#cceef6;
	display:block;
	clear:left;
	height:20px;
	width:415px;
	padding-left:5px;
	
}

div.GroupMemberListItem_Property
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:250px;
	height:20px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

div.GroupMemberListItem_Property .Property_Small
{
	font-size:10px;
	color:Gray;
}

div.GroupMemberListItem_Small_Property
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:75px;
	height:20px;
}

/*Alt Item*/
div.GroupMemberListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:20px;
	width:415px;
	padding-left:5px;
}

div.GroupMemberListItem_Property_Alt
{
	background-color:#a6dbe8;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:250px;
	height:20px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

div.GroupMemberListItem_Property_Alt .Property_Small
{
	font-size:10px;
	color:Gray;
}

div.GroupMemberListItem_Property_Small_Alt
{
	background-color:#a6dbe8;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:75px;
	height:20px;
}

div.GroupMemberListItem_NoItems
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	height:20px;
}

/************* GroupSubscription Menu *************************/


div.MenuGroups
{
	/*
	width:278px;
	padding:0px;
	margin:0px;
	text-align:center;
	margin-left:20px;
	float:left;
	border-color:#004d6a;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	background-color:#0f8fae;
	
	height:150px;
	overflow-y:scroll;
	*/
	overflow-y:scroll;
	overflow-x:hidden;
	width:278px;
	background-color:#0f8fae;
	height:150px;
	
	display:block;
	clear:left;
	
	border-color:#004d6a;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}

div.MenuSubscriptionListItem
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
}

div.MenuSubscriptionListItemHover
{
	background-color:White;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	cursor:pointer;
}

div.MenuSubscriptionListItem_Property
{
	padding-left:5px;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:auto;
	/*background-color:#a6dbe8;*/
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}

div.MenuSubscriptionListItem_Property span 
{
	color:#004d6a;
	font-size:14px;
}

/*Alt Item*/
div.MenuSubscriptionListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	
}

div.MenuSubscriptionListItem_Property_Alt span 
{
	color:#004d6a;
	font-size:14px;
}

div.MenuSubscriptionListItem_Property_Alt
{
	padding-left:5px;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:auto;
	background-color:#a6dbe8;
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}

div.MenuSubscriptionListItem_Separator
{
	height:2px;
}

/*************FriendList***************/

/*Title*/
div.FriendListTitle
{
	width:600px;
	background-color:#0f8fae;
	color:White;
	padding-left:5px;
	height:20px;
}

/*Header*/
div.FriendListHeader
{
	width:600px;
	background-color:#5bb5cb;
	color:White;
	padding-left:5px;
	display:block;
	clear:left;
	height:20px;
}

div.FriendListHeader_Item
{
	background-color:#5bb5cb;
	display:inline;
	float:left;
	width:400px;
	height:20px;
	
}

div.FriendListHeader_Small_Item
{
	background-color:#5bb5cb;
	display:inline;
	float:left;
	width:100px;
	height:20px;
}

div.FriendList
{
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:603px;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	border-color:#5bb5cb;
	
	background-color:#5bb5cb;
}

/*Item*/
div.FriendListItem
{
	background-color:#cceef6;
	display:block;
	clear:left;
	height:20px;
	width:600px;
	padding-left:5px;
	
}

div.FriendListItem_Property
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:400px;
	height:20px;
}

div.FriendListItem_Property .Property_Small
{
	color:Gray;
	font-size:10px;
}

div.FriendListItem_Small_Property
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:100px;
	height:20px;
}

/*Alt Item*/
div.FriendListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:20px;
	width:600px;
	padding-left:5px;
}

div.FriendListItem_Property_Alt
{
	background-color:#a6dbe8;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:400px;
	height:20px;
}

div.FriendListItem_Property_Alt .Property_Small
{
	color:Gray;
	font-size:10px;
}

div.FriendListItem_Property_Small_Alt
{
	background-color:#a6dbe8;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:100px;
	height:20px;
}

div.FriendListItem_NoItems
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	height:20px;
}

/************* Friends Menu *************************/


div.MenuFriends
{
	/*
	width:278px;
	padding:0px;
	margin:0px;
	text-align:center;
	margin-left:20px;
	float:left;
	border-color:#004d6a;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	background-color:#0f8fae;
	
	height:150px;
	overflow-y:scroll;
	*/
	overflow-y:scroll;
	width:278px;
	background-color:#0f8fae;
	height:150px;
	
	display:block;
	clear:left;
	
	border-color:#004d6a;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}

div.MenuFriendsListItem
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
}

div.MenuFriendsListItemHover
{
	background-color:White;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	cursor:pointer;
}

div.MenuFriendsListItem_Property
{
	padding-left:5px;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:auto;
	/*background-color:#a6dbe8;*/
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}

div.MenuFriendsListItem_Property span 
{
	color:#004d6a;
	font-size:14px;
}

/*Alt Item*/
div.MenuFriendsListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	
}

div.MenuFriendsListItem_Property_Alt span 
{
	color:#004d6a;
	font-size:14px;
}

div.MenuFriendsListItem_Property_Alt
{
	padding-left:5px;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:auto;
	background-color:#a6dbe8;
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}

div.MenuFriendsListItem_Separator
{
	height:2px;
}

div.MenuFriendsListItem_NoItems
{
	background-color:#a6dbe8;
	color:#004d6a;
	display:inline;
	float:left;
	height:20px;
	text-align: left;
}

div.MenuFriendsListItem_NoItems span
{
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
}

/********** Member Selector Popup *******************/

div.MemberSelectorPopup
{
	display:none;
	clear:both;
	position:absolute;
	width:400px;
	height:auto;
	background-color:white;
	top:300px;
	left:400px;
	z-index:9999;
	
	
	border-style:solid;
	border-width:2px;
	border-color:#0f8fae;
	border-collapse:collapse;
	
	
}

iframe.MemberSelectorPopup
{
	clear:both;
	position:absolute;
	width:380px;
	height:200px;
	background-color:white;
	top:0;
	left:0;
	z-index:-1;
	filter:Alpha(Opacity=0);
	opacity:.0
}

div.MemberSelectorModalLayer
{
	clear:both;
	display:none;
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	filter:Alpha(Opacity=80);/*IE*/
	opacity:.8;/*FireFox*/
}

iframe.MemberSelectorModalLayer
{
	clear:both;
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	border-style:none;
	border-width:0px;
	z-index:1;
}

div.MemberSelectorModalPanel
{
	clear:both;
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:Gray;
	
	z-index:2;
}

div.MemberSelectorPopup_Header
{
	background-color:#5bb5cb;
	height:20px;
	color:White;
	font-weight:bold;
	padding-left:5px;
	cursor:move;
	z-index:1;
}

div.MemberSelectorPopup_ListContainer
{
	width:400px;
	height:180px;
	background-color:#5bb5cb;
	
	overflow-y:scroll;
	overflow-x:hidden;
	z-index:1;
}

/*Item*/
div.MemberSelectorListItem
{
	background-color:#cceef6;
	display:block;
	clear:left;
	height:20px;
	width:380px;
	padding-left:5px;
	
}

div.MemberSelectorListItem_Property
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:250px;
	height:20px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

div.MemberSelectorListItem_Property .Property_Small
{
	font-size:10px;
	color:Gray;
}

/*Alt Item*/
div.MemberSelectorListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:20px;
	width:380px;
	padding-left:5px;
}

div.MemberSelectorListItem_Property_Alt
{
	background-color:#a6dbe8;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:250px;
	height:20px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

div.MemberSelectorListItem_Property_Alt .Property_Small
{
	font-size:10px;
	color:Gray;
}

div.MemberSelectorListItem_Property_Small_Alt
{
	background-color:#a6dbe8;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:75px;
	height:20px;
}

div.MemberSelectorListItem_NoItems
{
	background-color:#cceef6;
	color:#0F8FAE;
	display:inline;
	float:left;
	height:20px;
}

/**************************Help************************************/

.ContentHelp
{
	width:610px;
	height:500px;
	overflow-y:scroll;
	
	border-style:solid;
	border-color:Black;
	border-width:0px;
	border-collapse:collapse;
}

div.ContentHelp ul#helpcontents {
    list-style: none;
    margin-left:0px;
    padding-left:0px;
}

div.ContentHelp h3 {
    font-size: 12px;
}

div.ContentHelp strong
{
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
}

/****************************Legenda******************************/

tr.LegendaHeader
{
	width:175px;
	background-color:#5bb5cb;
	color:White;
	padding-left:5px;
}

td.legendaText
{
	color: #5bb5cb;
	font-weight: bold;
	margin-left: 5px;
}

td.legendaImage
{
	padding-left: 2px;
}

table.Legenda
{
	border: solid 1px #5bb5cb;
	width:175px;
}


/*************MediaList***********************/

/*Style for panel around list*/
.MediaList
{
	display:block;
	float:left;
}

.MediaListOverview
{
	display:block;
	float:left;
	height:440px;
	width:560px;
}

div.MediaListTitle
{
	font-weight:bold;
	color: #1F597A;
	clear:left;
	display:block;
}

.MediaList_Left
{
	display:block;
	clear: left;
}

/*The Item panel*/
.MediaListItem
{
	padding-bottom:10px;
	padding-right:20px;
	overflow:hidden;
	float:left;
	display:inline;
}

.MediaListItem_Selectable
{
	cursor:pointer;
}

.MediaListItem_Title
{
	height:12px;
}

.MediaListItem_Rating
{
	height:12px;
}

.MediaListItem_Left
{
	padding-bottom:10px;
	overflow:visible;
	float:left;
	display:inline;
	padding:5px;
}

/*The Item Text*/
.MediaListItem span
{
	color: #0F8FAE;
	display:inline;
}

/*The Pager Panel*/
.PagerPanel
{
	clear:left;
	display:block;
	text-align:center;
	vertical-align:middle;
	margin-left:-10px;
}

.PageLinks
{
	display:inline;
}

.PageButtons
{
	display:inline;
	padding-top:10px;
}

.PageLabel
{
	border-style:solid;
	border-width:1px;
	width:60px;
	text-align:center;
  
}

.MedialistContainer
{
	height:150px;
}

.OverviewlistContainer
{
	display:block;
	clear:left;
	width:610px;
	height:500px;
}
/* shows a thin brown line */
.PageHr
{
	vertical-align: bottom;
	padding: 0px;
	border: 0px;
	height: 1px;
	background-color: #531E2D;
	overflow: hidden;
}

/*************************Meta Data******************************************/

/*small media player */

div.Small_Container
{
	width:310px;
	padding-left:10px;
	float:left;
	background-color:Red;
	text-align:left;
	height: 240px;
}

span.Small_Title
{
	color:White;
	font-size : 18px;
}

div.Small_Title
{
	padding-bottom: 5px;
	padding-top: 10px;
}

span.Small_Description
{
	color: White;
	font-size: 12px;
}

div.Small_Description
{
	padding-bottom: 5px;
}

div.Small_DataLabels
{
	clear:left;
	display:block;
	padding-bottom: 5px;
	color: White;
	font-size: 12px;
}

span.Small_DataLabels
{
	color: White;
	font-size: 12px;
}

/*big media player */

div.Big_Container
{
	width:460px;
	padding-left:0px;
	float:left;
	background-color:white;
	text-align:left;
}

span.Big_Title
{
	color : #531E2D;
	font-size : 18px;
	font-weight: bold;
}

div.Big_Title
{
	padding-bottom: 5px;
	padding-top: 10px;
}

span.Big_Description
{
	color: #0F8FAE;
	font-size: 12px;
	font-weight:bold;
}

div.Big_Left
{
	float: left;
	width: 245px;
	color:Gray;
	font-size: 12px;
}

div.Big_Right
{
	float: left;
	width: 215px;
	color:Gray;
	font-size: 12px;
}

div.Big_Right img
{
	display:inline;
	float: left;
}

span.Big_DataLabels
{
	color:Gray;
	font-size: 12px;
}

div.RatingPanel
{
	display:inline;
	float: left;
}

div.EmailCommentPopup
{
	display:none;
	clear:both;
	position:absolute;
	width:400px;
	height:auto;
	background-color:#a6dbe8;
	top:300px;
	left:400px;
	z-index:9999;
	
	
	border-style:solid;
	border-width:2px;
	border-color:#0f8fae;
	border-collapse:collapse;
}

div.EmailCommentModalLayer
{
	display:none;
	position:absolute;
	height:40px;
	width:100%;
	top:0px;
	left:0px;
	background-color:Gray;
	filter:Alpha(Opacity=80);/*IE*/
	opacity:.8;/*FireFox*/

}

div.EmailCommentPopup_Header
{
	background-color:#5bb5cb;
	height:20px;
	color:White;
	font-weight:bold;
	padding-left:5px;
	cursor:move;
}

div.EmailCommentPopup_Content
{
	padding:5px;
}

.EmailCommentPopup_Input
{
	width:385px;
	height:100px;
	color:#908680;
	border-style:solid;
	border-color:#908680;
	border-width:1px;
	border-collapse:collapse;
   font-size:11px;
}

/*************************Media Player****************************/


/*Panel around player and controls*/
div.MediaPlayerContainer
{
	text-align:left;
}

/*Player panel*/
div.MediaPlayerPanel
{
	
}

/*Control Panel*/
div.MediaPlayerControlsPanel
{
	
}

div.SmallMediaPlayerContainer
{
	float:left;
	display:block;
	text-align:center;
	background-color:#FFFFFF;
	width:320px;
	height:240px;
	overflow:hidden;
}

div.MediaPlayer_Left
{
	float:left;
	display:block;
	width:450px;
}

div.MediaPlayer_Spacer
{
	float:left;
	display:block;
	width:10px;
	
}

div.MediaPlayer_Right
{
	float:left;
	display:block;
	width:150px;
	height:745px;
	overflow-y:scroll;
	border-style:solid;
	border-width:1px;
	border-color:#531E2D;
}

div.NoMediaPanel
{
	width:100%;
	height:50px;
	border-style:solid;
	border-width:2px;
	border-color:Red;
	
	padding-top:20px;
	text-align:center;
	font-weight:bold;
	color:Red;
}

/****** Media Image Displayer *************/

div.ImagePanel
{
	background-color:Red;
}

/******Categoy Menu *************/

.MenuCategories
{
	width:278px;
	height:150px;
	background-color:#0f8fae;
	
	display:block;
	clear:left;
	overflow-y:scroll;
	
	border-color:#004d6a;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}


.CategoryMenu
{
	background-color:#0f8fae;
}

.CategoryMenuGroup 
{
	background-color:#0f8fae;
	width:247px;
}

.CategoryMenuGroup a
{
	padding-left:5px;
	color:#004d6a;
	width:242px;
}

.CategoryMenuItem
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	
	color:#0F8FAE;
	font-size:14px;
	font-weight:bold;
}

.CategoryMenuHover
{
	background-color:#FFFFFF;
}

.CategoryMenuGroupDynamic
{
	
	/*border-color:#004d6a;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	border-spacing:0px;*/
	
	z-index:100;
	
	margin:1px;
}

.CategoryMenuGroupDynamic a
{
	
	padding-left:5px;
	padding-right:5px;
	color:#a6dbe8;
	width:160px;
}

.CategoryMenuItemDynamic
{
	
	width:170px;
	background-color:#0F8FAE;
	
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	
	/*color:#a6dbe8;*/
	font-size:14px;
	font-weight:bold;
	
	margin-bottom:1px;
	z-index:100;
	
}

.CategoryMenuHoverDynamic
{
	background-color:#531E2D;
	width:170px;
}

.CategoryMenuHoverDynamic a
{
	color:#FFFFFF;
}

/*****Media Controls*************/

.MediaControls
{
	background-color:White;
	border-collapse:collapse;
}

/*TopItems*/

.MediaControlItemGroup
{
	border-collapse:collapse;
}

.MediaControlItem
{
	background-color:White;
	border-color:#531E2D;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	
	padding-left:5px;
	padding-right:5px;
	
	margin-right:5px;
	
	width:105px;
}

/*Sub Items*/

.MediaControlSubItemGroup
{
	border-collapse:collapse;
	border-color:#531E2D;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	z-index:100;
}

.MediaControlSubItem
{
	background-color:White;
	
	padding-left:5px;
	padding-right:5px;
}

.MediaControlItem_Rating
{
	background-color:White;
	border-color:#531E2D;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	
	width:50px;
	text-align:center;
}

/*Buttons with menu item look */

div.MediaControlPanel
{
	padding:0px;
	margin:0px;
	padding-top:5px;
	border-collapse:collapse;
	width:440px;
	text-align:center;
}

input.MediaControlItem
{
	background-color:White;
	border-color:#531E2D;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	
	color : #531E2D;
	height:20px;
	
	padding:0px;
	margin:0px;
	
	width:120px;
	
	text-align:center;
	
	/*padding-left:5px;*/
	
}

input.MediaControlItemHover
{
	background-color:White;
	border-color:#531E2D;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	
	cursor:pointer;
	color:#0F8FAE;
	height:20px;
	padding:0px;
	margin:0px;
	
	width:120px;
	
	text-align:center;
	/*padding-left:5px;*/
}

/*****************************MunicipalyList***********************/


div.MenuMunicipalies
{
	width:278px;
	height:150px;
	background-color:#0f8fae;

	display:block;
	clear:left;
	overflow-y:scroll;
	
	border-color:#004d6a;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	
}

div.MenuMunicipalyListItem
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
}

div.MenuMunicipalyListItemHover
{
	background-color:White;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	cursor:pointer;
}

div.MenuMunicipalyListItem_Property
{
	padding-left:5px;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:auto;
	/*background-color:#a6dbe8;*/
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}

div.MenuMunicipalyListItem_Property span 
{
	color:#004d6a;
	font-size:14px;
}


div.MenuMunicipalyListItem_Alt
{
	background-color:#a6dbe8;
	display:block;
	clear:left;
	height:22px;
	text-align:left;
	
}

div.MenuMunicipalyListItem_Property_Alt span 
{
	color:#004d6a;
	font-size:14px;
}

div.MenuMunicipalyListItem_Property_Alt
{
	padding-left:5px;
	color:#0F8FAE;
	display:inline;
	float:left;
	width:auto;
	background-color:#a6dbe8;
	height:22px;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}

div.MenuMunicipalyListItem_Separator
{
	display:block;
	height:2px;
	font-size:0px;
	clear:both;
}