﻿body
{
	font-family: Arial;
	background-color: #dad6b7;
	background-image: url(../images/BG.jpg);
	background-position:center top;
	background-repeat: no-repeat;	
	font-size: 10pt;
	margin-top: 0px;	
	margin-left: 5px;	
	margin-right: 0px;
	margin-bottom: 5px;
}

img 
{ 
	border: 0px; 
}

form { margin: 0px; }

.small
{
	font-size: 8pt;
}

.smaller
{
	font-size: 7pt;
}

.noPadding
{
	padding: 0px;
}

table
{
	border-collapse: collapse;
}

td
{
	font-family: Arial;
	font-size: 10pt;
}

hr
{
	color: #dad6b7;
	height: 1px;
}

.HeadingText
{
	font-weight: bold;
	color: #005699;
	font-size: 11pt;
}

a:Link  
{
  	text-decoration : none;
  	color : #555555;
  }
a:Visited  
{
  	text-decoration : none;
  	color : #555555;
 }
a:Active  {
  	text-decoration : none;
  	color : #555555;
 }
a:Hover  {
  	text-decoration : underline;
  	color : #555555;
  }
 

table.tblMain
{
    width: 930px;
}

td.tdMainNavs
{
	background-color: #002b52;
	background-image: url(../images/Navs_BG.jpg);
	background-repeat: no-repeat;	
	padding: 0px 0px 0px 20px;
	height: 28px;
}

td.tdMainLeft
{
    width: 10px;
    padding: 0px;
    background-color: #FFFFFF;
    background-image: url(../images/Left_BG.jpg);
	background-repeat: repeat-y;    
}
  
td.tdMainRight
{
    width: 10px;
    padding: 0px;
    background-color: #FFFFFF;
   	background-image: url(../images/Right_BG.jpg);
	background-repeat: repeat-y;    
}

td.tdMain_HmPg
{
    width: 910px;
    padding: 0px;
    background-color: #004b7f;
	background-image: url(../images/HmPg_BG.jpg);
	background-repeat: no-repeat;	    
}

td.tdMain_HmPg1
{
    width: 910px;
    padding: 0px;
    background-color: #004b7f;
	background-image: url(../images/HmPg_BG1.jpg);
	background-repeat: no-repeat;	    
}

td.tdMain_HmPg2
{
    width: 910px;
    padding: 0px;
    background-color: #004b7f;
	background-image: url(../images/HmPg_BG2.jpg);
	background-repeat: no-repeat;	    
}

td.tdMain_HmPg3
{
    width: 910px;
    padding: 0px;
    background-color: #004b7f;
	background-image: url(../images/HmPg_BG3.jpg);
	background-repeat: no-repeat;	    
}

td.tdMain_InPg
{
    width: 910px;
    padding: 0px;
    background-color: #FFFFFF;
	background-image: url(../images/InPg_BG.gif);
	background-repeat: no-repeat;	    
}


td.tdBottom
{
    width: 910px;
    padding: 0px;
    background-color: #004a80;
}



td.tdHmPg_Col1
{
    vertical-align: top;
    padding: 0px;
 }
 
td.tdHmPg_Col2
{
    vertical-align: top;    
    padding: 0px;
 } 
 
td.tdHmPg_Col3
{
    vertical-align: top;    
    padding: 0px;
 }  
 
td.tdHmPg_Col4
{
    vertical-align: top;    
    padding: 0px;
 }   
 
div.divHmPgEventList
{
    color: #E9E9E9;
    font-size: 8pt;
    font-weight: bold;
    width: 185px;
    margin: 5px 0px 0px 17px;
}

 
div.divHmPgEvent
{
    color: #E9E9E9;
    font-size: 8pt;
    font-weight: bold;
    width: 185px;
    margin: 5px 0px 15px 0px;
}

.divUsername, .divPassword
{
    margin: 0px 0px 5px 75px;
}   

.txtUsername, .txtPassword
{
    width: 120px;
    background-color: #e1e1e1;
    border: solid 1px #626262;
 }
 
 div.divLgPg_Greeting
 {
    width: 250px;
    margin: 0px 0px 0px 0px;
    font-size: 12pt;
    font-weight: bold;
    color: #002b52;
}

 
 div.divIntroText
 {
    width: 250px;
    margin: 0px 0px 20px 15px;
    font-size: 9pt;
    color: #002b52;
}

div.divReadMore
{
    width: 250px;
    margin: 0px 0px 0px 10px;
    text-align: right;
  }

div.divLoginMsg
{
    width: 220px;
    height: 40px;
    overflow: hidden;
    font-size: 8pt;
    font-weight: bold;
    color: #990000;
    margin: 4px 0px 4px 10px;
}

