/*----------------------------------------------------------------------------- General Site Wide -----------------------------------------------------------------------------*/ * {margin: 0; } html, body {height: 100%;} body { margin: 0;padding: 0; background: #141416;font-family: Trebuchet MS, "Trebuchet MS", Verdana, Arial, Sans-serif; font-size: 13px;} a:hover { text-decoration: none;} img {display:block;} /*----------------------------------------------------------------------------- Forms -----------------------------------------------------------------------------*/ input, select, .input { font-family: Verdana, Arial, Sans-serif;} .button {font-family: Trebuchet MS, "Trebuchet MS", Verdana, Arial, Sans-serif;font-weight: bold;} form { margin: 0;} /*----------------------------------------------------------------------------- basic formating for things used often -----------------------------------------------------------------------------*/ /* For Easy Placement */ #hidden { overflow: hidden;} #right_justify { float: right;text-align: right;} .left_justify { text-align: left;} .margin { margin: 10px;} .padding { padding: 10px;} .clear { font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0;clear: both;} #indent { margin-left: 25px;} /* text sizes */ .arrows {font-family: Arial, Helvetica;font-size:10px;font-weight:bold;} .tiny {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;} .med {font-size: 11px;} .large { font-size: 13px;} /* MPA HOUSE Look at me Messaging */ .mpa-message {background-color: #fde27b; background-image: url('/img/mpa-message.png'); background-repeat: repeat-x; padding: 5px; color: #000000;border: 1px solid #d6d6d6;text-align:left;} .mpa-message a {color:#4c7da4;} .warning {font-weight:bold; color:#cc0000;} /*----------------------------------------------------------------------------- Top MyPhotoAlbum Branded Header -----------------------------------------------------------------------------*/ #top_header_placement { height: 38px; text-align: left;z-index:10000;} #logo { background: url('/img/small-logo.gif') no-repeat left bottom; width: 164px; height: 27px;float: left;} .top_header {background-color: #1d1d20; background-image: url('/img/new-top-nav-pg.gif'); background-position:bottom; background-repeat: repeat-x;border-bottom: 1px solid #000;} /*----------------------------------------------------------------------------- Top Admin Nav Styles (rounded buttons with multi level drops) -----------------------------------------------------------------------------*/ .tab_holder {text-align:left;padding-bottom:5px;width:530px;} /* main level */ ul.dropdown {font-weight: normal;} ul.dropdown a { text-decoration:none;font-weight:normal;} ul.dropdown li.top_nav_tab_main {width:100px;height:23px;padding-top:5px;margin:0px 2px 0px 0px;text-align:center;background: url(/img/bttn_primary_lg.gif) no-repeat top left;} /* width for the top buttons */ ul.dropdown li.top_nav_tab_main:hover {background-position:0px -33px;} ul.dropdown li.top_nav_tab_main a,ul.dropdown li.top_nav_tab_main a:visited{color:#ccc;} ul.dropdown li.top_nav_tab_main a:hover, ul.dropdown li.top_nav_tab_main a:visited:hover{color:#fff;} a.main, a:link.main, a:visited.main, a:link:visited.main, a:link:hover.main, a:hover.main, a:hover:visited.main {font-size:13px;} /* main level - with drop */ ul.dropdown li.dir.top_nav_tab_main{width:90px;height:23px;padding-top:5px;padding-right:10px;margin:0px 2px 0px 0px;text-align:center;background: url(/img/bttn_primary_lg_2.gif) no-repeat top left;} /* width for the top buttons */ ul.dropdown li.dir.top_nav_tab_main:hover {background-position:0px -33px;} /* on tab state*/ ul.dropdown li.top_nav_tab_main_on {background-position:0px -33px;padding-top:6px;height:22px;} ul.dropdown li.dir.top_nav_tab_main_on {background-position:0px -33px;padding-top:6px;height:22px;} /* first level */ ul.dropdown li li, ul.dropdown li li .dir {padding:4px 0px 4px 5px;width:157px;font-size:12px;font-weight:normal;display:block} ul.dropdown li li, ul.dropdown li li .dir{font-size:12px; } ul.dropdown a, ul.dropdown a:hover, ul.dropdown ul li, ul.dropdown li li a {font-size:12px;} .dirtext {width:145px;float:left;} /* so the arrow is all the way on the right for 2nd level dirs titles */ ul.dropdown span.arrows {font-size:14px;} /* second level */ ul.dropdown li li li{ padding:4px 0px 4px 8px; width:132px;margin-left:0px;font-size:12px;font-weight:normal;} ul.dropdown ul {width: 140px; text-align:left;} /* ALL Dropdown Color & style */ ul.dropdown li li, ul.dropdown li li .dir, .dropmenudiv2 a, .dropmenudiv2 a:visited {color: #ffffff; background-color: #292929; border-bottom:1px solid #121212;border-left:1px solid #121212;border-right:1px solid #121212;} ul.dropdown ul li:hover, .dropmenudiv2 a:hover{color: #ccc; background-color: #121212;} /*----------------------------------------------------------------------------- Breadcrumb and Shop Nav -----------------------------------------------------------------------------*/ /* breadcrumb links (you are here links) */ #bread_crumb { float: left; text-align: left; font-size: 11px; padding: 2px 0px 1px 3px; width: 600px;} /* behind the bread crumb trail links */ #bread_crumb a {text-decoration: none;} /* bread crumb links */ #bread_crumb a:hover { text-decoration: underline;} #bread_crumb .arrow {font-size:13px;} /* Breadcrub and Shop Bar Style */ #shop_links a {font-size:11px;text-decoration:none;} /*my account links */ #shop_links a:hover { text-decoration: underline;} #shop_links ul li {display: inline;} #shop_links ul li b {font-size:9px; padding:0px 1px; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=50); filter: alpha( opacity = 50 ); -moz-opacity:0.50;opacity:0.50; text-align:center; } /*----------------------------------------------------------------------------- Column structure -----------------------------------------------------------------------------*/ .mainbody { margin: 5px 10px 10px 10px ;padding:0px;text-align:center;} #large_content { float: left; text-align: left;} #shade, #shade2 {background: #000000;filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=20);filter: alpha( opacity = 20 );-moz-opacity:0.20;opacity:0.20;} /* right & left transparecny */ .nothing{} /*----------------------------------------------------------------------------- Gallery Main Top Title Style -----------------------------------------------------------------------------*/ #gallery_title { text-align: left; } .gallery_title_top { } .gallery_title_top_left { height:45px;} .gallery_title_top_right { } h1 {font-size: 24px; font-weight: normal; margin: 0px;display: inline; } h1 a {display: inline;text-decoration: none;} .new-top-link {font-size:12px; } .new-top-links h1, .new-top-links h1 a {font-size:13px; font-weight:normal;display: inline; margin:0px;padding:0px;} .new-top-links h1:hover, .new-top-links h1 a:hover {text-decoration:underline;} .new-top-links b{ font-size:11px; padding:0px 2px; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=50); filter: alpha( opacity = 50 ); -moz-opacity:0.50;opacity:0.50; text-align:center; font-weight:normal; color:#666; } .nothing{} /*----------------------------------------------------------------------------- Page navatation -----------------------------------------------------------------------------*/ .pagination {float:left; margin:5px 10px; padding-bottom: 1px; font-size: 11px;} .pagination ul { margin: 1px;padding: 0px;} .pagination li { list-style-type: none; display: inline;padding-top: 1px;} .pagination a, .pagination a:visited { padding: 0 5px;font-size: 11px; text-decoration: none;} .pagination a:hover, .pagination a:active {} .pagination a.currentpage { font-weight: bold; font-size: 11px; cursor: default;} .pagination a.disablelink, .pagination a.disablelink:hover { cursor: default;font-weight: normal !important;} .pagination a.prevnext {font-weight: normal;font-size: 11px;font-style: normal;} .pagination b { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px;} .pagination .slide { margin-left: 15px;} /*----------------------------------------------------------------------------- Swap the layout display options -----------------------------------------------------------------------------*/ #display_options {margin: 0px 5px 0px 0px; float: right; text-align: right; position: relative; font-size: 10px;} .display_text { float: left; margin-right: 5px;} #display_options a { text-decoration: none;margin-top: -5px;} #display_options a:hover {text-decoration: none;} /* micro icons of dispay choices (semi transparent ) */ .display_icon {float: left;width: 19px;height: 15px; margin: 0px 5px 0px 0px; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=30); filter: alpha( opacity = 30 ); -moz-opacity:0.30;opacity:0.30; text-align:center;} .icon_on { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=80); filter: alpha( opacity = 80 ); -moz-opacity: 0.80; opacity: 0.80;} /*----------------------------------------------------------------------------- Page Title -----------------------------------------------------------------------------*/ #page_title { float: left; margin: 2px 10px 5px 10px;width:920px; padding: 2px;} #centered_title_pages { float: left; text-align: center;} #widthOfPage{width:920px;} .page_title_top { float: left;text-align: center;} .page_title_top_left {float: left;} .page_title_top_right { float: left; text-align: right;} /*----------------------------------------------------------------------------- Specific Album/Photo/Video Drop Down Menus -----------------------------------------------------------------------------*/ .chromestyle ul {margin: 0; text-align: right;} .chromestyle ul li { display: inline;} .chromestyle ul li a { margin: 0;font-weight: bold;} .chromestyle ul li a:hover { text-decoration: underline;} * html .dropmenudiv2 a { /*IE only hack*/width: 100%;font-weight: normal;text-decoration: none;} .dropmenudiv2 a:hover { font-weight: normal;text-decoration: none;} .nothing {} .dropmenudiv2 a, .dropmenudiv a:visited{text-decoration: none;font-weight: normal; font-size:11px; display:block;padding: 4px 0px 4px 5px;} .dropmenudiv2 {font-size:11px; display:block; font-weight: normal; text-decoration: none; position: absolute; top: 0; visibility: hidden;z-index: 1000; width: 150px; text-align: left; margin: 0; } .nothing {} /*----------------------------------------------------------------------------- GRAPHICAL Edit BUTTONS -----------------------------------------------------------------------------*/ /*black tiny edit buttons */ a.edit_button, a:link.edit_button, a:visited.edit_button, a.edit_button2, a:link.edit_button2, a:visited.edit_button2 {padding:0px 5px 0px 5px;margin:1px 0px 0px 0px;font-size:9px;font-family: Verdana,sans-serif;height:13px; color:#bababa;background: url(/img/bttn_primary_sm.gif) no-repeat top left;text-decoration:none;border:1px solid #111; text-shadow: #000 0px 1px 0px;font-weight:normal; display:inline-block;text-align:center;cursor:pointer; opacity: 0.99;-moz-border-radius:3px;-webkit-border-radius:3px;} .nothing {} a:hover.edit_button, a:hover.edit_button2, a:link:hover.edit_button, a:link:hover.edit_button2, a:visited:hover.edit_button, a:visited:hover.edit_button2{color:#FFF;background-position:0 -18px;text-decoration:none;} /*----------------------------------------------------------------------------- GALLERY DISPLAY STUFF -----------------------------------------------------------------------------*/ /* Details Page */ .detail_box {width: 300px;text-align: left; float: left; margin: 0px 10px;} #code_box {padding: 5px;} #code_box .title { font-size: 13px;font-weight: bold;} #album_content{ padding: 5px 10px;} /* Rss Display */ .cssbutton {padding: 1px; font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 11px;width: 134px;height: 14px;margin: 0px 0px 3px 0px;display: block;cursor: pointer;} .buttonleft { width: 43px; float: left; text-align: center; cursor: pointer;} .cssbutton a {text-decoration: none;cursor: pointer;} .buttonright {padding: 0px 0px 0px 5px; float: left; width: 86px; cursor: pointer;} /* hotlink */ .hotlink {font-size: 11px; padding: 10px;} .hotlink input { font-size: 11px; width: 325px; margin-left: 15px;margin-bottom: 7px;} /* Toll tips */ #box, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #box14, #box15 {position: absolute;z-index: 500;float: left;display: none; width: 139px;} a.sample_attach, a.sample_attach:visited, div.sample_attach { display: block;width: 139px;} .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 0px; background: url(/img/bubble.png) top left;} .tool-text a, .tool-text a:hover {color: #9FD4FF;} .tool-text {text-align: left; color: #EEEEEE; font-size: 11px; padding: 0px 8px 8px ; background: url(/img/bubble.png) bottom right;} /* comments */ #individual_comment { margin: 5px; padding: 10px; font-size: 12px;} .comment { margin-left: 25px;} h3 { font-size: 18px;font-weight: normal; padding: 6px 0px 0px 0px; margin: 0px;display: inline; text-align: left;} h3 a { text-decoration: underline;} /*----------------------------------------------------------------------------- MPA footer -----------------------------------------------------------------------------*/ #footer { font-size: 10px; clear: left; padding-top: 4px;text-align: center; color: #1c1c1c; background-color: #141416;border-top: 1px solid #000;font-family: Verdana, 'Lucida Grande', sans-serif;} #footer a { text-decoration: none; padding-right: 9px;padding-left: 7px;color: #414141;} #footer a:hover { text-decoration: underline;} #footer .copyright{padding-top:15px;color: #414141;}