body, div, ul, li, table,h1,h2,h3,h4,h5,h6,p
{
    margin: 0;
    padding: 0;
    border: none;
    color:#000000;
}


/*force vertical crollbar*/
  html, body {
  height: 100%;
  margin: 0 0 1px;
    padding: 0;
   }
   
   body
{
    text-align: center;
 font-size:11px;
    	font-family:Arial, Verdana;/*Georgia, Times, serif;*/
/* background: #f9a2b2 url(images/pageBackground.jpg) repeat left top;*/
  background:#ECEDF2 url(images/bgGrad.gif) repeat-y center;
 
}


tr
{
    vertical-align: top;
}

img
{
    border: none;
    vertical-align: middle;
}

#wrapper
{
   /* width: 98%;/*950*/
    width:950px;
 /*   min-width:720px;*/
    margin: 0 auto;
    text-align: left;


}



#branding
{
    height: 100px;width:340px;margin-top:10px;margin-left:20px;
   background:#FFFFFF url(images/banner7.jpg) no-repeat left top;
   float:left;
}

#branding:hover
{cursor:pointer;
}

#user
{float:right;width:400px;   color:#f27c8a;
    margin-top:5px;margin-right:20px;height:40px;
}

#user a
{  color: #f27c8a;/*muted pink*/
}


.search
{clear:right;float:right;width:197px;   color:#f27c8a;
  
}

.search input[type="text"]
{
   width:150px;

}




.searchbutton
{
    background:#FFFFFF url(images/buttons/search.gif) top right no-repeat;
}

.searchbutton:hover
{
    background:#FFFFFF  url(images/buttons/search.gif) top right no-repeat;
}




/*-------------------*/

/*--------------------content lists----------------------------*/

.contentList
{  float:left;width:100%;margin-bottom:10px;}

.contentList h1
{ display:block;float:left;width:100%;
/*margin:0px 24px 0px 0px;*/
   font-size:16px;
 padding-bottom:10px;
/*border-bottom:2px dotted #666666;
  border-top:2px dotted #666666;
 
 background: transparent url(images/arrow.gif) no-repeat left top;
 padding-left : 30px;*/
}

.contentList li
{
    display:block;
float: left;
background-color:#FFFFFF;
border:solid 1px transparent;
/*margin:0px 10px 10px 0px;*/
margin:0px;
padding: 0px 0px 4px 0px;

 list-style-type: none;
 color:#fab6ce;/*utrophia pink*/
width:32%; /*for the main people/projects/places/events lists*/
 margin-bottom:10px;

}
.contentList #text
{
  
 height:95px;
 overflow:hidden;
}

.contentList li:hover
{
/*background-color: #EAEAEA;*/
border: 1px solid #fab6ce;/*'utrophia pink'*/
    cursor:pointer;/*border-color:#ff424a;/*rich pink*/
    
  
}

.highlight
{
     color:#f27c8a;
}

.contentList img
{
float:left;
border:solid 1px #9c9c9c;
margin-right: 10px;
}


.contentList h2  /*name */
{

    color:#000000;/*#ff424a;/*rich pink*/
    margin:0px;padding:0px;
    font-size:14px;
    font-weight:bold;
}
  

.contentList h3 
{
    display:none;
  font-size:10px;
  font-weight:bold;
   margin:0;padding:0;
      font-weight:bold;color:#666666;
}
.contentList h4 
{
      display:none;
  font-weight:bold;color:#666666;
   margin:0;padding:0;
   font-size:10px;
      font-weight:bold;
}
.contentList h5 
{
   font-size:10px;
  font-weight:normal;color:#666666;
   margin:0;padding: 0; /*font-style:italic;*/
   
}



.listItemSmall #text {height:90px;overflow:hidden;}
.listItemSmall h2 {font-size:11px;}
.listItemSmall h4
{display:none;}




/*------------------------object display --------------------------------*/
.mainContent
{
   /*  float:right;width:87%;max-width:830px;*/
    float:left;width:100%;background:#FFFFFF;min-height:700px;
}
.innerborder
{float:left;background:#FFFFFF;
    padding:30px;padding-left:22px;

}





.SaveCancel
{
    font-weight:bold;clear:left;float:left;width:200px;font-size:16px;
}



.articlePreview
{
float:left;clear:left;
margin-bottom:20px;

}
.articlePreview li a
{
color: #f27c8a;text-decoration:none;

}

