html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, /* p, */ blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
/* remember to define focus styles! */
:focus
{
	outline: 0;
}
body
{
	font-family: Calibri,Tahoma, Helvetica, Sans-Serif; /* font-family:  "Segoe UI",  Helvetica, Arial, Sans-Serif; */
	line-height: 1.2;
	color: black;
	background: url(/images/bgtest.gif) #143264 repeat-x;
	
}

body.no-background
{
    background-image: none;
    background-color: White;
}

ol, ul
{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}

html > body
{
	/* font-size: 76%;*/
}

/*
input, select
{
	font-size: 100%;
}*/
table
{
	font-size: 100%; /* IE hack */
}

h1
{
	font-size: 140%;
}
h2
{
	font-size: 130%;
}
h3
{
	font-size: 120%;
}
h4
{
	font-size: 110%;
}


hr
{
	margin-bottom: 10px;
}

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

.viewport
{
	margin: 0 auto;
	width: 80%;
}


.viewportfull
{
	margin: 0 auto;
	width: 95%;
}



.header
{
	font-family: Arial;  background-color: #24467b;
}
.headerMenu
{
	float: right;
	margin-top: 35px;
	margin-right: 100px; 

	width:300px;
	clear:both;
}
.headerMenu a
{
	color: #ffd700;
	text-decoration: none;
	margin-right: 20px;
}


.loginMenu
{
	float: right;
	text-align:right;
	margin-top: 5px;
		margin-bottom: 0px;
	padding: 0;
	color: #ffd700;
	font-size:small;
	width: 300px;
}
.loginMenu a
{
	color: #ffd700;
	text-decoration: none;
	margin-right: 20px;
}



#mainHeader
{
	
	padding-top: 10px;
	padding-left: 10px;
	font-size: 200%;
}


#mainHeader a, #mainHeader a:visited
{
	display: block;
	text-decoration: none;
	color: #ffd700;
}

#subHeader
{
	background-color: #ffd700;
	height: 4px;
	
	padding-left: 10px;
	
	
	margin-top: 10px;
	
}
#subHeader2
{
	background-color: #ffd700;
	height: 4px;
	
	padding-left: 10px;
	
	
	
	
}

.left
{
	float: left;
	width: 150px;
}
.right
{
	float: right;
	width: 150px;
}


.title
{
	float: left;
	font-size: 120%;
	font-weight: bold;
	color: #143264;
}

	
		

.navigation
{
	margin: 0; padding: 0;  background-color:Silver;  
	
}



.main
{
	margin: 0;
	padding: 10px;
	background-color: white;
}




.leftNav
{
	float: left;
	padding: 3px;
	margin-left: 10px;
	margin-top: 5px;
	
	width: 30%;
}
.rightNav
{
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}


.content
{
	padding: 10px;
	background-color: White;
}


	

.contentHeader
{
	margin-top: 5px;
}

.msgList
{
	padding-bottom: 10px;
}

.msgListTable
{
	table-layout:fixed;
	empty-cells: show;
	background-color: White;
	
}



.msglistHeader
{
	border-bottom: solid 2px #5B82B4;
}


.msgList th
{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 110%;
	color: #143264;
	font-weight: bold;
	border-bottom: solid 2px #5B82B4;
	border-top: solid 2px #5B82B4;
	
	
}



.msgList .row TD, .msgList .row2 TD, .msgList .altrow TD, .msgList .greyrow TD
{
	padding: 2px; 
	vertical-align: middle;
	text-align: left;
	
	border-bottom: solid 1px #E2EBF2;


}

.icon
{
	width: 20px;

	
}.icon2 {}

.date
{  font-size: 80%;
   	width:15%;
}
.subject
{
	/* overflow:hidden;  white-space:nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; */
	
		
}



.subject a.visited { color: Purple;}
.subject a:unvisited { color: Navy;}
.subject a:hover { color:  Orange;}

.from
{
	/*overflow:hidden;  white-space:nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; */
	font-size: 80%; 
	word-wrap: break-word;
	width:15%;

}





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

