/*---------------------------------------*/ /*Page CSS Properties */ /*---------------------------------------*/ body { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #fff; } td, p, th { font-size: 11px; } hr { background-color: #EFEFEF; border: 1px solid #EFEFEF; } /* Headings */ h1, h2, h3, h4, h5 { font-family:Georgia,Times,serif; color: #22546F; margin: 7px 0; } h1 { font-size: 17px; } /* Links */ a:link, a:visited, a:active { color: #347F27; text-decoration: underline; } a:hover { color: #92CF74; } /*---------------------------------------*/ /* Core Site Styles */ /*---------------------------------------*/ /* Main Structure - Sample file folder "/uploads/Images/structure/file.jpg" */ .Left-Tile { background: url(/common/templates/default/images/left-tile.jpg) repeat-y right; } .Left-Tile-Bottom { background: url(/common/templates/default/images/left-bottom.jpg) no-repeat right top; height: 992px; } .Right-Tile { background: url(/common/templates/default/images/right-tile.jpg) left repeat-y;} .Right-Tile-Bottom { background: url(/common/templates/default/images/right-bottom.jpg) no-repeat left top; height: 992px; } .Middle-Tile { width:930px; } .Main-Content { background-color: #d7e9ea; } /* used in conjuction with most h1 tags */ .table-top { text-align: center; padding: 4px; background-color: #eee; border-bottom: 1px solid #FFFFFF; color: #417EAF; font-weight: bold; vertical-align: middle; } /* Wrapper Style Default: .table-1-1 Wrapper Style 1: .table1-1-1 Wrapper Style 2: .table2-1-1 - Sample file folder "/uploads/Images/structure/file.jpg" */ .table-1-1 { background-image: url(/common/templates/default/images/1-1.jpg); height: 20px; width: 10px; } .table-1-2 { background-color: #FFFFFF; height: 20px; } .table-1-3 { background-image: url(/common/templates/default/images/1-3.jpg); height: 20px; width: 12px; } .table-2-1 { background-color: #FFFFFF; width: 10px; } .table-2-2 { background-color: #FFFFFF; padding: 10px; /* this is where content goes */ } .table-2-3 { background-color: #FFFFFF; width: 12px; } .table-3-1 { background-image: url(/common/templates/default/images/3-1.jpg); height: 20px; width: 10px; } .table-3-2 { background-image: url(/common/templates/default/images/3-2.jpg); height: 0px; } .table-3-3 { background-image: url(/common/templates/default/images/3-3.jpg); height: 20px; width: 12px; } /* Deprecated. Dont Use. */ .table-main { border: thin solid #CCCCCC; color: #333333; text-align: left; } .table-title { color: #5b7778; font-size: 14px; font-weight: bold; } .table-title2 { color: #FFFFFF; font-size: 14px; font-weight: bold; } .table-content { padding-top: 10px; text-align: left; vertical-align: top; } .table-subtop { background-color: #FF6633; border-bottom: 1px solid #FFFFFF; padding: 5px; } .table-row { background-color: #E6E6E6; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; padding: 5px; } .table-row-alt { background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; padding: 5px; } .table-bottom { background-color: #E5E5E5; border-top: 1px solid #FFFFFF; padding: 5px; } /*---------------------------------------*/ /* Common Styles */ /*---------------------------------------*/ /* Tooltip */ div.tooltip { padding: 5px; z-index:100; width: 400px; font-size:10px; color: #666; background-color:#FFFFCC; border:1px solid #CCC; } span.tooltip_word { border-bottom: 1px dotted #666 } /* Pagination */ .pager_arrow { } .pager_link { padding: 3px 1px; } .pager_selected { padding: 3px 1px; font-weight:bold; } /* Common */ .red { color: #CC0000; } .note { color: #999; } /*--------------------------------------- Forms ---------------------------------------*/ /* Success Messages (green box) */ .successbox, .notice-success, .form_successbox { background-color: #007F05; color: #fff; font-size: 11px; margin: 5px; padding: 7px 7px 7px 40px; text-align: left; border:0; } /* Error/Warning Messages Box (red box) --deprecate all but .errorbox */ .errorbox, .notice-error, .notice-alert, .table-error { background-color: #990000; color: #fff; font-size: 11px; margin: 5px; padding: 7px 7px 7px 40px; text-align: left; border:0; } /* Notice Box (blue box) */ .noticebox { background-color:#1772D5; color: #fff; font-size: 11px; margin: 5px; padding: 7px 7px 7px 40px; text-align: left; border:0; } /* hack lists so text shows up right color */ .notice-error li, .notice-alert li, .table-error ul li { color: #fff; padding: 3px; } /* inline errors */ .error, .validation-advice, .form_error { color: #ff0000; font-weight: bold; } /* form styles */ input { border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px;} select { border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; margin:2px 0; } textarea { border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; } /* standard buttons */ input.button, input.formbuttons, input.form-buttons, .form_button { padding: 2px 3px; color: #333333; background-color: #CCCFC2; border:1px outset #AAAF99; } /* green & red buttons */ input.actionButton { background-color: #8CAC01; border: 1px outset #ccc; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; } input.cancelButton { background-color: #990000; border: 1px outset #ccc; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; } input.shoppingButton { background-color: #8CAC01; border: 1px outset #ccc; color: #fff; font-size: 18px; font-weight: bold; padding: 4px 9px; font-family:Arial, Helvetica, sans-serif; } /* AlistApart Form Style Method Global classes for div form structure Docs: http://www.alistapart.com/articles/prettyaccessibleforms/ */ .list_forms { width: 500px; } .list_forms em { font-weight: normal; color: #f00; /* asterisk style */ } .list_forms fieldset { margin-bottom: 10px; border: none; /* styles here (bg colors, etc) */ border-top:1px solid #666; } .list_forms legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE hack */ } .list_forms label { display: inline-block; line-height: 1.8; vertical-align: top; /* width of left side column */ width: 35%; } .list_forms fieldset ol { margin: 0; padding: 0; } .list_forms fieldset li { list-style: none; margin: 0; padding: 5px; /* each line item's style */ } .list_forms .lf_input { width: 200px;} /*Sub Fieldset */ .list_forms fieldset fieldset { border: none; margin: 3px 0 0; padding:2px 0; } .list_forms fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; } .list_forms fieldset fieldset label { display: block; text-align:left; margin-left:36%; /* margin should be label width */ } /* JS validation - Adapted */ .list_forms fieldset fieldset .validation-advice { margin:2px 2px 0 0px !important; } .list_forms fieldset li div { padding:3px 0; margin-left:36%; /* margin should be label width+1 */ } /*---------------------------------------*/ /*Multi-Level CSS Menu */ /*---------------------------------------*/ /* core lists */ #menu_cssmulti { width: 100%; text-align: center; height: 22px; } #menu_cssmulti ul { display: inline-block; } /* makes it centered in IE */ #menu_cssmulti ul { display: inline; z-index:999; margin: 0; padding: 0; list-style: none; white-space: nowrap; text-align: left; } #menu_cssmulti li { margin: 0; padding: 0; } #menu_cssmulti ul.menu_list { display: table; margin: 0 auto; } #menu_cssmulti li li ul { left: 100%; margin-top: -23px; margin-left: -5px; } #menu_cssmulti .menu_arrow { /* arrow can be hidden */ } /* stylable */ #menu_cssmulti a { display: block; line-height: 22px; /* all links styles: */ color: #444; text-decoration: none; } #menu_cssmulti li.menu_item { float: left; position: relative; cursor: pointer; /* top level menu styles: */ margin-right: 1px; background-color:#e5e5e5; padding: 0 10px; } #menu_cssmulti li.menu_item:hover { white-space: nowrap; /* top level menu hover */ background:#999; color: #FF0033; } #menu_cssmulti li.selected { /* top level selected item */ background-color:#999; } #menu_cssmulti li.selected > a { /* top level selected link */ color: #333; } #menu_cssmulti ul.drop_down { top: 22px; /*opacity: 0.85;*/ } #menu_cssmulti li ul { display: block; position: absolute; visibility: hidden; left: 0; /* dropdown border style */ background-color: #ccc; padding: 1px 1px 3px 1px; } #menu_cssmulti li li { /* dropdown dividing line */ border-bottom: 1px solid #ccc; } #menu_cssmulti li li a { /* dropdown bg color */ background-color: #fff; padding: 0 7px; color: #333; } #menu_cssmulti li li a:hover { /* dropdown hover color */ background-color: #ccc; color: #333; } #menu_cssmulti li li a.fly_menu { /* sub-dropdown bg color */ background: #fff; color: #333; } #menu_cssmulti li li:hover > a.fly_menu { /* sub-dropdown hover color */ background: #ccc; color: #333;} /* more core items. */ #menu_cssmulti table { position: absolute; top: 0; left: 0; border-collapse: collapse; text-align: left; } #menu_cssmulti table ul li a { padding-left: 0; padding-left: 20px; } #menu_cssmulti table table { top: auto; left: 100%; margin-left: -1px; padding: 0; margin: 0; } #menu_cssmulti table table ul { margin-top: -4px; margin-top: -7px; } #menu_cssmulti li:hover > ul, #menu_cssmulti a:hover ul, #menu_cssmulti a:hover a:hover ul, #menu_cssmulti a:hover a:hover a:hover ul { visibility: visible; } #menu_cssmulti a:hover ul ul, #menu_cssmulti a:hover a:hover ul ul { visibility: hidden; } /*---------------------------------------*/ /* Locations Properties */ /*---------------------------------------*/ .locations_maintable { margin: 10px 0px 40px 0px; } .locations_maincell { vertical-align:top; padding: 5px; font-size:11px; } .locations_rightcell { vertical-align:top; padding: 5px; font-size:11px; } .locations_maintable h1 { font-family:Georgia, Times, serif; font-size: 16px; display:block; padding:3px 0; } .locations_maintable h2 { font-size: 14px; display:block; padding:3px 0; } .locations_maintable h3 { font-size: 12px; display:block; padding:3px 0; } .locations_maintable h4 { font-size: 11px; display:block; padding:3px 0; } .locations_breadcrums { color:#999; margin-bottom:10px; border-bottom:1px dashed #ccc; padding-bottom:4px; } .locations_breadcrums a { color:#999; text-decoration:underline; } .locations_breadcrums a:hover { color:#999; text-decoration:none; } .locations_photos { padding: 10px; background-color:#e5e5e5; border: 1px solid #ccc; color: #666; } .locations_photos img { border:1px solid #999; } .locations_map { border:1px solid #999; height:310px; z-index:1; } .locations_rightsidebox { border: 1px solid #cccccc; border-top:none; background-color:#F4F3F2 } .locations_rightsidebox div { border-top:1px solid #ccc; padding: 5px; } .locations_rightsidebox div h3 { color: #666; font-weight:bold; } .locations_search_inputs { width: 200px; } .locations_search_results { margin: 7px 0; border-bottom: 1px dashed #ccc; line-height:16px; padding:7px 0;} .locations_search_results a { font-size: 12px; font-weight:bold; padding-bottom:2px; } .locations_search_logo { padding:5px 5px 5px 0; } .locations_searchby_cat { /*can be hidden*/} .locations_results_desc { color:#999; } /* locations list */ .locationslist { color: #333; text-align: left; border: 1px solid #CCC;} .locationslist .table-top { display: block; /* can be hidden with a display: none */} .locationslist .ll_scrollable { /* scroll height:450px; overflow:auto; */} .locationslist .ll_item { padding: 3px; overflow:hidden; } .locationslist .ll_item a { font-size:12px; } .locationslist .ll_border { border-bottom: 1px dashed #ccc; } .locationslist .ll_flip { background-color: #e5e5e5; } .locationslist .ll_logo { margin: 2px 2px 2px 0; } .locationslist .ll_viewall { margin:5px; text-align:center; font-size:9px /* can be hidden with a display:none */} .locationslist .ll_address { color: #999; } .locationslist .ll_desc { font-size:9px; } /*---------------------------------------*/ /* Blogs */ /*---------------------------------------*/ /* Blog - Structure & Main Stuff */ .blog_maintable { margin: 10px 5px 20px 5px; } .blog_maintable h3 { margin: 3px 0; } .blog_leftcell { vertical-align:top; /*padding: 5px;*/ } .blog_rightcell { vertical-align:top; /*padding: 5px;*/ } .blog_maincell { vertical-align:top; padding: 0 7px; } .blog_rss { text-align:center; margin-bottom: 10px;color: #666; font-size:11px; } .blog_maintitle { font-family:Georgia, Times, serif; padding: 10px 0; border-bottom:2px solid #efefef;} /* Blog - Post & List */ .blogpost { border-bottom: 2px solid #e5e5e5; padding:12px 4px 12px 0; } .blogpost .bp_body { font-size: 12px; line-height:18px; padding-top:4px; } .blogpost .bp_title { font-size:14px; font-weight:bold; } .blogpost .bp_author { color: #999} .blogpost .bp_image { margin: 4px 4px 0 0;} /* Blog - Comments List */ .blogpost_commentbox { padding:4px 0; } .blogpost_commentbox .bcb_comment_item { margin: 5px 0; border:1px solid #ccc; background-color:#efefef; } .blogpost_commentbox .bcb_comment_author { border-top:1px dotted #999; padding: 4px 0; } .blogpost_commentbox .bcb_comment_date { color:#666666; } .blogpost_commentbox .bcb_comment_body { line-height:16px; padding: 3px 0; } .blogpost_commentbox h4 { margin: 2px 0;} /*Blog - Comment Post */ .blogpost_addcomment { border: 1px dashed #CFCFCF; width:400px;} .blogpost_addcomment .bac_input { width:95% } /* Blog - Side Widgets*/ .blog_widget { padding:5px 0 7px 0; border-bottom:2px solid #e5e5e5; } .blog_widget .bw_item { padding:3px 2px; } .blog_widget .bw_border { border-bottom: 1px dashed #ccc; } .blog_widget .bw_flip { background-color: #e5e5e5; } .blog_widget .bw_about { font-size:9px; color: #666; } .blog_widget .bw_author { font-size:9px; color: #444;} /* Blog List Component */ .bloglist { color: #333; text-align: left; border: 1px solid #CCC;} .bloglist .table-top { display: block; /* can be hidden with a display: none */} .bloglist .bl_scrollable { /* scroll */ height:300px; overflow:auto; } .bloglist .bl_item { padding: 3px; overflow:hidden; } .bloglist .bl_item a { font-size:12px; } .bloglist .bl_img { display:inline; float:left; width:60px; } .bloglist .bl_border { border-bottom: 1px dashed #ccc; } .bloglist .bl_flip { background-color: #e5e5e5; } .bloglist .bl_about { font-size:9px; color: #666; } .bloglist .bl_author { font-size:9px; color: #999; } .bloglist .bl_comments { text-decoration:underline; font-size:9px !important; color: #666; } .bloglist .bl_desc { color: inherit; } .bloglist .bl_viewall { margin:5px; text-align:center; font-size:9px /* can be hidden with a display:none */} /*---------------------------------------*/ /* Global Comments */ /*---------------------------------------*/ /* Comment List */ .comments_list { margin:4px 0 0 0; } .comments_list .c_item { margin: 5px 0; padding: 5px; border:1px solid #ccc; background-color:#efefef; } .comments_list .c_author { border-top:1px dotted #999; padding: 4px 0; } .comments_list .c_date { color:#666666; } .comments_list .c_body { line-height:16px; padding: 3px 0; } .comments_list h4 { margin: 2px 0;} /*Comment Post */ .comment_form { padding: 3px; margin-top: 10px; border: 1px dashed #CFCFCF; width:400px;} .comment_form .c_loggedin { font-weight:bold; padding:5px 0; } .comment_form .c_input { width:95% } /*---------------------------------------*/ /* Media Library Properties */ /*---------------------------------------*/ .medialibrary_maintable { margin: 10px 0px 40px 0px; font-size:11px; } .medialibrary_maincell { vertical-align:top; padding:5px; } .medialibrary_rightcell { vertical-align:top; padding:5px; } .medialibrary_maintable h1 { font-family:Georgia, Times, serif; font-size: 16px; display:block; padding:3px 0; } .medialibrary_maintable h2 { font-size: 14px; display:block; padding:3px 0; } .medialibrary_maintable h3 { font-size: 12px; display:block; padding:3px 0; } .medialibrary_maintable h4 { font-size: 11px; display:block; padding:3px 0; } .medialibrary_maintable .ml_pdficon { margin:3px; } .medialibrary_maintable .ml_imgborder { margin:3px; border:2px solid #999; } .medialibrary_maintable .ml_breadcrums { color:#999; border-bottom:1px dashed #ccc; padding:4px; } .medialibrary_maintable .ml_breadcrums a { color:#999; text-decoration:underline; } .medialibrary_maintable .ml_breadcrums a:hover { color:#999; text-decoration:none; } .medialibrary_search_results { font-size: 11px; margin: 7px 0; border-bottom: 1px dashed #ccc; line-height:16px; padding:7px 0;} .medialibrary_search_results a { font-size: 12px; font-weight:bold; } /* medialibrary list */ .medialibrarylist { color: #333; text-align: left; border: 1px solid #CCC;} .medialibrarylist .table-top { display: block; /* can be hidden with a display: none */} .medialibrarylist .md_scrollable { /* scroll height:300px; overflow:auto;*/ } .medialibrarylist .md_item { padding: 3px; overflow:hidden;} .medialibrarylist .md_item a { font-size:12px; margin-top: 3px; } .medialibrarylist .md_border { border-bottom: 1px dashed #ccc; } .medialibrarylist .md_flip { background-color: #e5e5e5; } .medialibrarylist .md_img { display:inline; float:left; width:60px; } .medialibrarylist .md_img img { margin: 3px 3px 3px 0; } .medialibrarylist .md_details { color: #999; } .medialibrarylist .md_viewall { margin:5px; text-align:center; font-size:9px; /* can be hidden with a display:none */} /*---------------------------------------*/ /* EVENTS Properties */ /*---------------------------------------*/ .events_maintable { margin: 10px 0px 40px 0px; } .events_maintable h1 { font-family:Georgia, Times, serif; font-size: 16px; display:block; padding:3px 0; } .events_maintable h2 { font-size: 14px; display:block; padding:3px 0; } .events_maintable h3 { font-size: 12px; display:block; padding:3px 0; } .events_maintable h4 { font-size: 11px; display:block; padding:3px 0; } .events_maincell { vertical-align:top; padding: 5px; font-size:11px; } .events_rightcell { vertical-align:top; padding: 5px; font-size:11px; } /* Search events */ .events_search_inputs { width: 200px; } .events_search_results { overflow:auto; border-bottom: 1px dashed #ccc; line-height:16px; padding:7px 0;} .events_search_results .title {/* Title */ } .events_search_results .title a { font-size: 12px; font-weight:bold; } .events_search_results .location { font-style:italic; } .events_search_results .desc { color:#999; } .events_search_results .logo { padding:5px 5px 5px 0;} .event_searchby_cat {/* Can be hidden */ } .event_searchby_location {/* Can be hidden */ } /* View event page */ .events_breadcrums { color:#999; margin-bottom:10px; border-bottom:1px dashed #ccc; padding-bottom:4px; } .events_breadcrums a { color:#999; text-decoration:underline; } .events_breadcrums a:hover { color:#999; text-decoration:none; } .events_photos { padding: 10px; background-color:#e5e5e5; border: 1px solid #ccc; color: #666; } .events_photos img { border:1px solid #999; } .events_files { margin-bottom:20px; } .events_location { float:left; width:27%; } .events_map { border:1px solid #ccc; height:310px; width:70%; float:right;z-index:1; } .events_rightsidebox { border: 1px solid #cccccc; border-top:none; background-color:#F4F3F2 } .events_rightsidebox div { border-top:1px solid #ccc; padding: 5px; } .events_rightsidebox div h3 { color: #666; font-weight:bold; } a.events_goregister { color:#F7941D; text-transform:uppercase; letter-spacing:2px; font-weight:bold; text-decoration:underline; } /* Legacy, deprecate. */ .events_results_desc { /* Use: .desc */ color:#999; } .events_results_logo { /* Use: .logo */ padding:5px 5px 5px 0;} /* Events Lists */ .eventslist { color: #333; text-align: left; border: 1px solid #CCC;} .eventslist .table-top { display: block; /* can be hidden with a display: none */} .eventslist .el_scrollable { /* scroll */height:450px; overflow:auto; } .eventslist .el_item { padding: 3px; overflow:hidden; } .eventslist .el_border { border-bottom: 1px dashed #ccc; } .eventslist .el_flip { background-color: #e5e5e5; } .eventslist .el_title { /* Title Wrapper */} .eventslist .el_title a { font-size:12px; font-weight:bold; } .eventslist .el_logo { margin: 2px; float:right; } .eventslist .el_date { color: #999; font-weight:bold; float:left; margin:2px 5px 0 5px; text-align:center; width:35px; border:1px solid #CCCCCC;} .eventslist .el_day { color:#339900; display:block } .eventslist .el_month { color: #666; display:block } .eventslist .el_year { color: #666; display:block } .eventslist .el_desc { font-size:9px; } .eventslist .el_viewall { margin:5px; text-align:center; font-size:9px; /* can be hidden with a display:none */} /* Registration */ .eventsreg_loginsignup { border:1px solid #ccc; font-size:11px; vertical-align:top; width: 80%; } .eventsreg_loginsignup table { padding: 7px; } .eventsreg_loginsignup label { display:block; font-size:11px; padding-right:5px; text-align:right; } .eventsreg_loginsignup .signup_msg { color: #444; background-color:#F4F3F2; padding:10px; border-top:1px solid #E5E5E5;} .eventsreg_loginsignup .login_msg { color: #444; background-color:#F4F3F2; padding:10px; border-bottom:1px solid #E5E5E5;} .eventsreg_userinfo { border:1px solid #ccc; font-size:11px; vertical-align:top; width: 80%; } .eventsreg_userinfo table { padding: 7px; } .eventsreg_userinfo label { display:block; font-size:11px; padding-right:5px; text-align:right; } .eventsreg_status { border:1px solid #ccc; font-size:11px; vertical-align:top; width: 80%; padding: 7px; } .eventsreg_status label { display:block; font-size:11px; padding: 3px; margin: 4px 2px; text-align:left; } .eventsreg_relatedform { border:1px solid #ccc; font-size:11px; vertical-align:top; } .eventsreg_relatedform h3 { font-size: 12px; display:block; padding:3px 0; } .eventsreg_relatedform td { font-size: 11px; } .eventreg_payment_order { margin-top:7px; padding: 3px; border:1px dotted #ccc; } .eventreg_payment_order .heading { border-bottom: 1px solid #ccc; color: #666666; } .eventreg_payment_order .subtotal { font-weight: bold; color: #333; text-align:right; font-size:10px; } /*---------------------------------------*/ /* Video */ /*---------------------------------------*/ .video_display { margin: 10px 0px 40px 0px;} .video_display h1 { font-family:Georgia, Times, serif; font-size: 16px; display:block; padding:0; margin-top:0; } .video_display h3 { font-family:Verdana, Arial; /*everything else default*/ } .video_display .vd_maincell { vertical-align:top; padding: 5px; font-size:11px; } .video_display .vd_embed { margin: 5px 0; z-index:0;z-order:0; } .video_display .vd_rightcell { vertical-align:top; padding: 5px; font-size:11px; } .video_display .vd_details { line-height: 18px; } .video_display .vd_details label { float:left; width:50px; } .video_display .vd_details input { width: 300px; font-size:11px; font-family:"Courier New", Courier, monospace; } .video_display .vd_details .desc { border-left: 3px solid #ccc; padding: 5px 50px 5px 10px;} .video_display .vd_details .posted { font-weight:bold;} /* video list (inside video display page) */ .video_display .videolist { border:none; padding-left: 10px; height: 100%; } .video_display .vl_title { font-size:14px; padding:3px; } /* video list (standalone) */ .videolist { color: #333; text-align: left; border: 1px solid #CCC;} .videolist .table-top { display: block; /* can be hidden with a display: none */} .videolist .vl_video { margin: 5px 0; height: 160px; width:100%; text-align:center } .videolist .vl_scrollable { /* scroll */ height: 300px; overflow:auto; margin:5px; } .videolist .vl_scrollable_left { /* scroll */ overflow:auto; margin:5px; } .videolist .vl_item { padding: 3px; overflow:hidden; } /*.videolist .vl_item a { font-size:12px; margin-top: 3px; width: 97%; }*/ .videolist .vl_border { border-bottom: 1px dashed #ccc; } .videolist .vl_flip { background-color: #e5e5e5; } .videolist .vl_img { display:inline } .videolist .vl_img img { margin:1px 7px 1px 2px; } .videolist .vl_name a { font-size:12px; } .videolist .vl_length { display:block; } .videolist .vl_playing { color: #999; font-style:italic; } .videolist .vl_details { color: #999; } .videolist .vl_viewall { margin:5px; text-align:center; font-size:9px; /* can be hidden with a display:none */} /*---------------------------------------*/ /* News */ /*---------------------------------------*/ /* News Search */ .newssearch { border: 1px solid #CCC; } .newssearch .table-top { display: block; /* can be hidden with a display: none */} .newssearch .ns_input { width: 120px } .newssearch .ns_item { padding: 3px; } .newssearch .ns_item a { font-size:12px; margin-top: 3px; font-weight:bold; } .newssearch .ns_border { border-bottom: 1px dashed #ccc; } .newssearch .ns_flip { background-color: #e5e5e5; } .newssearch .ns_date { color: #999; } .newssearch .ns_desc { color: #444; } .newssearch .ns_viewall { margin:5px; text-align:center; font-size:9px; /* can be hidden with a display:none */} /* News Search Mini */ .newssearchmini { padding: 5px; } .newssearchmini .nsm_input { width: 120px } /* News Page Properties */ .news { margin: 0; padding:10px; } .news h1 { font-family:Georgia, Times, serif; font-size: 16px; display:block; padding:0; margin-top:0; } .news h3 { font-family:Verdana, Arial; /*everything else default*/ } .news .news_bottombar { border-top:1px solid #ccc; margin-right:5px; padding: 5px 0; } .news .news_image { margin: 4px 0 2px 6px; } /* News List Properties */ .newslist { color: #333; text-align: left; border: 1px solid #CCC; } .newslist .table-top { display: block; overflow:hidden; } .newslist .table-top .nl_title { float:left; } .newslist .table-top .nl_rss { float:right; margin-top:10px; } .newslist .nl_scrollable { /* scroll? height:450px; overflow:auto; */ } .newslist .nl_headingimg { text-align:center; } .newslist .nl_headingimg img { margin: 5px; } .newslist .nl_item { padding: 3px; overflow:hidden; } .newslist .nl_item a { font-size:12px; margin-top: 3px; width: 97%; } .newslist .nl_border { border-bottom: 1px dashed #ccc; } .newslist .nl_flip { background-color: #e5e5e5; } .newslist .nl_img { display:inline; float:left; } .newslist .nl_img img { margin:1px 7px 1px 2px; } .newslist .nl_date { color: #999; } .newslist .nl_details { color: inherit; } .newslist .nl_viewall { margin:5px; text-align:center; font-size:9px; /* can be hidden with a display:none */} /* These styles are deprecated. (if in use, remove) */ .news-title { border-bottom: #333333 solid 1px; color: #e88b1b; font-size: 14px; font-weight: bold; height: 40px; padding: 5px; } .news-author { font-style: italic; } .news-date { color: #999; } .news-print { } .news-content { font-size: 10px; height: 250px; padding: 5px; vertical-align: top; } .news-list-title { color: #f7941d; font-weight: bold; } .news-list-date { color: #93a8a9; font-weight: bold; } .news-list-content { background-color: #f7f8f8; color: #000000; } .news-list-content-alt { background-color: #5b7778; color: #FFFFFF; } /*---------------------------------------*/ /* Site Updates List */ /*---------------------------------------*/ .siteupdates { color: #333; text-align: left; border: 1px solid #CCC; } .siteupdates .table-top { display: block; overflow:hidden; } .siteupdates .table-top .su_title { float:left; } .siteupdates .table-top .su_rss { float:right; margin-top:10px; } .siteupdates .su_ajax { /* wraps items and pagination. DNR, js calls on this class */} .siteupdates .su_scrollable { /* wraps only items, if you want the box to scroll: height:450px; overflow:auto; */ } .siteupdates .su_item { padding: 3px; overflow:hidden; } .siteupdates .su_item a { font-size:12px; margin-top: 3px; width: 97%; } .siteupdates .su_border { border-bottom: 1px dashed #ccc; } .siteupdates .su_flip { background-color: #e5e5e5; } .siteupdates .su_img { display:inline; float:left; margin-right:5px; } .siteupdates .su_img img { margin:2px; } .siteupdates .su_date { color: #999; } .siteupdates .su_category { color: #999; /* can be hidden with a display:none */} .siteupdates .su_details { color: inherit; } .siteupdates .su_viewall { margin:5px; text-align:center; font-size:9px; } /* Icons for each type (defaults to Mantis' CMS icons) Sample substitute image: "/uploads/Image/icons/file.png" */ .siteupdates .su_news { background-image:url(/common/templates/default/images/icons_modules/calendar.png); background-position: right; background-repeat:no-repeat; } .siteupdates .su_videos { background-image:url(/common/templates/default/images/icons_modules/film.png); background-position: right; background-repeat:no-repeat; } .siteupdates .su_events { background-image:url(/common/templates/default/images/icons_modules/calendar.png); background-position: right; background-repeat:no-repeat; } .siteupdates .su_locations { background-image:url(/common/templates/default/images/icons_modules/location.png); background-position: right; background-repeat:no-repeat; } .siteupdates .su_blog { background-image:url(/common/templates/default/images/icons_modules/blog.png); background-position: right; background-repeat:no-repeat; } /*---------------------------------------*/ /* Content Components */ /*---------------------------------------*/ /* Content List Collapse */ .contentlistcollapse .clc_title { border-top: 1px dotted #ccc; margin: 5px 0; } .contentlistcollapse .clc_title a { } .contentlistcollapse .clc_arrow_on { font-size:14px; color:#FF6600; margin-right:2px; } .contentlistcollapse .clc_arrow_off { font-size:14px; color:#FF6600;} .contentlistcollapse .clc_body { margin-left:15px; } /* Content Rotator */ .contentrotator { /*width&height for the wrapper*/ } .contentrotator .cn_fadebox { /*position: absolute, width, height, and top values can be set here or inside each content piece */} /* Content In Tabs (Ajax) */ ul#contenttab_list { margin: 10px auto 5px 0; padding-left: 0; white-space: nowrap; } #contenttab_list li { display: inline; list-style-type: none; } #contenttab_list a { /* all tabs style */ background-color: #e5e5e5; padding: 5px 15px; color: #444; text-decoration: none; } #contenttab_list a:link, #contenttab_list a:visited { /* inactive tab style */ background-color: #e5e5e5; } #contenttab_list a:hover { /* hover tab style*/ background-color: #999; } #contenttab_list a.current { /* active tab style */ background-color: #999; text-transform: none; } .contenttab_box { /* content box style */ border: 1px solid #ccc; padding: 10px; width: 97%; } /*---------------------------------------*/ /* Poll */ /*---------------------------------------*/ .poll { color: #333; text-align: left; border: 1px solid #CCC; } .poll .table-top h1 { /* Style heating */} .poll .poll_item { padding:3px; } .poll .poll_flip { background-color: #e5e5e5; } .poll .poll_bgbar { background-color:#e5e5e5; width:100%; height:15px; margin:3px 0 5px 0; } .poll .poll_percentbar { background-color:#66CC66; height:13px; border:1px solid #3F8F3E; } .poll .poll_buttons { margin:5px; text-align:center; font-size:9px; } /*---------------------------------------*/ /* Gallery.2 */ /*---------------------------------------*/ .gallery2 { color: #333; text-align: left; border: 1px solid #CCC; } .gallery2 .table-top { display: block; /* can be hidden with a display: none */} .gallery2 .g2_item { vertical-align:top; text-align:center; padding:4px; /*cell (td) styling*/} .gallery2 .g2_thumb { margin:3px; border:1px solid #999;} .gallery2 .g2_title { font-size:12px; margin-top: 3px; } .gallery2 .g2_caption { color: #999; } .gallery2 .g2_pager { margin:5px; text-align:center; font-size:9px; } /*---------------------------------------*/ /* Newsletter Signup */ /*---------------------------------------*/ .newslettersignup { color: #333; text-align: left; border: 1px solid #CCC; } .newslettersignup .table-top { margin-bottom: 5px; display: block; /* can be hidden with a display: none */ } .newslettersignup label { float:left; display:block; margin: 3px; width: 30%; /* get rid of width if you wish input to appear underneath */ } .newslettersignup .ns_email { margin:3px; } .newslettersignup .ns_action { margin: 0 3px; } .newslettersignup .ns_action label { display:block; margin: 3px; } .newslettersignup .ns_options { margin:3px; border:1px dotted #999; } .newslettersignup .ns_options div { clear:left; padding:2px; } .newslettersignup .ns_button { margin:3px; text-align:center } /*---------------------------------------*/ /* Form Manager */ /*---------------------------------------*/ .form_style table { /* wrapps everything form, errors, etc. width: 480px; -> width of the table*/ } .form_style .form_maintable { border:thin solid #CCCCCC; color:#333333; text-align:left;} .form_style .form_about { padding:10px; vertical-align:top; } .form_style .form_required { color: #FF0000; } .form_style .form_desc { color: #999999; } .form_style .form_fieldname { font-weight:bold; } .form_style .form_question { white-space:nowrap; } .form_style .form_field { /*override for fields */ } /* For the Form Manager to work, you need a lot of the styles under the "Common Styles" section */ /*---------------------------------------*/ /* User Profile Edit */ /*---------------------------------------*/ .profileedit .pe_breadcrums { margin: 0 3px;} .profileedit .pe_breadcrums_profile { /* can be hidden with display:none */ } .profileedit .pe_tab_basic, .profileedit .pe_tab_privacy, .profileedit .pe_tab_profile { /* can be hidden with display:none */} /* Profile Edit Nav */ #profiledit_nav { border-bottom: 1px solid #778; margin-left: 0; padding: 3px 0; } #profiledit_nav li { display: inline; list-style: none; margin: 0; } #profiledit_nav li a /* tab container */ { background: #E7EFC2; color: #666; border: 1px solid #778; border-bottom: none; margin-left: 6x; padding: 3px 0.7em; text-decoration: none; } #profiledit_nav li a:hover { background: #669933; color: #fff; text-decoration: underline ;} #profiledit_nav li a#current /* selected */ { background: #669933; color: #fff; border-bottom: 1px solid #778; } #profiledit_nav li a#highlight /* highlight */ { background:#F2C07D ; color: #666; border-bottom: 1px solid #778; } /*---------------------------------------*/ /* Login Properties */ /*---------------------------------------*/ .loginform { text-align:right; padding: 5px; } .loginform form { padding:0; margin:0; } .loginform label { text-align:right; } .loginform input.formfield { width: 110px; } .loginform input.button { /* if nothing here, keeps styles set way up on this file */ } .loginbox { padding: 5px; text-align:right } .loginbox .profile { /* can be hidden */} /*---------------------------------------*/ /* Sitemap */ /*---------------------------------------*/ .sitemap .stm_level_one { } .sitemap .stm_level_one li { list-style-type:lower-roman;} .sitemap .stm_level_two { margin-top:10px; } .sitemap .stm_level_two li { list-style-type:disc; } .sitemap .stm_level_three { margin-top:5px; } .sitemap .stm_level_three li { list-style-type:circle; } .sitemap .stm_level_four { margin-top:5px; } .sitemap .stm_level_four li { list-style-type:circle; } /*---------------------------------------*/ /* Calendar (all) */ /*---------------------------------------*/ .calendar { font-size: 12px; } .calendar h1 { font-size: 22px; padding: 10px; font-family:Georgia, "Times New Roman", Times, serif; } .calendar .date { height: 120px; text-align: right; color: #666; vertical-align:top; border: 1px dotted silver; padding: 5px; } .calendar .date:hover { background-color: #DFFFE0; } /* cell hover */ .calendar .dayheadings { width: 14%; font-size:14px; padding: 10px; } .calendar .dateselected { background-color:#FFFFCC; } /* cell selected (todays date) */ .calendar div.cellitems { text-align: left;} .calendar div.cellitems ul { padding: 0; margin:0px; } .calendar div.cellitems ul li.title { list-style: none; padding:3px 0; margin:2px 0; background-color:#D1DFEF; } .calendar div.cellitems ul li.title a { display:block; } .calendar div.cellitems ul li.gotonext { list-style: none; padding:3px 0; margin:2px 0; background-color:none; text-align:right;} .calendar div.cellitems ul li.gotonext a { display:block; color: #999; } .calendar .arrownav { font-size:20px; padding: 5px;} .calendar .monthnavleft { float:left; width:100px; margin:10px 0 10px 10px; text-align:left; font-weight:bold; font-size:14px; } .calendar .monthnavright { float:right; width:100px; margin:10px 10px 10px 0; text-align:right; font-weight:bold; font-size:14px; } .calendar .monthnav { float:left; width:50%; margin: 10px; text-align:center ;} .calendar .sidebar { border:1px dashed #ccc; padding: 5px; margin-top:36px; width: 135px; } .calendar .specificsearch { border: 1px solid #2B67AF; padding: 7px; color: #2B67AF; font-weight:bold; font-size:11px;} /* small calendar */ .calendar_small { color: #333; border: 1px solid #CCC; } .calendar_small .date { margin: 2px; padding:3px; text-align:center; display:block; color: #666; } .calendar_small .dateselected { background-color:#FFFFCC; } /* cell selected (todays date) */ .calendar_small .datehascontent { background-color:#CCCCFF; } .calendar_small .dayheadings { padding: 3px; text-align:center; } .calendar_small .arrownav { font-size:14px; padding: 5px;} /*---------------------------------------*/ /*Shopping Cart CSS Properties */ /*---------------------------------------*/ /* Checkout */ .Shopping-Cart-ProgressBar { margin-top: 20px; } /* View Cart Box */ .Shopping-Cart-Main { border: 1px solid #666666; } .Shopping-Cart-Top { padding:4px 0; border-bottom:dotted 1px #666; } .Shopping-Cart-LineItems-Title { padding:2px 2px 4px; } .Shopping-Cart-LineItems { background-color: #e5e5e5; } .Shopping-Cart-LineItems-Alt { padding:0 2px; } .Shopping-Cart-LineItems-Total { padding:6px 2px 2px; } /* Store Menu */ .Category-Table-Wrapper { /* Menu Wrapper */ border: 1px solid #CCC; } .Category-Table { /* Category Section */ border-bottom:1px solid #FFFFFF; } .Category-Title { /* Top Cat */ background-color: #CCCCCC; padding:5px; } .Category-Title a { /* Top Cat Link (defaults to site's link color) */ } .Category-Title-On { /* Selected Top Cat */ background-color: #77BF6B; padding:5px; } .Category-Title-On a { /* Selected Top Cat Link */ color: #FFFFFF; } .Category-Button { /* Sub-Cat */ padding:5px; } .Category-Button-On { /* Selected Sub-Cat */ background-color: #77BF6B; padding:5px; } .Category-Button-On a { /* Selected Sub-Cat Link */ color: #FFFFFF; } /* Headings */ .Product-Breadcrumbs { background-color: #666; color: #fff; padding: 5px; } .Product-Breadcrumbs a { color: #fff !important; } /* Products List */ .Product-Table-Wrapper { background-color: #FFFFFF; border: 1px solid #666; width: 100%; } .Product-Table { /* Each Product Cell */ border: 1px solid #CCC; height: 250px; } .Product-Table-Sub { /* Cell Spacing */ padding: 5px; width: 33%; } .Product-Table-Main { /* Product Page - Table: */ border: 1px solid #666666; height: 400px; } .Product-Title { /* Product Page - Title: */ background-color: #e5e5e5; border-bottom: #ccc solid 1px; color: #000000; font-size: 14px; height: 30px; padding: 5px; } .Product-Content { /* Product Page - Content: */color: #333333; padding: 5px; } .Product-Description { color: #FF9900; font-weight: bold; } .Product-Options { /* Rel Products & Gallery */color: #FF9900; font-weight: bold; } .Product-Pager { /* Product Page - Pagination: */ color: #FFFFFF; padding: 5px; text-align: center; }