/* 0 BASIC TAGS */


p 
 {
  
 }

h1
{
    font-size:1.3em;
    color: #e41a1a;
}

h2
{
    font-size:1.0em;
    
}

h3
{
    font-size:1.0em;
    
}

h4
{
    font-size:1.0em;
    
}

/*copy of h1 without padding*/
h5
{
    font-size:1.3em;
    color: #e41a1a;
    margin: 0 0 0 0; 
}

.WindowInternal
{
 background-color: Silver; 
 padding: 10px 10px 10px 10px;
 margin:0px 0px 0px 0px;
 
}

.MessageToUser
{
   font-style:italic;
   color: Green;
}



.MessageToUserWarning
{
   font-style:italic;
   color: Red;
}

.MessageToUserError
{
   font-style:italic;
   color: Red;
}

.MessageToUserWaiting
{
    position:fixed; 
    left: 50%; 
    top:50%; 
    width:200px; 
    z-index:10; 
    background-color:InfoBackground; 
    padding:10px 10px 10px 10px; 
    margin: -100px 0 0 -100px;
}


.grid
{
 border: solid 1px black;
}


/*a:link{
color: #000000;
}

a:visited{
color: #000000;
}

a:hover{
color: #000000;
}

a:active{
color: #000000;
}*/ 

.linkButton
{
    color: Black;
}


/* sets the style for the wizard */
.WizardButton
{

}

/* hack to get the min-height correct*/
div.Large
{
  min-height:350px;
  height:auto !important;
  height:350px;
}


.WizardNav
{
  text-align: left;
  vertical-align:top;
}

.imgLink
{
    
    border:none;
    border-top-style:none;
    text-decoration:none;
    
}


/* make up for blue and red labels (image headers) */
.imgLabel 
{
    
}

.imgPaperClipLeft
{
	 position:relative;
	  left:-30px;
	   top:-150px;
}


.imgPaperClipRight
{
	margin-left: 30px;
	margin-top: -130px;
}

.googleIcon
{
	vertical-align: middle;
	top: -10px;
}



/* menu's */
.menuAccount {
	font-size: 14px;
	text-align: right;
	color: White;
	z-index: 5;
}

/* combination of absolute right position and text align gives right position */
.menuAccountDiv {
	position:absolute;
	right:46px;
	top: 155px;
  
}

.menuRelationDiv {
	position:absolute;
	left: 50px;
	top: 155px;
}

.menuRelation {
	font-size: 14px;
	text-align: left;
	color: White;
	z-index:5;
}


.menuHome {
	font-size: 14px;
	text-align: right;
	z-index: 5;
}

.menuHomeDiv {
	position: absolute;
	right: 46px;
	top: 155px;
}


/*
example to set a link of a specific class
.menuAccount a:link
{
	color: #000000;
}*/


 
.menuRelationDynamic
{
	  text-align: left;
    color: Black;
}
.menuRelationDynamicItem
{
	text-align: left;
}

.menuRelationHoverStyle
{
}

.menuRelationItemStyle
{
	color: Black;
}

.staticMenuItem
{
	
}



/* used for account menu */
.menuMainItem  
{
    text-align: left;
    z-index: 6;
}




.menuFooterDiv
{
	position: absolute;
	left: 240px;
	top: 10px;
	font-size: 14px;
	 
}

.menuObject
{
	position: relative;
	top: 40px;
	left: 35px; 
	
	text-align: left;
}

.menuObjectRoot
{
    background-image: url(Images/Masterpage/menuObjectbg.jpg);
    background-repeat: repeat-x ;
    background-position: center;
}
 
 
 
 /* frame of site */
 .background {
	background-image: url(Images/Masterpage/PageLineVertical.jpg);
	background-color: #5cb6d7;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
}

 
 /* adding background of page*/
.pageWrapper {
	display: block;
	position: static;
	height: auto;
	width: 980px;
	background-image: url(Images/Masterpage/PageLineHorizontal.jpg);  
	background-repeat: repeat-y;
	
	margin:0 auto;

	
}

/* header wrapper 12337*/
.header {
	display: block;
	position: relative;
	width: 100%;
	height: 200px; 
	width: 980px;
	z-index: 1;
}



/* todo make background dynamic for all headers */
.headerBackground
{
	background-image: url(Images/Masterpage/HeaderBackground.jpg);
	background-repeat: no-repeat;
	position: absolute; 
	text-align:left;
	top:-20px; 
	left:40px;
	height: 200px; 
	width:980px;
	z-index: -1;
}

.headerBackgroundImage
{
	position: absolute; 
	top:-20px; 
	left:40px;
	z-index: -1;
}

.headerForegroundRed
{
	background-image: url(Images/Masterpage/HeaderRed.png); 
	background-repeat: no-repeat;
	position: absolute; 
	top:0px; 
	left:0px;
	height: 200px; 
	width:980px;
}