#text a
{color: #f27c8a;text-decoration:none;
}


.articlePreview li
{
 list-style-type:none;
 width:100%;


padding: 4px;
max-height:400px;overflow:hidden;
float: left;

border:1px solid transparent;

}

.articlePreview li:hover
{
    border:1px solid #fab6ce;/*'utrophia pink'*/
    cursor:pointer;
}


.articlePreviewHeader
{padding-bottom:10px;padding-top:5px;width:100%;cursor:pointer;}

.articlePreview .buttonLink
{padding-bottom:20px;}

.articlePreview h2
{
font-size:18px;font-weight:bold;

}
.articlePreview h3
{
font-size:16px;font-weight:bold;color:#666666;

}
.articlePreview h4
{
font-size:12px;font-weight:bold;color:#666666;

}

.articlePreview h5
{
font-size:12px;color:#666666; font-weight:normal;font-style:italic;
}

.articlePreview .pageBody
{
   
     text-align:left;
     overflow:hidden;
  
     display:inline;
}
.articlePreview .pageBody: hover
{
  cursor:pointer;
     
}

/*---------------------*/

.mediaButtons
{ height: 21px;width:550px; float:right;margin-bottom:10px;}

.mediaContainer
{

float:right;
width:550px;
z-index:1;
}

.pageBody
{
     text-align:left;float:left;clear:left;
   margin-top:10px;
}




.pageBodyEdit
{
    background:#FFFFFF;
    float:left;clear:left;
    text-align:left;
    color:#272727;
   
     min-width: 0px;
     height: auto;
  margin: 0 0 0px;
  padding:5px;
}


.embeddedMedia
{float:left;width:100%;
    }


.MediaThumbnailContainer
{float:left;width:100%;max-height:300px; overflow:auto;margin-top:10px;
}
.MediaThumbnailContainer img
{
    margin: 0px 3px 3px 0px;
  border:2px transparent;/*nb borderwidth set in code too*/
}

.MediaThumbnailContainer img:hover
{
  cursor:pointer;
  border:solid 2px #fab6ce; /*rich pink*/
}



#upload
{
    margin:0px;
     min-width: 600px;
    width:600px;
    background-color:#FFFFFF;
    text-align:left;
        margin:0px;
}


#upload table
{
    width:200px;
}

#upload input[type="submit"]
{
    margin-top:10px;
}

#upload h1
{
    font-size:12px;margin: 5px 0px 0px 0px;font-weight:normal;
  
}

#DivExternalMedia h1
{
         font-size:12px;margin: 5px 0px 0px 0px;font-weight:normal;
}

.uploadInfo
{color:#ff424a;/*rich pink*/
 display:block;width:400px;height:25px;font-size:14pt;font-weight:bold;
}

.uploadProgressBar
{
    background-color: #fab6ce;/*utrophia pink*/
   border-color:#ff424a;/*rich pink*/
    
}


/*
#map
{
  width:785px;
  height:700px;border:1px solid #CCCCCC;
}

#map a:hover {background-color:Transparent;cursor: text;}
*/

.textEditor
{
  clear:left;
  float:left;
  width:670px;
 
}

.textEditor select
{width:auto;
}

.emailPreview
{
    width: 95%;
    float:left;clear:left;
}

.emailPreview .fieldDisplay
{
     border:1px solid #CCCCCC; background-color:#ffffff;padding: 5px; width: 80%;   float:left;clear:left;
}


.emailPreview .body
{
 
    margin:0px;padding:0px;background-color:#9c9c9c;height: 400px;width:80%;border:1px solid #CCCCCC; overflow: scroll;
}

.emailPreview label
{
 
      display:block;float:left;margin-top:10px; clear:left;color:#272727;width:80%;
}


.emailPreview h2
{
    display:block;width:100%;border-bottom:1px solid #CCCCCC;
    margin-top:20px;margin-bottom:5px;
}

.emailPreview .SaveCancel
{
       border:none;

    padding: 0px; width: 100%;
    float:none;clear:left;
}





/*modal popups - one homemade the other used by ajax extender*/
.modalFormContainer
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-image: url(images/background-trans.png);
}
.modalForm
{
    width: 500px;
    margin: 100px auto;
    background-color: #fff;
    border: 1px solid #000000;
    padding: 0px;
}