.message
{
	empty-cells: show;
	background-color: White;
		
}

.msgHeader
{
	/*	margin: 0px 10px 0px 10px; */
	color: #666;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: solid 2px #5B82B4;
}



.msgText
{
	/* margin: 0px 10px 0px 10px; */
	background-color: white;
	line-height: 130%;
}


.msgSubject
{
	color: #143264;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
}

.msgAttachments
{
	width: 100%;
/*	border-top: solid 1px #5B82B4;
	border: solid 1px #5B82B4; */
}


.lvPhotos { table-layout:fixed;  }
.lvPhotos td { vertical-align:top; border: solid 15px white;}
.photoCell { width: 500px;}

.photoDiv { float: left;}
.lvPhotoDetails { border: solid 1px red; float:left;}
.lvPhotosExif { float:left}

.collapsePanelContent { height: 0px; overflow:hidden; }


.photo
{
	margin-top: 20px;
	margin-bottom: 20px;

}


.photoAllDetails { background-color: #ECF1EF; padding: 5px 0px 0px 5px; float:left;}

.photoMetaData .row TD
{
	padding: 2px; /*padding-left: 10px; */
	vertical-align: middle;
	text-align: left;
	border-bottom: solid 1px #E2EBF2;

}
.photoMetaData {  border: solid 1px black; width:50%;  font-size:70%;}


.photoList
{
}
.photoList li
{
	display: inline;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
}
/* .photostyle { width: 600px; } */
.photoImage { margin-bottom: 15px;  float:left; }
.photoDetails { font-size: 80%; padding: 5px; border: solid 1px blue; margin-left: 15px; 
                margin-bottom: 15px;   float:left; }

.photoImageFull { padding-top: 15px;}
.photoDetailsLabel { font-weight: bold; }

.photoDetailsAll { font-size: 80%;   padding: 5px 0px 0px 15px;      float:left; width:48%;}
.photoDetailsAll th { font-size: 180%; }
.altrow td { background-color:#EFF3FB;}
.closeWindow { text-align:right; margin-right:10px;}
/*.msgPhotos
{
	overflow: hidden;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 80%;
	float: left;
	width: 150px;
	height: 200px;
	border: solid 1px red;
}
*/

/*.photoPanel
{
	height: 150px;
	width: 150px;
	position: relative;
}*/


/*.photoImage
{
	position: absolute;
	bottom: 0;
}*/





.attachPhotos
{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
}

















.grid .msglist a
{
	text-decoration: none;
	color: Black;
}
.grid .msglist a:visited
{
	text-decoration: none;
	color: gray;
}
.grid .msglist a:hover
{
	text-decoration: underline;
}

/*.from { width: 20%;  } */















#listView
{
	width: 100%;
}

.tableEvenRow td
{
	background-color: #ebf3ed;
	color: black;
	text-align: left;
	padding: 5px 0 5px 5px;
	width: 200px;
}

.tableOddRow td
{
	background-color: White;
	text-align: left;
	padding: 5px 0 5px 5px;
	width: 200px;
}

.tableHeader th
{
	background-color: #338642;
	color: White;
	border-bottom: solid 1px black;
	padding: 5px 0 5px 5px;
}

#icon
{
	width: 1px;
	border-right: none;
}
#subject
{
	width: 50%;
	border-left: none;
}
#from
{
	width: 20%;
}

table
{
	border-collapse: collapse;
	width: 100%;
}



#content h2
{
	margin: 0 0 .5em 0;
}







.navigation2
{
	background-color: red;
	font-size: 110%;
	padding: 10px;
}





.navigation a
{
	/*display: block;  height: 100%;  width: 100%; */
	text-decoration: none;
	color: #143264;
	font-weight: bold;
}


.navigation a:hover
{
	/*display: block;  height: 100%;  width: 100%; */
	text-decoration: underline;
}

a.disabledLink
{
	text-decoration: none;
	color: Gray;
}
a.disabledLink:hover
{
	text-decoration: none;
}
a.disabledLink:link
{
	text-decoration: none;
}


.smallLink
{
	font-size: 80%;
}







.mgm
{
	margin: 0;
	padding: 0;
	display: block;
}





.datapager
{
	clear: both;
	padding: 5px 0 5px 0;
	text-align: center;
	background-color: Silver;
}



/*
.photodiv
{ position:absolute;
   bottom: 0; }
   

.photolink
{   
  position:absolute;
   bottom: 0; 
   
   
}
*/




.widecol
{
	width: 150px;
}

.iconcol
{
	width: 10px;
}

.padcol
{
	width: 5px;
}

.centered
{
	margin: 0 auto;
	text-align: center;
}




.photoTitle
{
	font-size: small;
}

.thumbnails
{
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	width: 200px;
	height: 200px;
	font-size: small;
	word-wrap: break-word;
	overflow: hidden;
	font-size: 90%;
}

.thumbnailFooter
{
	clear: both;
	text-align: center;
}


.imgRepeater
{
	background-color: #EFEFEF;
	padding: 10px 20px 0px 20px;
	overflow: auto;
}



.imgLeft
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}




#msgQuote
{
	color: Gray;
}



#photoHeader
{
	background-color: #338642;
	color: White;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0 0 0 0px;
}



#navBar
{
	text-align: center;
	padding: 10px 0 5px 0;
}

.previousPageNav
{
	/* float:left; text-align:left; */
	width: 100px;
	padding-right: 20px;
	vertical-align: bottom;
}

#pageCounter
{
	float: right;
}



.nextPageNav
{
	/* float:right; text-align:right;*/
	padding-left: 20px;
	width: 100px;
}


/* msglist */




.shaded
{
	background-color: #ebf3ed;
}










.next
{
	margin: 5px 5px 5px 5px;
	text-decoration: none;
	color: white;
}
.previous
{
	padding: 10px 10 10 10;
	margin: 5px 5px 5px 5px;
	text-decoration: none;
}

#pageTemplate
{
}
.totalRowsLabel
{
	color: White;
}

/*.searchBox { float:right; padding-right: 10px; color:White;} */

.pager
{
	float: left;
	padding-left: 10px;
	color: White;
}


.showimgHeader
{
	margin: 0px 10px 0 10px;
	color: #666; /*font-weight: bold; */
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: solid 2px #5B82B4;
}

.small
{
	font-size: 80%;
}

.headerLeft
{
	width: 60%;
	float: left;
}
.headerRight
{
	width: 39%;
	float: right;
	margin-top: 10px;
}

.clear
{
	clear: both;
}

.watermark { color:Gray; padding: 0;
    
      float: left;
    padding: 0;
    margin: 4px 0px 0px 4px;
   
    width: 185px;
    
    }

 .searchBox input
{
	padding: 0;
	margin-left: 5px;
	font-size: 90%;
	border:0;
}

/*.searchBox input
{
	
	float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;

	
	/*border: none; */
	
	

.searchBox 
{
	/*display:inline;
	border: 1px solid green;
	
	
	width: 200px; */
float:right;
    width: 250px;
  /*  height: 27px; */
  height: 20px;
    border: solid 1px #5B82B4;
   /* background: url(/images/bg_search_box-blue.gif) center; */ margin-bottom: 10px;
   
}

	.unread
	{
	    float:left;
	   }
	    
	
	    
.fred {float: right;
   /* margin: 1px 4px 1px 0px;  */
     width:20px; height:20px;
    background-color: #5b82b4;}
 
.searchBoxText {
    float: left;
    padding: 0;
   /*  height:20px; */
  margin: 1px 0px 0px 4px;  /*border:solid 1px red; */
   font-size:80%;
    width: 185px;
   
}


.mapCanvas
{
	 width: 800px; height: 600px; margin: 0 auto; border:solid 1px black;
}


.hiddenAttachments { font-size: 80%; padding: 5px; border: solid 1px blue; margin-left: 0px; 
                margin-bottom: 15px;   float:left; }
                
              
.goButton { height:25px; width:25px; padding: 0; margin:0}

.embedmsg { background-color: #f7f5fe;}