div.divLoginLinks
{
    width: 220px;
    font-size: 8pt;
    margin: 4px 0px 4px 10px;
}

td.tdBottom_HmPg
{
    background-color: #004a80;
}

td.tdBottom_InPg
{
    background-color: #FFFFFF;
	background-image: url(../images/InPg_Bottom_BG.gif);
	background-repeat: repeat-y;
}


div.divMainNavs
{
    margin: 0px 0px 0px 3px;
}

div.divInPg_Greeting
{
    font-weight: bold;
    font-size: 13pt;
    color: #002b52;
    text-align: left;
    width: 865px;
    margin: 0px 0px 0px 35px;
}

div.divInPg_Main
{
    margin: 10px 0px 0px 35px;
 }

div.divWhatsNew_Text
{
	width: 255px;
	height: 165px;
	overflow: auto;
	border-left: solid 2px #002b52;
	border-right: solid 2px #002b52;
	background-color: #FFFFFF;
	padding: 8px;
}

div.divWhatsNew_Item
{
    margin: 8px 0px 8px 0px;
}

div.divUpcomingEvents_Text
{
	width: 255px;
	height: 165px;
	overflow: auto;
	border-left: solid 2px #002b52;
	border-right: solid 2px #002b52;
	background-color: #FFFFFF;
	padding: 8px;
}

div.divUpComEvent_Item
{
    margin: 8px 0px 8px 0px;
}

div.divThinkingText
{
	width: 255px;
	height: 425px;
	overflow: auto;
	border-left: solid 2px #002b52;
	border-right: solid 2px #002b52;
	background-color: #FFFFFF;
	padding: 8px;
}

.SimpleHeader
{
    font-size: 14pt;
    color: #002b52;
    font-weight: bold;
}
.SimpleInstructions
{
    font-size: 9pt;
    color: #555555;
}

/* ----- Profiles ----- */
td.tdProf_Photo
{
    vertical-align: top;
    text-align: center;
    width: 210px;
}
td.tdProf_Info
{
    vertical-align: top;
    text-align: left;
    width: 410px;
}
div.divProf_Name
{
    font-size: 14pt;
    color: #002b52;
    font-weight: bold;
    width: 410px;
    border-bottom: solid 1px black;
}
div.divEmail, div.divPhone, div.divMobile, div.divIM
{
    font-size: 9pt;
    margin: 3px 0px 3px 0px;
}
td.tdProf_Links
{
    vertical-align: top;
    text-align: right;
    width: 150px;
    padding-top: 18px;
}

div.divProf_Link
{
    font-size: 9pt;
    margin: 5px 0px 5px 0px;
}
div.lyrUpdateProfilePhoto
{
    z-index: 5; 
    position: absolute; 
    top: 125px; 
    left: -1200px; 
    border: solid 2px #000000;
    width: 400px;
    padding: 20px;
    background-color: #FFFFFF;
}
div.divMsg
{
    margin: 8px 8px 8px 8px;
    font-size: 11pt;
    font-weight: bold;
    color: #990000;
}
div.divProf_Tabs
{
    width: 763px;
    padding: 0px;
    margin: 15px 0px 0px 15px;
}
div.divProf_TabsBase
{
    width: 763px;
    height: 12px;
    background-color: #002b52;
    padding: 0px;
    margin: 0px 0px 15px 15px;
}
div.divProf_About
{
    width: 700px;
    margin: 0px 0px 15px 15px;
}
div.divProf_AboutHeader
{
    width: 700px;
    margin: 0px 0px 5px 15px;
    font-size: 11pt;
    color: #444444;
    font-weight: bold;
}
div.divProf_AboutText
{
    width: 700px;
    margin: 0px 0px 15px 15px;
}
div.divProf_AddComment
{
    width: 738px;
    height: 54px;
    background-image: url(../images/AddComment_BG.gif);
    padding: 4px 0px 0px 15px;
    margin: 0px 0px 15px 18px;
}

div.divComments
{
    width: 700px;
    margin: 0px 0px 15px 15px;
}
div.divProf_Comment
{
    width: 500px;
    margin: 10px 0px 0px 15px;
}
div.divProf_CommentBy
{
    width: 700px;
    margin: 5px 0px 10px 15px;
    font-weight: bold;
    font-size: 8pt;
    padding-bottom: 5px;
    padding-left: 15px;
    border-bottom: solid 1px #999999;
}
div.divSearchResults
{
    width: 565px;
    text-align: left;
    margin: 8px 0px 0px 0px;
}
table.tblSearchResults
{
    width: 565px;
}

