* {margin: 0; padding: 0;} body {background: #fff; margin: 0; padding: 0;} #header {width: 100%; height: 241px; background: url(images/header_bg.gif) repeat-x;} #container_top {width: 990px; padding: 0; margin: 0 auto;} #container_headertext{position: relative;width: 990px; padding: 0; margin: 0 auto;} #header_text {position: absolute; top: 158px; left: 0;width: 990px; padding: 0; margin: 0 auto; border: none;} #header_text h1 {font: bold 14pt verdana, arial, sans-serif; color: #fff; padding: 2px 0;} #header_text h3 {font: normal 8pt verdana, arial, sans-serif; color: #fff;} #navigation_block {float: right; width: 705px; text-align: right; margin-top: 8px; border: none;} html>body #navigation_block {margin-top: 12px;} #navigation_block h3 {font: bold italic 14pt verdana, arial, sans-serif; color: #fff; margin-right: 10px;} #navigation{float:left;width:100%;background:transparent;font: bold 8pt verdana, arial, sans-serif;line-height:normal;} #navigation ul {margin:0;padding:0;list-style:none;} #navigation li {display:inline;margin:0;padding:0;} #navigation a.toplevel {float:left;background:url(images/tableft.gif) no-repeat left top;margin:0;padding:0 0 0 3px;text-decoration:none;} #navigation a.toplevel span {float:left;display:block;background:url(images/tabright.gif) no-repeat right top;padding:5px 8px 4px 5px;color:#24618E;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navigation a.toplevel span {float:none;} /* End IE5-Mac hack */ #navigation a.toplevel:hover span {color:#FFF;} #navigation a.toplevel:hover {background-position:0% -42px;} #navigation a.toplevel:hover span {background-position:100% -42px;} #home a.home span, #fall a.fall span, #winter a.winter span, #spring a.spring span, #booster a.booster span, #hof a.hof span, #contact a.contact span, #clubs a.clubs span {color:#FFF;} #home a.home, #team a.team, #booster a.booster, #hof a.hof, #contact a.contact, #clubs a.clubs {background-position:0% -42px;} #home a.home span, #team a.team span, #booster a.booster span, #hof a.hof span, #contact a.contact span, #clubs a.clubs span {background-position:100% -42px;} #navigation ul li .anylinkcss{position:absolute; top: 0; left: 0; visibility: hidden; background: #053a64; font: bold 9pt verdana, arial, sans-serif;color: #fff;line-height: 2; z-index: 100;} #navigation ul li .anylinkcss a:link, #navigation ul li .anylinkcss a:visited {display: block; background: #053a64; border: 1px solid #d6d6d6;border-collapse: collapse; font: bold 8pt verdana, arial, sans-serif; color: #d6d6d6; text-decoration: none; text-align: left; width: 160px; padding: 5px 4px;} #navigation ul li .anylinkcss a:hover, #navigation ul li .anylinkcss a:active { color: #00a7f2;} /* body */ #container_main {background: #fff url(images/mainbg.gif) repeat-y; width: 990px; padding: 0; margin: 0 auto;} .container_inner {background: #fff url(images/mainbg.gif) repeat-y; height: 5px; clear:both;} #leftcol {float:left; width: 760px;font: normal 8pt verdana, arial, sans-serif; color: #053a64;} #leftcol_left {float: left; width: 330px;} #video {width: 330px; height: 383px;} #toolbox {border: 1px solid #d6d6d6; width: 329px; height: auto; background: #fff;} #toolbox_inner {background: url(images/box_bg.gif); border: 1px solid #1a5189; font: normal 8pt verdana, arial, sans-serif; color: #fff; padding: 10px; margin: 5px; } #toolbox_inner a:link, #toolbox_inner a:visited {font: bold 8pt verdana, arial, sans-serif; color: #053a64; text-decoration: none;} #toolbox_inner a:hover, #toolbox_inner a:active {text-decoration: underline;} #toolbox_inner ul {list-style-type: disc; list-style-position: outside; margin-left: 20px;} #toolbox_inner ul li {background: none; border: none; padding: 0; margin-bottom: 3px;font: bold 8pt verdana, arial, sans-serif; color: #fff;} #toolbox_inner ul li a:link, #toolbox_inner ul li a:visited {font: bold 8pt verdana, arial, sans-serif; color: #fff; text-decoration: none;} #toolbox_inner ul li a:hover, #toolbox_inner ul li a:active {text-decoration: underline;} .leftcol_box {border: 1px solid #d6d6d6; width: 329px;} .leftcol_box_inner {font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 10px; margin: 5px; } .leftcol_box_inner ul {list-style-type: none; list-style-position: outside; padding: 0; margin: 0;} .leftcol_box_inner ul li {background: url(images/pdficon.gif) no-repeat 0 0; padding: 3px 0; padding-left: 25px; margin: 0; border: none; font: bold 8pt verdana, arial, sans-serif; color: #053a64;} .leftcol_box_inner ul li a:link, .leftcol_box_inner ul li a:visited {font: bold 8pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: none;} .leftcol_box_inner ul li a:hover, .leftcol_box_inner ul li a:active {color: #053a64; text-decoration: underline;} .leftcol_box2 {border: 1px solid #d6d6d6; width: 390px;} .leftcol_box_inner2 {font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 10px; margin: 5px; } .leftcol_box_inner2 ul {list-style-type: none; list-style-position: outside; padding: 0; margin: 0;} .leftcol_box_inner2 ul li {background: url(images/pdficon.gif) no-repeat 0 0; padding: 3px 0; padding-left: 25px; margin: 0; border: none; font: bold 8pt verdana, arial, sans-serif; color: #053a64;} .leftcol_box_inner2 ul li a:link, .leftcol_box_inner2 ul li a:visited {font: bold 8pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: none;} .leftcol_box_inner2 ul li a:hover, .leftcol_box_inner2 ul li a:active {color: #053a64; text-decoration: underline;} #club_info {border: 1px solid #d6d6d6; width: 390px; height: auto; background: #fff;} #club_info_inner {background: url(images/box_bg.gif); height: auto; border: 1px solid #1a5189; font: normal 8pt verdana, arial, sans-serif; color: #fff; padding: 10px; margin: 5px;} #club_info_inner a:link, #club_info_inner a:visited {font: bold 8pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: none;} #club_info_inner a:hover, #club_info_inner a:active {text-decoration: underline;} #leftcol_rt {float: right; width: 420px;} #bragspot {border: 1px solid #d6d6d6; width: 390px; height: auto; background: #fff; font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 10px;} .motto {font: bold 14pt verdana, arial, sans-serif; color: #053a64; text-align: center; margin: 10px 0;} #anews {border: 1px solid #d6d6d6; width: 390px; height: auto; background: #fff; font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 10px;} #faqs {border: 1px solid #d6d6d6; width: 390px; height: auto; background: #fff; padding: 10px; } #faqs h1 {font: bold 12pt verdana, arial, sans-serif; color: #053a64; margin-bottom: 5px;} #faqs a:link, #faqs a:visited {font: bold 9pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: none;} #faqs a:hover, #faqs a:active {color: #053a64; text-decoration: underline;} #blog {border: 1px solid #d6d6d6; width: 390px; height: auto; background: #fff; font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 10px;} #blog ul {list-style-type: none; list-style-position: outside;} #blog ul li {background: transparent url(images/listbullet.jpg) no-repeat 5px 15px; padding: 10px 5px; border-bottom: 1px solid #e6e6e6;font: normal 8pt verdana, arial, sans-serif; color: #053a64;} #blog ul li a:link, #blog ul li a:visited {font: bold 9pt verdana, arial, sans-serif; color: #00a7f2; margin-left: 20px; text-decoration: none;} #blog ul li a:hover, #blog ul li a:active {text-decoration: underline;} .box_noborder {padding; 10px; font: normal 8pt verdana, arial, sans-serif; color: #053a64;} .rtcol_box {border: 1px solid #d6d6d6; width: 420px;} .rtcol_box_inner {font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 10px; margin: 5px; } .rtcol_box2 {border: 1px solid #d6d6d6; width: 330px;} .rtcol_box_inner2 {font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 10px; margin: 5px; } #leftcol_left2 {float: left; width: 420px;} #leftcol_rt2 {float:right; width: 330px;} #team_info {border: 1px solid #d6d6d6; width: 330px; height: auto; background: #fff;} #team_info_inner {background: url(images/box_bg.gif); height: auto; border: 1px solid #1a5189; font: normal 8pt verdana, arial, sans-serif; color: #fff; padding: 10px; margin: 5px;} #team_info_inner a:link, #team_info_inner a:visited {font: bold 8pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: none;} #team_info_inner a:hover, #team_info_inner a:active {text-decoration: underline;} #videobox {width: 320px; height: auto; text-align: center;} #rtcol {float:right; width: 220px; text-align: center; } .rtcol_top {height: 25px; background: url(images/sponsortitlebg.gif) repeat-x; font: bold 9pt verdana, arial, sans-serif; color: #fff; text-align: left; padding: 5px 10px;} .rtcol_top a:link, .rtcol_top a:visited {float: right; font: normal 8pt verdana, arial, sans-serif; color: #00d3f2; text-decoration: none;} .rtcol_top a:hover, .rtcol_top a:active {color: #fff; text-decoration: underline;} .blocktitle {} .blocktitle .col_head {font: bold italic 10pt verdana, arial, sans-serif; color: #053a64; margin-left: 10px;} .blocktitle a:link, .blocktitle a:visited {float: right;font: bold 8pt Verdana, Arial, Helvetica, sans-serif;color: #00a7f2;text-decoration: none;padding-top: 5px;padding-right: 10px;} .blocktitle a:hover, .blocktitle a:active {color: #053a64;text-decoration: underline;} .subheading{font: bold 9pt verdana, arial, sans-serif; color: #053a64;} ul {list-style-type: none; list-style-position: outside;} li {background: transparent url(images/listbullet.jpg) no-repeat 5px 15px; padding: 10px 5px; border-bottom: 1px solid #e6e6e6;font: normal 8pt verdana, arial, sans-serif; color: #053a64;} ul.plain {list-style-type: disc; list-style-position: inside; margin-left: 0;} ul.plain li {background: none; border: none; padding: 0; margin-left: 3px; margin-bottom: 3px;font: normal 8pt verdana, arial, sans-serif; color: #053a64;} .uploadlink {background: #daeeff; padding: 10px; } .uploadlink a:link, .uploadlink a:visited {font: bold 12pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: none;} .uploadlink a:hover, .uploadlink a:active {color: #053a64; text-decoration: underline;} /* table */ table, tr, th, td {border: 1px solid #dbdbdb; border-collapse: collapse;} th {background: #053a64; font: bold 8pt verdana, arial, sans-serif; color: #fff; text-align: left; padding: 4px 3px;} tr.odd {background: #fff;} tr.even {background: #efefef;} td {font: normal 8pt verdana, arial, sans-serif; color: #053a64; padding: 4px 2px;} .small {font: normal 7pt verdana, arial, sans-serif; color: #053a64;} table.nopad, table.nopad tr, table.nopad th, table.nopad td {border: 0;} /* teampage */ a.location:link, a.location:visited {font: normal 8pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: underline;} a.location:hover, a.location:active {color: #053a64; text-decoration: underline;} .subcontentdiv {position:absolute; visibility: hidden; border: 5px solid #053a64; background: #efefef; width: 500px; height: auto; padding: 10px; font: normal 8pt verdana, arial, sans-serif; color: #053a64;} .gallerytop{display: block; background: #053a64; font: bold 8pt verdana, arial, sans-serif; color: #fff; text-align: left; padding: 4px 3px; cursor:hand;cursor:pointer;} #tlogo {text-align: center;} /*Bobby Sandell */ #scholarship {float: right; width: 250px; margin-left: 10px; background: #ebebeb; border: 1px solid #053a64; } #scholarship_inner {font: normal 8pt verdana, arial, sans-serif; color: #053a64;padding: 10px;} div.dateblock{float: left; width: 40px; background: #daf1fc; border-top: 1px solid #d4eaf5; border-left: 1px solid #d4eaf5; border-right: 1px solid #bfd3dd; border-bottom: 1px solid #bfd3dd; text-align: center; line-height: 2; margin-right: 10px; padding: 1px;} span.dateblock_mon{display: block; font: bold 10pt verdana, arial, sans-serif; color: #053a64; text-align: center;} .recipients {float:right; width: 700px;} /*news*/ .newstitle {display: block; background: #d1e5f5; font: bold 9pt verdana, arial, sans-serif; color: #053a64;padding: 3px 5px;} /* trainers */ #welcome {font: normal 8pt verdana, arial, sans-serif; color: #053a64; text-align: justify; border: 1px solid #dbdbdb; padding: 5px;} #dlbox {border: 1px solid #d6d6d6; width: 329px; height: auto; background: #fff;} #dlbox_inner {background: url(images/box_bg.gif); height: auto; border: 1px solid #1a5189; font: normal 8pt verdana, arial, sans-serif; color: #fff; padding: 10px; margin: 5px; } #dlbox_inner ul {list-style-type: none; list-style-position: outside;} #dlbox_inner ul li {background: url(images/pdficon.gif) no-repeat 0 0; padding: 3px 0; padding-left: 25px; margin: 0; border: none;font: bold 8pt verdana, arial, sans-serif; color: #fff;} #dlbox_inner ul li a:link, #dlbox_inner ul li a:visited {font: bold 8pt verdana, arial, sans-serif; color: #fff; text-decoration: none;} #dlbox_inner ul li a:hover, #dlbox_inner ul li a:active {text-decoration: underline;} /*boosters */ .dlbox2 {border: 1px solid #d6d6d6; width: 329px; height: auto; background: #fff;} .dlbox_inner2 {background: url(images/box_bg.gif); height: auto; border: 1px solid #1a5189; font: normal 8pt verdana, arial, sans-serif; color: #fff; padding: 10px; margin: 5px; } .dlbox_inner2 a:link, .dlbox_inner2 a:visited {font: bold 8pt verdana, arial, sans-serif; color: #00a7f2; text-decoration: none;} .dlbox_inner2 a:hover, .dlbox_inner2 a:active {text-decoration: underline;} .dlbox_inner2 ul {list-style-type: none; list-style-position: outside;} .dlbox_inner2 ul li {background: url(images/pdficon.gif) no-repeat 0 0; padding: 3px 0; padding-left: 25px; margin: 0; border: none; font: bold 8pt verdana, arial, sans-serif; color: #fff;} .dlbox_inner2 ul li a:link, .dlbox_inner2 ul li a:visited {font: bold 8pt verdana, arial, sans-serif; color: #fff; text-decoration: none;} .dlbox_inner2 ul li a:hover, .dlbox_inner2 ul li a:active {text-decoration: underline;} /* sponsors */ #sponsors_left {float: left; width: 440px;} #sponsors_right {float: right; width: 320px;} ul.sponsorlist {list-style-type: none; list-style-position: outside; margin: 10px 0;} ul.sponsorlist li {background: #fff url(images/listbullet.jpg) no-repeat 0 5px; padding: 0 20px; margin-left: 20px; font: normal 8pt verdana, arial, sans-serif; color: #053a64; line-height: 1.5; border: none;} /* Content Slider (Hall of Fame) */ #hofblock {background: #000;} #hof_leftcol {float: left; width: 200px;} .pagination {width: 200px; padding:0;} .pagination ul {list-style: none; margin: 0; padding: 0; margin-bottom: 2px;} .pagination ul li {background: transparent;display: inline; font: bold 8pt verdana, arial, sans-serif; color: #fff; text-decoration: none; text-align: left; padding: 0; border: 0;} .pagination ul li a.toc:link, .pagination ul li a.toc:visited {display:block; font: bold 8pt verdana, arial, sans-serif; color: #fff; text-decoration: none; background: transparent url(images/btn_hof.jpg) repeat-x; padding: 7px 0 8px 10px;} .pagination ul li a.toc:hover, .pagination ul li a.toc.active, .pagination ul li a.toc.focus {outline: none; color: #00d3f2;} #hof_rtcol {float: right; width: 560px; height: auto; background: #000;} .sliderwrapper{position: relative; overflow: hidden; background: #000; width: 560px; height: 680px;} .sliderwrapper .contentdiv{visibility: hidden;position: absolute; left: 0; top: 0; padding: 5px; background: #000; width: 550px; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;font: bold 8pt verdana, arial, sans-serif; color: #efefef; line-height: 1.5; text-align: center;} /* footer */ #footer {background: url(images/footerbg.gif) repeat-x; height: 34px; font: normal 7pt verdana, arial, sans-serif; color: #fff; padding: 10px 0 0 0;} #container_footer {width: 990px; padding: 0; margin: 0 auto;} #container_footer a:link, #container_footer a:visited {font: normal 7pt verdana, arial, sans-serif; color: #00d3f2; text-decoration: none;} #container_footer a:hover, #container_footer a:active {text-decoration: underline;} /* misc */ img {border: 0; } img.padded {margin: 0 10px 10px 0;} .vspacer_3 {height: 3px; clear:both;} .vspacer_5 {height: 5px; clear:both;} .vspacer_10 {height: 10px; clear:both;} .vspacer_20 {height: 20px; clear:both;} .vspacer_50 {height: 50px; clear:both;} .vspacer_180 {height: 180px; clear:both;} .hline {background:#d6d6d6; height:1px;margin: 5px 0;} p {margin: 10px 0;} h1 {font: bold 14pt verdana, arial, sans-serif; color: #00a7f2; margin-bottom: 2px;} a:link, a:visited {font: bold 8pt Verdana, Arial, Helvetica, sans-serif;color: #00a7f2;text-decoration: none;} a:hover, a:active {color: #053a64;text-decoration: underline;} ol.instructions {} ol.instructions li {background:none; font-size: 10pt; font-weight: bold; margin: 0 10px; border: 0;} ol.instructions li span {color: #03649b; } ol.instructions li a:link, ol.instructions li a:visited {font-size: 10pt; font-weight: bold;color: #00a7f2; text-decoration: none;} ol.instructions li a:hover, ol.instructions li a:active {text-decoration: underline;} ol.instructions2 {margin-left: 30px;} ol.instructions2 li {background:none; font-size: 10pt; font-weight: bold; margin: 0 10px; border: 0;} ol.instructions2 li span {color: #03649b; } ol.instructions2 li a:link, ol.instructions2 li a:visited {font-size: 10pt; font-weight: bold;color: #00a7f2; text-decoration: none;} ol.instructions2 li a:hover, ol.instructions2 li a:active {text-decoration: underline;} /* Contact Form Styles */ .mailwrapper {text-align: center;} .maildiv {font: normal 10pt Verdana, Arial, Helvetica, sans-serif;color: #053a64;margin: 0;text-align: left;width: 700px;} .maildiv form {text-align: left;} .maildiv label {/* used for right side captions */vertical-align: top;padding: 0 0 0 3px;} .maildiv .sidelbl {/* used for left side labels */width: 140px;padding: 0 10px 0 0;vertical-align: top;position: relative;display: block; float: left; clear: left;} .maildiv .sidelbl2 {/* used for left side labels */width: 250px;padding: 0 10px 0 0;vertical-align: top;position: relative;display: block; float: left; clear: left;} .maildiv input {background: #ffffff;font: normal 8pt verdana, arial, sans-serif; color: #053a64;padding: 2px;border: 1px solid #d6d6d6;margin-bottom: 5px;} .maildiv textarea {background: #ffffff;font: normal 8pt verdana, arial, sans-serif; color: #053a64;padding: 2px;border: 1px solid #d6d6d6;margin-bottom: 5px;} .maildiv select {background: #ffffff;font: normal 8pt verdana, arial, sans-serif; color: #053a64;padding: 2px;border: 1px solid #d6d6d6;margin-bottom: 5px;} .maildiv .ver_img {padding: 0;margin: 0 0 5px 10px;vertical-align:bottom; border: 1px solid #d6d6d6;} .maildiv fieldset {padding: 0;margin-bottom: 10px;} .maildiv .legendspacing {height: 10px;} .maildiv .fmcredits {float: left;font-size: 90%;} .maildiv .fmsubmit {float: right;} .maildiv input#Submit {border: 1px solid #d6d6d6;background: #ebebeb;padding: 3px;} .maildiv .fmrequired {font: normal 8pt verdana, arial, sans-serif; color: #00a7f2;font-size: 90%; float: left;margin-top: 3px;margin-left: 5px;width: 10px;} .maildiv .fmreq {font: normal 8pt verdana, arial, sans-serif; color: #00a7f2;} .maildiv .small {font-size: 7pt;} .maildiv .fmspacer {height: 10px;} .maildiv .fminfofull {padding: 0;font: normal 8pt verdana, arial, sans-serif; color: #053a64;margin-left: 10px; margin-right: 10px;} .maildiv .fmerrorbox {text-align: left;} .maildiv li {margin: 0 0 4px 0;} .maildiv .fmerrortitle {font: normal 8pt verdana, arial, sans-serif; color: #FF0000;font-size: 120%;} /*Admin Styles */ #container {border: 1px solid #d3d3d3;width: 400px;font: tahoma, arial, helvetica, sans-serif; color: #767676; text-align: center; margin: 10px auto;padding: 10px;} #container h3 {display: block; background: #053a64;font: bold 8pt tahoma, arial, helvetica, sans-serif; color: #fff; text-align: center; padding: 5px;margin-bottom: 10px;} #container a:link, #container a:visited {font: normal 8pt tahoma, arial, helvetica, sans-serif;color: #021150; text-decoration: none;} #container a:hover, #container a:active {color: #767676; text-decoration: underline;} #form_container { width: 400px; margin: 0 auto;} .error {color: #f00; text-align: center; margin: 0 auto;} #admin fieldset{border: 1px solid #d3d3d3;width: 400px;font: normal 8pt tahoma, arial, helvetica, sans-serif; color: #767676; text-align: left; margin: 10px auto; padding: 10px;} #admin fieldset.login {border: 1px solid #d3d3d3;width: 250px;font: normal 8pt tahoma, arial, helvetica, sans-serif; color: #767676; text-align: left; margin: 10px auto; padding: 10px;} #admin label {display: block; width: 150px;float: left;font: bold 8pt tahoma, arial, sans-serif; color: #767676; text-align: left;margin-right: 10px;} #admin label.login {display: block; width: 100px;float: left;font: bold 8pt tahoma, arial, sans-serif; color: #767676; text-align: left;margin-right: 10px;} #admin input, textarea, select {background: #fff;font: normal 8pt tahoma, arial, helvetica, sans-serif;color: #021150;padding: 2px;border: 1px solid #d3d3d3;} #admin input.submit {background: #fff;border: 1px solid #d3d3d3;color: #021150;padding: 2px;margin: 5px auto;} .footertext {font: normal 8pt tahoma, arial, helvetica, sans-serif; color: #fff;} .footertext a:link, .footertext a:visited {font: normal 8pt tahoma, arial, helvetica, sans-serif; color: #fff; text-decoration: none; text-align: center;} .footertext a:hover, .footertext a:active {text-decoration: underline;} /* Pretty Photo Lightbox */ div.pictureHolder .top .left { background: url(images/tl.gif) top left no-repeat; } /* Top left corner */ div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */ div.pictureHolder .top .right { background: url(images/tr.gif) top left no-repeat; } /* Top right corner */ div.pictureHolder .content { background-color: #fff; } /* Content background */ div.pictureHolder .content a.next:hover { background: url(images/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */ div.pictureHolder .content a.previous:hover { background: url(images/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */ div.pictureHolder .content a.expand { background: url(images/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.pictureHolder .content a.expand:hover { background: url(images/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pictureHolder .content a.contract { background: url(images/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.pictureHolder .content a.contract:hover { background: url(images/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(images/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */ div.pictureHolder .content .details .nav a.arrow_previous { background: url(images/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */ div.pictureHolder .content .details .nav a.arrow_next { background: url(images/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */ .pictureHolder a:focus { outline: none; } div.pictureHolder .bottom .left { background: url(images/bl.gif) top left no-repeat; } /* Bottom left corner */ div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */ div.pictureHolder .bottom .right { background: url(images/br.gif) top left no-repeat; } /* Bottom right corner */ div.pictureHolder .loaderIcon { background: url(images/loader.gif) center center no-repeat; } /* Loader icon */ div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(images/ttl.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(images/ttr.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(images/ttp.gif) top left repeat-x; } div.prettyPhotoOverlay {background: #000;position: absolute; top: 0; left: 0;z-index: 9500;width: 100%;} div.pictureHolder {position: absolute; z-index: 10000;width: 100px;} div.pictureHolder .top {position: relative;height: 20px;} * html div.pictureHolder .top { padding: 0 20px; } div.pictureHolder .top .left {position: absolute;left: 0;width: 20px; height: 20px;} div.pictureHolder .top .middle {position: absolute;left: 20px; right: 20px;height: 20px;} * html div.pictureHolder .top .middle { position: static; } div.pictureHolder .top .right {position: absolute;top: 0; left: auto; right: 0;width: 20px; height: 20px;} div.pictureHolder .content {position: relative;text-align: left;width: 100%; height: 40px;} div.pictureHolder .content .details {display: none;margin: 10px 15px 0 20px;} div.pictureHolder .content .details p.description {display: none; float: left; margin: 0;} div.pictureHolder .content .details .nav {float: left; margin: 4px 0 0 0;} div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; } div.pictureHolder .content .details .nav a.arrow_previous, div.pictureHolder .content .details .nav a.arrow_next {float: left; display: block; width: 8px; height: 9px; text-indent: -10000px; margin-top: 4px; } div.pictureHolder .content .details .nav a.disabled { background-position: 0 -10px; cursor: default; } div.pictureHolder .content div.hoverContainer {position: absolute; z-index: 10000;top: 0; left: 0;width: 100%;} div.pictureHolder .content a.next {position: relative; z-index: 2000;display: block; float: right;text-indent: -10000px;width: 49%; height: 100%;background: url(../images/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */} div.pictureHolder .content a.previous {cursor: pointer;display: block;text-indent: -10000px;width: 49%; height: 100%;background: url(../images/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */} div.pictureHolder .content a.expand, div.pictureHolder .content a.contract {position: absolute; z-index: 20000;top: 10px; right: 30px;cursor: pointer;display: none;text-indent: -10000px;width: 20px; height: 20px;} div.pictureHolder .content a.close {float: right;display: block;text-indent: -10000px;} div.pictureHolder .bottom {position: relative;height: 20px;} * html div.pictureHolder .bottom { padding: 0 20px; } div.pictureHolder .bottom .left {position: absolute;left: 0;width: 20px; height: 20px;} div.pictureHolder .bottom .middle {position: absolute;left: 20px; right: 20px;height: 20px;} * html div.pictureHolder .bottom .middle { position: static; } div.pictureHolder .bottom .right {position: absolute;top: 0; left: auto; right: 0;width: 20px; height: 20px;} div.pictureHolder .loaderIcon {display: none;position: absolute;top: 50%; left: 50%;margin: -12px 0 0 -12px;width: 24px; height: 24px;} div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; } div.prettyPhotoTitle {display: none;position: absolute;top: 0; left: 0;z-index: 9999;color: #fff; font-size: 13px;} div.prettyPhotoTitle div.prettyPhotoTitleLeft, div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; } div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; } div.pictureHolder span.currentText {font: normal 8pt tahoma, arial, sans-serif; color: #053a64;} div.pictureHolder p.currentTextHolder {font: normal 8pt tahoma, arial, sans-serif; color: #053a64;} div.pictureHolder .description {font: bold 8pt tahoma, arial, sans-serif; color: #053a64;}