.headerForegroundBlue
{
	background-image: url(Images/Masterpage/HeaderBlue.png); 
	background-repeat: no-repeat;
	position: absolute; 
	top:0px; 
	left:0px;
	height: 200px; 
	width:980px;
}



.headerTitle
{
    position: absolute;
    top: 160px;
    left: 50px;
    font-size:17px;
    color: #ffffff;
    z-index: 7;
}

.headerRss
{
    position: absolute;
    top: 166px;
    left: 460px;
    z-index: 7;
}


/* used for default page, content pages and blog */

.panelLeft
{
  position: relative;
  background-image: url(Images/MasterPage/PanelLeft.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-position:top;
  float: left;
  width: 235px;  
  text-align:left; 
	z-index: 0;
}



/* Used on default homepage */
.panelLeftInner
{
  margin: 20px 22px 0 45px;
}

/* middle panel used for default page and blog */
.panelMiddle
{
  position: relative;
  float: left; 
	width: 485px;
	margin: 10px 10px 10px 10px;
	text-align:left; 
	min-height:350px;
	height:auto !important;
  height:350px;
}

/*right panel used for default pages and blog */
.panelRight
{
  position: relative;
  float: left;
  background-image: url(Images/MasterPage/PanelRight.jpg);
  background-repeat: no-repeat;
  background-position: left; 
  background-position:top; 
  text-align: left;
	width: 190px; 
	height: 580px;
}

.panelRightInner
{
  margin: 20px 20px 0 15px;
}

.panelRightPhotoFrame
{
	position:relative;
	top:0px;
	left:0px;
	background-color:white;
	height:106px;
	width:149px;
	vertical-align:middle;
	margin-bottom:10px;
	overflow:hidden; 
}

.panelRightPhotoFrameInner
{
	position:absolute;
  top:0px;
  left:0px;
  background-image: url(Images/MasterPage/PhotoFrameTapeTransparantLandscape.gif);
  height:106px;
	width:149px;
	z-index:2;
}

.panelRightPhotoSlide
{
 position:absolute;
 top:20px;
 left:22px;
 width:100px;
 overflow:hidden;
 z-index:1;
}



 /*main panel used on the content page of masterpage.master except for default*/
.panelMain
{
  position: relative;
  float: left;
  background-image: url(Images/Masterpage/PageLineHorizontal2.jpg);  
	background-repeat: repeat-y;
  text-align: left;
	width: 695px; 
}

/*rigth border used on the masterpage.master and blog.master */
.borderRight
{
  position: relative;
  float: right;
  background-image: url(Images/MasterPage/BorderRight.jpg);
	background-repeat: no-repeat;
  background-position: left;
  width: 50px;
	height: 580px;
}

.footer {
	position: relative;
	clear: both;
	display: block;
	
	background-image: url(images/MasterPage/Footer.jpg);
	background-repeat: no-repeat;
	background-position: left;
  
	margin-left: 0;
	margin-right: 0;
	
	width: 980;
	height: 50px;
}



/* controls on site */

#srchResult iframe { 
        width: 660px; 
        
}

.PostTitle
{
	
}

.subPostTitleLeft
{
	color: #6a6a6a;
	margin-left:28px;
	
}
.subPostTitleRight
{
	color: #e41a1a;
	margin-left:28px;
	text-align:right;
	font-weight:bold;
}


.postDiv
{
	 margin-left:28px;
	 padding-bottom:10px;
	 margin-bottom:3px;
	 max-width:440px;
	 border-bottom: #e41a1a 2px solid; 
	 text-align:justify;
}


.post
{
	 font-size: 1.1em;
	 font-family: Tahoma,Arial,Helvetica,sans-serif;
}


.postPhotoSmallDiv
{
  float:left;
  position:relative;
}

.postPhotoSmall
{
  Width: 180px;
  margin-right:10px;
  margin-bottom:2px;
}

.postPhotoSmallButton
{
  position:absolute;
  top: 0px;
  left: 0px;
}

.postPhotoSlideshowDiv
{
  float:none;
  position:relative;
  top:0px;
  left:0px;
  Height: 300px;
}

.postPhotoSlideshowTitle
{
  float:none;
  position:absolute;
  top:0px;
  color:white;
  background-color: Gray;
  z-index:1;
}

.postPhotoSlideshowButtons
{
  float:none;
  position:absolute;
  top:273px;
  z-index:1;
}

.postPhotoSlideshowButton
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.postPhotoSlideshow
{
  position: absolute;
  top:0px;
  left:0px;
  Height: 300px;
  float:none;
  z-index:0;
}

.commentTitle
{
  margin-left:28px;
  font-size:1.3em;
  font-weight:bold;
  padding-bottom:10px;
  color:#5cb6d7;
}