table.tblSearchResults td
{
    padding: 5px;
    vertical-align: top;
}
div.divPS_Photo
{
    margin: 0px 0px 5px 0px;
}
div.divPS_Name
{
    font-size: 9pt;
    font-weight: bold;
}
td.tdSpotlight
{
	background-image: url(../images/SimplePanel_BG.gif);
	background-repeat: repeat-y;
    width: 275px;
}

div.divSpotlightText
{
    margin: 10px 0px 10px 10px;
    text-align: left;
    width: 245px;
}

/* ----- Add photos ----- */
div.lyrAddPhoto
{
    z-index: 5; 
    position: absolute; 
    top: 125px; 
    left: -1200px; 
    border: solid 2px #000000;
    width: 400px;
    padding: 20px;
    background-color: #FFFFFF;
}

div.divAlbumTitle
{
    font-size: 12pt;
    font-weight: bold;
    color: #002d55;
    width: 850px;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 17px;
}

div.divDescription
{
    font-size: 9pt;
    color: #555555;
    width: 850px;
    text-align: left;
    border-bottom: solid 1px #999999;
    padding-bottom: 5px;
    margin: 0px 0px 5px 20px;
}

div.divPhotoSlider
{
    background-image: url(../images/SimplePanel_BG.gif);
	background-repeat: repeat-y;
    width: 275px;
    height: 350px;
  	position: relative;
	overflow: hidden;
	margin-top: 21px;
	margin-bottom: 0px;
}

div.divPhotoThumbnails
{
    width: 251px;
    border-left: solid 2px #002d55;
    border-right: solid 2px #002d55;
    padding-left: 20px;
    height: 400px;
    overflow: auto;
    
}    

div.divThumbnail
{
    margin: 5px;
}

div.divHiddenPhotoPanels
{
    z-index: 15; 
    position: absolute; 
    top: 125px; 
    left: -1200px; 
}   

div.divPhotoCaption
{
    width: 500px;
    text-align: left;
}

td.tdPhotoCaption
{
    font-size: 11pt;
    font-weight: bold;
}

div.lyrAddComment
{
    z-index: 8; 
    position: absolute; 
    top: 125px; 
    left: -1200px; 
    border: solid 2px #000000;
    width: 400px;
    padding: 20px;
    background-color: #FFFFFF;
}
div.divPhoto_Comment
{
    width: 500px;
    margin: 5px 0px 0px 5px;
    text-align: left;
    border-top: solid 1px #C1C1C1;
    padding-top: 5px;
}
div.divPhoto_CommentBy
{
    width: 500px;
    text-align: left;
    margin: 5px 0px 0px 5px;
    font-weight: bold;
    font-size: 8pt;
    padding-bottom: 5px;
    padding-left: 15px;
}

div.divPhotoAlbumList
{
    width: 820px;
    text-align: left;
    margin: 0px 0px 0px 27px;
}
div.divPhotoListTitle
{
    font-size: 10pt;
    font-weight: bold;
    margin: 0px 0px 2px 5px;
}
div.divPhotoListEntry
{
    font-size: 7pt;
    color: #555555;
    margin: 0px 0px 2px 5px;
}

/* ----- KB styles ----- */
div.divKBItem_Title
{
    font-size: 14pt;
    color: #002b52;
    font-weight: bold;
    width: 800px;
    text-align: left;
    margin: 0px 0px 0px 25px;
}
div.divKBItem_Entry
{
    font-size: 9pt;
    width: 800px;
    text-align: left;
    margin: 0px 0px 0px 25px;    
}
div.divKBItem_Descr
{
    font-size: 10pt;
    width: 800px;
    text-align: left;
    padding: 5px 0px 5px 0px;
    margin: 5px 0px 5px 25px;
    border-bottom: solid 1px #888888;
}
div.divKB_AddComment
{
    width: 738px;
    height: 54px;
    background-image: url(../images/AddComment_BG.gif);
    padding: 4px 0px 0px 15px;
    margin: 0px 0px 15px 38px;
}
div.divKB_Comment
{
    width: 700px;
    margin: 10px 0px 0px 38px;
    text-align: left;
}
div.divKB_CommentBy
{
    width: 700px;
    text-align: left;
    margin: 5px 0px 10px 15px;
    font-weight: bold;
    font-size: 8pt;
    padding-bottom: 5px;
    padding-left: 15px;
    border-bottom: solid 1px #999999;
}
div.divList
{
    margin-left: 55px;
    margin-top: 10px;
}
table.tblKBList
{
    width: 750px;
}

td.tdKB_CH
{
    font-size: 10pt;
    background-color: #002b52;
    color: #E1E1E1;
    font-weight: bold;
    text-align: left;
    padding: 3px;
}

td.tdKB_Item
{
    padding: 3px;
    border-bottom: solid 1px #E1E1E1;
    vertical-align: top;
}