.modalForm h1
{
    font-size: 14pt;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    margin: 0px auto;
    color: #ffffff;font-weight:bold;
   background: #e49cb0; 
    text-align: center;
}

.modalForm h2
{
    font-size: 12pt;
    font-weight: bold;
    margin: 0px auto;
    padding: 10px;
    text-align: center;
    background-color: #ffffff;
    color: #e49cb0;/*rich pink*/
}

.modalForm table
{
      text-align: left;
      width:100%;
      padding:5px;
      margin-bottom:10px;
}

.modalForm h3
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom:5px;
    text-align: left;
    background-color: #ffffff;
    color: #272727;/*rich pink*/
}


.modalForm p
{
    display:block;
    font-size: 12px;
    padding: 10px;
    text-align: left;
    width: 400px;
    background-color: #ffffff;
    color: #000000;
    margin: 0px auto;
   
}

.modalForm a
{
      font-size: 14pt;
    display:block;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 500px;
    margin: 0px auto;
    color: #ffffff;
    background-color: #e49cb0;/*rich pink*/
    text-align: center;
}




/*-form-*/

.form{clear:left;float:left;width:400px;}
.form .buttonLink {clear:both;}
.form input[type="button"]{float:left;clear:left;margin-top:5px}

.form h1{font-size:24px;margin-bottom:20px;font-weight:bold;}
.form h2{font-size:18px;margin-bottom:20px;font-weight:bold;}
.form li { list-style-type:circle;font-size:16px;font-weight:bold; color:#666666;margin-bottom:15px;margin-top:5px;}
.form select {width:300px;}
.form input[type="checkbox"]{float:left;margin-top:11px;}
fieldset {float:left;clear:left;border:1px solid #e49cb0; }
.form fieldset {width:500px;margin:10px;}
.form label
{
  display:block;float:left;margin-top:10px; clear:left;color:#272727;  font-weight:bold;
    
 }
 
 select
 {
     display:block;float:left; clear:left;
     border:solid 1px #fab6ce; /*utrophia pink*/ color:#272727; font-size: 12px;
 }
 
input[type="text"]
{
    display:block;float:left;clear:left;width:300px;
    border: solid 1px #fab6ce; /*utrophia pink*/ font-size: 12px;color:#272727;
}

input[type="password"]
{
    display:block;float:left;clear:left;width:300px;
    border: solid 1px #fab6ce; /*utrophia pink*/ font-size: 12px;color:#272727;
}

textarea
{  display:block;float:left;clear:left;width:300px;
    border: solid 1px #fab6ce; /*utrophia pink*/ font-size: 12px;color:#272727;
}

button
{
    border: solid 1px #fab6ce; /*utrophia pink*/ margin-bottom:3px;font-size: 12px;color:#272727;
}

.buttonLink
{
    display:block;
  /*  background: #ffffff url(images/buttons/buttonOnWhite.jpg) no-repeat right top;*/
    font-size:12px;
    margin-top:20px;
}
.buttonLink:hover {background-color:Transparent;color:#ff424a;}



.disabled
{background-color:#CCCCCC;border-color:#666666;
}



/*upload*/

.FilesContainer
{
	width: 400px;
	height: 350px;
	overflow:auto;
	border: 1px solid #cccccc;

}

.Unuploaded
{
    	
   margin-left:2px; margin-right:2px;

   	border-bottom: 1px solid #EEEEEE;
	/* height: 50px;

	 background-color: #FFFFCC;
	 border-bottom: 1px solid #000000;	*/
}

.Uploaded
{
   
   margin-left:2px; margin-right:2px;

   	border-bottom: 1px solid #EEEEEE;
   	   	height:30px;
    /*
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 50px; 
	border-bottom: 1px solid #000000;
	background-color: #33FF66;
	*/
}

.Error
{
    margin-left:2px; margin-right:2px;
   	border-bottom: 1px solid #EEEEEE;
   	height:30px;
	
	
	background-color: #FF0000;
}

.Progress
{
	display:none;
	width: 300px;
	font: 5px;
}

.Progress DIV
{
	width: 0%;
	background-color: #33FF33;
	height: 10px;
}
/*---------*/
.hidden {
   width: 0;
   height: 0;
}


.comments
{
    float:left;clear:both;font-size:12px;margin-top:10px;width:100%;
}
.comments p
{float:left;clear:left;
}