.pagecontent { padding: 10px; border: solid 1px #fff; } .FORMFONT { font-family: Helvetica, Geneva, Arial, Verdana, SunSans-Regular, sans-serif; font-size: 13px; color: #57443e; line-height: 16px; width: 160px; padding-top: 8px; padding-right: 40px; padding-bottom: 8px; } .FORMREQUIREDFONT { font-family: Helvetica, Geneva, Arial, Verdana, SunSans-Regular, sans-serif; font-size: 10px; color: #ddd; padding-top: 12px; padding-bottom: 12px; } .JSMenuBaseContainer { font-family: arial; font-size: 20px; text-decoration: none; color: #5e5750; } .JSMenuBaseItemCurrentLeft, .JSMenuBaseItemLeft, .JSMenuBaseItemRight, .JSMenuBaseItemCurrentRight { font-family: arial; font-size: 12px; color: #5e5750; text-decoration: none; } .JSMenuBaseItemCurrentLeftOver, .JSMenuBaseItemLeftOver, .JSMenuBaseItemRightOver, .JSMenuBaseItemCurrentRightOver { font-family: arial; font-size: 12px; color: #005596; text-decoration: none; } .JSMenuBaseItemCurrentLeft a:link, .JSMenuBaseItemCurrentLeft a:visited, .JSMenuBaseItemLeft a:link, .JSMenuBaseItemLeft a:visited, .JSMenuBaseItemCurrentLeftOver a:link, .JSMenuBaseItemCurrentLeftOver a:visited, .JSMenuBaseItemLeftOver a:link, .JSMenuBaseItemLeftOver a:visited , .JSMenuBaseItemRight a:link, .JSMenuBaseItemRight a:visited , .JSMenuBaseItemCurrentRight a:link, .JSMenuBaseItemCurrentRight a:visited , .JSMenuBaseItemRightOver a:link, .JSMenuBaseItemRightOver a:visited , .JSMenuBaseItemCurrentRightOver a:link, .JSMenuBaseItemCurrentRightOver a:visited { font-family: arial; font-size: 12px; color: #797979; text-decoration: none; border-right: 1px solid #000; } .JSMenuBaseItemCurrentLeft a:hover, .JSMenuBaseItemLeft a:hover, .JSMenuBaseItemCurrentLeftOver a:hover, .JSMenuBaseItemLeftOver a:hover , .JSMenuBaseItemRight a:hover , .JSMenuBaseItemCurrentRight a:hover , .JSMenuBaseItemRightOver a:hover , .JSMenuBaseItemCurrentRightOver a:hover { color: #bcd531; text-decoration: none; } .JSMenu { background-color: #131313; text-decoration: none; padding: 4px 8px; border-top: 1px solid #bcbcbc; border-bottom: 1px solid #000; } .JSMenu td { text-decoration: none; text-align: left; } .JSMenuItem, .JSMenuItemOver { font-family: arial; font-size: 12px; font-weight: bold; color: #acacac; font-weight: normal; text-decoration: none; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; } .JSMenuItem a:link, .JSMenuItem a:visited,.JSMenuItemOver a:link, .JSMenuItemOver a:visited { font-family: arial; font-size: 12px; font-weight: bold; color: #acacac; font-weight: normal; text-decoration: none; padding-right: 12px; } .JSMenuItem a:hover, .JSMenuItemOver a:hover { font-family: arial; font-size: 12px; font-weight: bold; color: #FF00D2; font-weight: normal; text-decoration: none; padding-right: 12px; } /** CSS Menu **/ .cssMenuTable { text-align: right; margin-top: 40px; border-collapse: collapse; } .vmsection { font-family: Arial; font-size: 12px; color: #000; text-decoration: none; text-align: right; padding-top: 2px; padding-bottom: 2px; } .vmsection a { font-family: Arial; font-size: 12px; color: #000; text-decoration: none; text-align: right; } .vmsectionrollover { font-family: arial; font-size: 12px; color: #898a8d; text-decoration: none; text-align: right; } .vmsectionrollover a { font-family: arial; font-size: 12px; color: #898a8d; text-decoration: none; text-align: right; } .vmsectioncurrent { font-family: Arial; font-size: 12px; color: #88d70c; text-decoration: none; text-align: right; } .vmsectioncurrent a { font-family: Arial; font-size: 12px; color: #a3d869; text-decoration: none; text-align: right; } .vmsectioncurrentrollover { font-family: arial; font-size: 12px; color: #898a8d; text-decoration: none; text-align: right; } .vmsectioncurrentrollover a { font-family: arial; font-size: 12px; color: #898a8d; text-decoration: none; text-align: right; } .vmcategory { font-family: Arial; font-size: 13px; color: #000; text-decoration: none; text-align: right; padding-top: 5px; padding-bottom: 5px; } .vmcategory a { font-family: Arial; font-size: 13px; color: #000; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-weight: normal; text-align: right; } .vmcategoryrollover { font-family: Arial; font-size: 13px; color: #a3d869; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-weight: normal; text-align: right; } .vmcategoryrollover a { font-family: Arial; font-size: 13px; color: #a3d869; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-weight: normal; text-align: right; } .vmcategorycurrent { font-family: arial; font-size: 13px; color: silver; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-weight: normal; text-align: right; } .vmcategorycurrent a { font-family: arial; font-size: 13px; color: silver; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-weight: normal; text-align: right; } .vmcategorycurrentrollover { font-family: Arial; font-size: 13px; color: #a3d869; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-weight: normal; text-align: right; } .vmcategorycurrentrollover a { font-family: Arial; font-size: 13px; color: #a3d869; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-weight: normal; text-align: right; } .vmpage { font-family: Arial; font-size: 11px; color: #000; text-decoration: none; text-align: right; padding-bottom: 3px; } .vmpage a { font-family: Arial; font-size: 11px; color: #000; text-decoration: none; text-align: right; padding-bottom: 3px; } .vmpagerollover { font-family: Arial; font-size: 11px; color: #a3d869; text-decoration: none; text-align: right; padding-bottom: 3px; } .vmpagerollover a { font-family: Arial; font-size: 11px; color: #a3d869; text-decoration: none; text-align: right; padding-bottom: 3px; } .vmpagecurrent { font-family: Arial; font-size: 11px; color: #88d70c; text-decoration: none; text-align: right; padding-bottom: 3px; } .vmpagecurrent a { font-family: arial; font-size: 11px; color: silver; text-decoration: none; text-align: right; padding-bottom: 3px; } .vmpagecurrentrollover { font-family: Arial; font-size: 11px; color: #a3d869; text-decoration: none; text-align: right; padding-bottom: 3px; } .vmpagecurrentrollover a { font-family: Arial; font-size: 11px; color: #a3d869; text-decoration: none; padding-bottom: 3px; } .hmtablecontainer { border-collapse: collapse; height: 75px; border-left-width: 1px; border-left-style: solid; border-left-color: #C3C3C3; } .hmsection { font-family: arial; font-size: 12px; color: #fff; text-decoration: none; padding-right: 15px; padding-left: 15px; height: 75px; border-right: 1px solid #c3c3c3; } .hmsection a { font-family: arial; font-size: 12px; color: #fff; text-decoration: none; } .hmsectionrollover { font-family: arial; font-size: 12px; color: #000; text-decoration: none; padding-right: 15px; padding-left: 15px; height: 75px; background-image: url(../images/nav_identifier_bg.gif); background-repeat: repeat-x; background-position: 50% bot; border-right: 1px solid #c3c3c3;tom; } .hmsectionrollover a { font-family: arial; font-size: 12px; color: #000; text-decoration: none; } .hmsectioncurrent { font-family: arial; font-size: 12px; color: #898a8d; text-decoration: none; padding-right: 15px; padding-left: 15px; height: 75px; background-image: url(../images/nav_identifier_bg.gif); background-repeat: repeat-x; background-position: 50% bot; border-right: 1px solid #c3c3c3;tom; } .hmsectioncurrent a { font-family: arial; font-size: 12px; color: #898a8d; text-decoration: none; } .hmsectioncurrentrollover { font-family: arial; font-size: 12px; color: #000; text-decoration: none; padding-right: 15px; padding-left: 15px; height: 75px; background-image: url(../images/nav_identifier_bg.gif); background-repeat: repeat-x; background-position: 50% bot; border-right: 1px solid #c3c3c3;tom; } .hmsectioncurrentrollover a { font-family: arial; font-size: 12px; color: #000; text-decoration: none; } .paName { color: #bcd531; font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 22px; text-decoration: none; text-align: left; padding-bottom: 12px; } .paSlideshow, .paSlideshow a:link { font-family: arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; padding-left: 2px; padding-top: 10px; padding-bottom: 10px; } .paPrevNextLinks, .paPrevNextLinks a:link { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-left: 2px; padding-top: 10px; padding-bottom: 10px; } .paPrevNextContainer { text-align: center; } .paNoPhotosMSG { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .paSlideShowSelect { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .paContainer { } .paAlbumCell { padding: 10px; } .paPhotoName { color: #ddd; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 16px; text-decoration: none; text-align: center; } .paPhotoDescription { color: #000; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; font-weight: normal; line-height: 14px; text-decoration: none; } /* Altnerate Photo Album Styles */ a img {border: none;} #contentarea { margin-right: auto; margin-left: auto; margin-top: 0px; padding-top: 0px; } #contentarea #largeimage { border: solid 1px #cccccc; width: 500px; height: 375px; margin-left: auto; margin-right: auto; overflow: hidden; } #contentarea #largeimage img { height: 375px; max-height: 375px; max-width: 500px; } #contentarea #lgimage_desc { color: #c6c6c6; font-size: 12px; font-family: Helvetica, arial, geneva, verdana; margin-right: auto; margin-left: auto; width: 500px; display: block; text-align: left; padding-top: 12px; } #filmstrip {text-align: center; margin-top: 15px; position: relative;} #filmstrip #images{ margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; height: 140px; text-align: center; display: inline; z-index: 10; } #filmstrip #images .thumbnail{ margin: 0; padding: 0 0 0 1px; display: inline; /*z-index: 50;*/ } #filmstrip #images .hide_thumb { visibility: hidden;} .thumbnail img { width: 110px; height: 110px; padding-bottom: 6px; } #filmstrip .prev{ display: inline; left: 15px; position: relative; z-index: 50; } #filmstrip .next { display: inline; position: relative; z-index: 50; right: 15px; } #filmstrip .next img, #filmstrip .prev img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } /*#filmstrip .prev img {padding-right:1px; margin: 0px 0px 0px 0px;} #filmstrip .next img {padding-left:2px;}*/ #player { color: #c6c6c6; font-family: Helvetica, arial, geneva, verdana; width: 501px; height: 27px; position: relative; margin-top: 20px; margin-left: auto; margin-right: auto; text-align: center; } .FILELISTFONT { font-family: arial; font-size: 12px; color: #000000; vertical-align: top; padding: 12px; } .FILELISTLINK { font-family: arial; font-size: 12px; font-weight: 700; } .FILELISTINNERTABLE { } .FILELISTOUTERTABLE { background-color: #636363; width: 700px; } .FILELISTROW1 { background-color: #CCCCCC; } .FILELISTROW2{ background-color: #FFFFFF; } .FILELISTHEADER { font-family: helvetica, arial, Verdana; font-size: 12px; color: #ffffff; font-weight: bold; padding: 12px; } /* The main table */ .myEventsContainer { padding: 5px; width: 100%; } /* The cell for Event Name */ .myEventsHeaderLeft { font-family: Arial; font-size: 12px; background-color: #CCCCCC; color: #000000; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* The cell for Event Date */ .myEventsHeaderMiddle { font-family: Arial; font-size: 12px; background-color: #CCCCCC; color: #000000; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* the cell for Options */ .myEventsHeaderRight { font-family: Arial; font-size: 12px; background-color: #CCCCCC; color: #000000; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* class for data in left column */ .myEventsContent1left { font-family: Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* class for data in middle column */ .myEventsContent1middle { font-family: Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* class for data in right column */ .myEventsContent1right { font-family: Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* The second class for data in the left column This class is applied to every other row. */ .myEventsContent2left { font-family: Arial; font-size: 12px; color: #000000; background-color: #CCCCCC; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* The second class for data in the middle column This class is applied to every other row. */ .myEventsContent2middle { font-family: Arial; font-size: 12px; color: #000000; background-color: #CCCCCC; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* The second class for data in the right column This class is applied to every other row. */ .myEventsContent2right { font-family: Arial; font-size: 12px; color: #000000; background-color: #CCCCCC; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* This is applied to the message for notifying you that you have no events registered. */ .myEventsNoEvents { font-family: Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } /* This is the style class on the table container */ .updateUserProfileContainer { border: 0px; } /* This is the style class for the left column where the labels are */ .updateUserProfileFieldLeft { font-family: Verdana; font-size: 10pt; color: #000000; vertical-align: top; } /* This is the style class for the right column where the input fields are */ .updateUserProfileFieldRight { font-family: Verdana; font-size: 10pt; color: #000000; vertical-align: top; } /* This is a style class for the submit button cell */ .updateUserProfileSubmit { text-align: middle; } /* This is for the Update My Profile link that will display if it is enabled */ .updateUserProfileLink { font-family: Verdana; font-size: 10pt; } /* This is for the message that displays for a Success/Fail status when they submit the form. */ .updateUserProfileMessage { font-family: Verdana; font-size: 10pt; color: #000000; }