/* ----- Events ----- */
td.tdDateSel
{
	background-image: url(../images/SimplePanel_BG.gif);
	background-repeat: repeat-y;
    width: 275px;
}
div.divDateSel_Cal
{
    margin: 5px 0px 5px 5px;
}
table.tblCal
{
    width: 260px;
}
td.tdCal_MH
{
    background-color: #004a80;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    border: solid 1px #999999;
}
td.tdCal_MH a:Link  
{
  	text-decoration : none;
  	color : #FFFFFF;
  }
td.tdCal_MH a:Visited  
{
  	text-decoration : none;
  	color : #FFFFFF;
 }
td.tdCal_MH a:Active  {
  	text-decoration : none;
  	color : #FFFFFF;
 }
td.tdCal_MH a:Hover  {
  	text-decoration : underline;
  	color : #FFFFFF;
  }

td.tdCal_DoWH
{
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    border: solid 1px #999999;
    width: 37px;
}
td.tdCal_DBlnk
{
    background-color: #E1E1E1;
    font-size: 9pt;
    border: solid 1px #999999;
    width: 37px;
}
td.tdCal_D
{
    font-size: 8pt;
    border: solid 1px #999999;
    width: 37px;
    padding: 2px 0px 7px 2px;
}

td.tdCal_D_over
{
    font-size: 9pt;
    color: White;
    font-weight: bold;
    border: solid 1px #999999;
    background-color: #004a80;
    width: 37px;
    padding: 2px 0px 7px 2px;
}

div.divDateSel_Filters
{
    margin: 10px 0px 0px 7px;
}

table.tblEventsList
{
    width: 550px;
}
td.tdEventsTitle
{
    width: 410px;
    font-weight: bold;
    padding: 3px;
    border-bottom: solid 1px #555555;
}
td.tdEventsDates
{
    width: 70px;
    font-size: 8pt;
    border-bottom: solid 1px #555555;
    padding: 3px;   
}
td.tdEventsCategory
{
    width: 70px;
    font-size: 8pt;
    padding: 3px;    
    border-bottom: solid 1px #555555;
}
div.divEvents_List_Title
{
    width: 550px;
    background-color: #004a80;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
}

tr.trEventRow
{
    background-color: Transparent;
}

tr.trEventRow_Highlight
{
    background-color: #b6cbda;
}

div.divEventDetails
{
    z-index: 55; 
    position: absolute; 
    top: 125px; 
    left: -1200px; 
    border: solid 3px #002d55;
    width: 400px;
    height: 300px;
    overflow: auto;
    padding: 20px;
    background-color: #FFFFFF;    
}

div.divEventDetailsDoneButton
{
    width: 380px;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

#marqueecontainer
{
	margin-top: 0px;
	margin-left: 5px;
	position: relative;
	width: 185px; /*marquee width */
	height: 265px; /*marquee height */
	overflow: hidden;
	font-size: 8pt;
}
.vmarquee
{
	 position: absolute; 
	 width: 166px; 
}

div.divPreLoginPage
{
    margin: 20px 0px 20px 15px;
}

div.divNeedALogin_Copy
{
    width: 700px;
    margin: 8px 0px 20px 30px;
}

div.divReadMore_Copy
{
    width: 650px;
    margin: 8px 0px 20px 30px;
}

div.divReadMore_Return
{
    width: 650px;
    margin: 8px 0px 10px 30px;
}

div.divCategoryLinks
{
   margin: 5px 0px 0px 47px; 
   width: 850px;
   font-size: 8pt;
}

div.divChatBtn
{
    width: 873px;
    margin: 1px 0px 0px 0px;
}

div.divWhosOnline
{
    z-index: 5; 
    position: absolute; 
    top: 125px; 
    left: -1200px; 
    width: 199px;
}

div.divChatWithMe
{
    z-index: 57; 
    position: absolute; 
    top: 125px; 
    left: -1200px; 
    width: 450px;
    border: solid 2px black;
    padding: 15px;
    background-color: #FFFFFF;
}

td.tdCWM_Photo
{
    width: 180px;
}

td.tdCWM_Request
{
    width: 240px;
}

td.tdCWM_Request div
{
    margin: 8px 0px 16px 0px;
}


    

div.divWO_List
{
    width: 181px;
    height: 300px;
    overflow: auto;
    border-left: solid 1px #002b52;
    border-right: solid 1px #002b52;
    background-color: #ffffff;
    padding: 8px;
}

table.tblWO_List
{
    width: 158px;
}
table.tblWO_List td
{
    vertical-align: top;
    padding: 3px;
    border-bottom: solid 1px #E1E1E1;
    text-align: left;
}