.commentDiv
{
	 margin-left:28px;
	 padding-bottom:10px;
	 margin-bottom:3px;
	 max-width:440px;
	 border-bottom: #5cb6d7 2px solid; 
	 text-align:justify;
}

.commentNewDiv
{
	 margin-left:28px;
	 padding-bottom:10px;
	 margin-bottom:3px;
	 max-width:440px;
	 border-bottom: #5cb6d7 2px solid; 
	 text-align:justify;
}

.commentNewMessage
{
	 margin-left:28px;
	 padding-bottom:10px;
	 margin-bottom:3px;
	 max-width:440px;
	 text-align:justify;
}

.mediaDiv
{
	 margin-left:28px;
}

.dateTextBox
{
  background: gray;
  width:100px;
  color:White;
}



.controlLogin
{
   
}

/* elements on site */

.exception 
{
	color:Red;
}

/* Photo */
.photoListView
{
}

.photoListViewGroup
{
	clear:both;
	z-index:1;
}

.photoListViewItem
{
	position: relative; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	width:450px;

}

.photoListViewSelectedItem
{
	position: absolute; 
	z-index:3;
}

.photoListViewSelectedItemDetails
{
	width:200px;
	background-color: Silver;
	z-index:3;
}

.photoListViewEditItem
{
	position: absolute; 
	z-index:3;
}

.photoListViewEditItemDetails
{
	width:300px;
	background-color: Silver;
	z-index:3;
}

/* Video */

.videoListView
{
}

.videoListViewGroup
{
	clear:both;
	z-index:1;
}

.videoListViewItem
{
	position: relative; 
	float:left;
	height:130px;
	width:150px;
	z-index:2;
}

.videoListViewSelectedItem
{
	position: absolute; 
	z-index:3;
}

.videoListViewSelectedItemDetails
{
	width:300px;
	background-color: Silver;
	z-index:3;
}

.videoListViewEditItem
{
	position: absolute; 
	z-index:3;
}

.videoListViewEditItemDetails
{
	width:300px;
	background-color: Silver;
	z-index:3;
}

.documentListView
{
}

.documentListViewGroup
{
	clear:both;
	z-index:1;
}

.documentListViewItem
{
	position: relative; 
	float:left;
	height:90px;
	width:150px;
	z-index:2;
}

.documentListViewSelectedItem
{
	position: absolute; 
	z-index:3;
}

.documentListViewSelectedItemDetails
{
	width:300px;
	background-color: Silver;
	z-index:3;
}

.documentListViewEditItem
{
	position: absolute; 
	z-index:4;
}

.documentListViewEditItemDetails
{
	width:300px;
	background-color: Silver;
	z-index:5;
}

/* MessageList */
.messageListView
{
}

.messageListViewGroup
{
	clear:both;
	z-index:1;
}

.messageListViewItem
{
	position: relative; 
	float:left;
	height:60px;
	width:400px;
	z-index:2;
}

.messageListViewSelectedItem
{
	position: absolute; 
	z-index:3;
}

.messageListViewSelectedItemDetails
{
	width:200px;
	background-color: Silver;
	z-index:3;
}

.messageListViewEditItem
{
	position: absolute; 
	z-index:3;
}

.messageListViewEditItemDetails
{
	width:200px;
	background-color: Silver;
	z-index:3;
}

/* PendingRelationList */
.pendingRelationListView
{
}

.pendingRelationListViewGroup
{
	clear:both;
	z-index:1;
}

.pendingRelationListViewItem
{
	position: relative; 
	float:left;
	height:60px;
	width:400px;
	z-index:2;
}

.pendingRelationListViewSelectedItem
{
	position: absolute; 
	z-index:3;
}

.pendingRelationListViewSelectedItemDetails
{
	width:200px;
	background-color: Silver;
	z-index:3;
}

.pendingRelationListViewEditItem
{
	position: absolute; 
	z-index:3;
}

.pendingRelationListViewEditItemDetails
{
	width:200px;
	background-color: Silver;
	z-index:3;
}


/*Modal Popup*/
.modalPopup
 {
	position:absolute;
 	border:1px solid silver;
  background-color:#ffffdd;
  text-align:left;
 	z-index:20;
 	TOP:0px;
 	
 }

.modalBackground 
 {
 	position:absolute;
 	left:0px;
 	top:0px;
 	height:100%;
 	width:100%;
 	z-index:19;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
 }

.popupTextPanel
{
	width:100%;
	text-align: center;
	vertical-align:middle;
	overflow:auto;/* allow content to scroll inside element */
}

.popupButtonsPanel
{
	width:100%;
	height:25px;
	text-align:right;
}

.popupButton
{
	width:75px;	
}

.youtubeVideo
{
  width:100px;
  height:100px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/Rating/FilledStar.png);

}

.emptyRatingStar
{
    background-image: url(Images/Rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/Rating/SavedStar.png);
}

.watermarked
{
   font-style:italic;
     color:Gray
}