@charset "UTF-8";
/* PUCKPROSPECT.COM MAIN STYLE SHEET */

body {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 11px;	color: #000000;
	line-height: 18px;
	margin:0;
	padding:0;
	height:100%; /* needed to display bkgnd2 at full height in IE */
	background: #000000 url(/images/bg_main.jpg) top center no-repeat;
}

/* Header Styles */
h1 {font:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:18px; color:#000; display:block; padding:0 0 10px 0; margin:0;}
h2 {font:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:14px; color:#003399; display:block; padding:0; margin:0;}
h3 {font:Arial, Helvetica, sans-serif;font-weight:bolder; font-size:12px; color:#003399; display:block; padding:0; margin:0;}
h3.returnmsg-good {font:Arial, Helvetica, sans-serif;font-weight:bolder; font-size:12px; color:#fff; display:block; padding:5; margin:0; background-color:#063;}
h3.returnmsg-bad {font:Arial, Helvetica, sans-serif;font-weight:bolder; font-size:12px; color:#fff; display:block; padding:5; margin:0; background-color:#900;}

/* colours */
.red {color:red;}
.green {color:green;}
.green_light {color:#d6ef73;}
.blue {color:blue;}
.gray {color:gray;}
.white {color:#fff;}

.fl_left{float:left;}
.fl_right{float:right;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
} 

.small {font-size:10px;}

/*--- Body Links --- */
a:link, a:visited {
	font-size:11px; color:#3F9145; text-decoration:none;
}
a:hover, a:active {
	font-size:11px;  color:#212F6B; text-decoration:underline; 
}

a.link_yellow:link, a.link_yellow:visited {
	color:#FFFF00; font-weight:bolder;
}
a.link_yellow:hover, a.link_yellow:active {
	color:#fff; font-weight:bolder; text-decoration:underline;
}

a.link_white:link, a.link_white:visited {
	color:#fff; font-weight:bolder;
}
a.link_white:hover, a.link_white:active {
	color:#FFFF00; font-weight:bolder; text-decoration:underline;
}
    
/*--- Utility Links --- */

a.link_utility:link, a.link_utility:visited {
	font-size:11px; font-weight:bold; color:#000; text-decoration:none; vertical-align:middle;
}
a.link_utility:hover, a.link_utility:active  {
	font-size:11px; font-weight:bold; color:#000; text-decoration:underline;vertical-align:middle;
}

a.link_utility_gray:link, a.link_utility_gray:visited{
	font-size:11px; font-weight:bold; color:#666; text-decoration:none; vertical-align:middle; background:url(../images/icon_arrow.gif) right no-repeat; padding:10px 30px 10px 0px;
}
a.link_utility_gray:hover, a.link_utility_gray:active  {
	font-size:11px; font-weight:bold; color:#666; text-decoration:underline; vertical-align:middle; background:url(../images/icon_arrow.gif) right no-repeat; padding:10px 30px 10px 0px;
}

a.link_down:link, a.link_down:visited {
	font-size:11px; font-weight:bold; color:#666; text-decoration:none; vertical-align:middle; background:url(../images/icon_arrow_down.gif) right no-repeat; padding:10px 30px 10px 0px;
}
a.link_down:hover, a.link_down:active {
	font-size:11px; font-weight:bold; color:#666; text-decoration:underline; vertical-align:middle; background:url(../images/icon_arrow_down.gif) right no-repeat; padding:10px 30px 10px 0px;
}
a.link_up:link, a.link_up:visited {
	font-size:11px; font-weight:bold; color:#666; text-decoration:none; vertical-align:middle; background:url(../images/icon_arrow_up.gif) right no-repeat; padding:10px 30px 10px 0px;
}
a.link_up:hover, a.link_up:active {
	font-size:11px; font-weight:bold; color:#666; text-decoration:underline; vertical-align:middle; background:url(../images/icon_arrow_up.gif) right no-repeat; padding:10px 30px 10px 0px;
}


/*--- Footer Links --- */
#footer_pane a:link, #footer_pane a:visited {
	font-size:11px; color:#fff; text-decoration:none;
}
#footer_pane a:hover, #footer_pane a:active  {
	font-size:11px;  color:#fff; text-decoration:underline;
}

/* button links */

a.squarebutton{
    background: transparent url(/images/square-green-left.gif) no-repeat top left;
    display: block;
    float: right;
    font: normal 12px Arial; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
    color: #494949; /*button text color*/
}

a.squarebutton span{
    background: transparent url(/images/square-green-right.gif) no-repeat top right;
    display: block;
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
    background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
    text-align:right;
}


/**************************** TEXT FORMATTING STYLES**************************/	
.page_title_black {
	font-size:14PX; font-weight:bold; color:#000000;
}

.page_title_white {
	font-size:14PX; font-weight:bold; color:#fff;
}

.page_title_blue {
	font-size:14PX; font-weight:bold; color:#212D6B;
}

.page_title_green {
	font-size:14PX; font-weight:bold; color:#669900;
}

.page_subtitle_black {
	font-size:14px; color:#000; font-weight:bold;
}

.page_text_gray {
	font-size:11px; font-weight:none; color:#666666;
}

.page_text_newsdate {
	font-size:11px; font-weight:none; color:#666666; font-style:italic;
}

.page_text_small_white {
	font-size:10px; color:#fff;
}

.page_text_black {
	font-size:11px; font-weight:none; color:#000; line-height:110%;
}

.page_text_white {
	font-size:11px; font-weight:none; color:#fff; line-height:110%;
}

.page_text_lightgray {
	font-size:11px; font-weight:none; color:#cccccc;
}

.page_text_blackbold {
	font-size:12px; font-weight:none; color:#000000; font-weight:bold;
}

.page_text_bluebold {
	font-size:12px; font-weight:none; color:#2E58A6; font-weight:bold;
}

.page_text_redbold {
	font-size:12px; font-weight:none; color:#ce0000; font-weight:bold;
}

.page_text_greenbold {
	font-size:12px; font-weight:none; color:#9DBE0F; font-weight:bold;
}

.page_text_blue {
	font-size:11px; font-weight:none; color:#2E58A6;
}
.page_text_blue2 {
	color:#698FB9;
}
.page_text_green {
	font-size:11px; font-weight:none; color:#9DBE0F;
}

.page_text_green2 {
	font-size:11px; font-weight:none; color:#669900;
}

.page_number_active {
	display:block; font-size:10px; font-weight:none; color:#ffffff; background-color:#0E72AF; text-decoration:none; padding: 0px 2px 0px 2px;
}

.directory_letter_active {
	display:block; font-size:14px; font-weight:bold; color:#ffffff; background-color:#0E72AF; text-decoration:none; padding:0px 2px 0px 2px;
}



/* TOP BANNER AREA*/

#header_pane {
	width:985px; margin-left:auto; margin-right:auto; 
}

/* TOP MENU BAR*/

#menu_pane {
	width:985px; margin-left:auto; margin-right:auto; 
}

#persistent_menu_pane {
	width:985px; height:34px; margin-left:auto; margin-right:auto;  background:#666666 url(../images/bg_menu_blue.gif) repeat-x; text-align:center;
}




/* MAIN BODY AREA */

#main_pane {
width:975px; height:100%; background:url(../images/bg_body_top_gradient.jpg) top repeat-x  #FFFFFF ! important;
margin-left:auto; margin-right:auto; margin-top:auto; padding-top:20px; padding-left:10px; 
}

#main_pane .left_pane {
	width:680px; float:left; padding-right:20px; background:url(../images/vert_line.gif) repeat-y right;
}

#main_pane .right_pane {
	float:left; width:240px; padding-left:10px; padding-top:5px;
}

/* MEMBER MENU BAR*/
#membermenubar{background:url(../images/bg_membermenubar.jpg) repeat-x left; height:37px; width:100%; margin:auto;}
#membermenubar ul{display:block; width:100%; list-style:none; padding:0; margin:0;}
#membermenubar li{display:block; float:left;}
#membermenubar li a, #membermenubar li a:visited{display:block; float:left; padding:10px 10px 0px 10px; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:white; font-weight:bolder; text-decoration:none;}
#membermenubar li a:hover{color:#99FF00;}

/* FOOTER AREA */

#footer_pane {
text-align:center; padding-top:25px;
width:985px; margin-left:auto; margin-right:auto; height:175px;
background:url(../images/bg_footer.jpg) no-repeat top center; color:#fff;
}

/* CONTENT BOXES*/

.contentbox {
	padding:10px;
	height:100%; width:auto;
}

.contentbox_body {
	padding:15px;
	height:100%; width:auto;
}

.graybox {
	background:#fafafa url(../images/horz_line.gif) repeat-x bottom;
	padding:15px;
	height:100%;
}
.darkbluebox{
   background-color:#669;
	padding:10px;
	height:100%;
}

.greenbox_diag {
	background:#FFFFFF url(../images/diag_line_green.gif) repeat top left;
	padding:10px;
	height:100%;
}

.bluebox_diag {
	background:#FFFFFF url(../images/diag_line_blue.gif) repeat top left;
	padding:10px;
	height:100%;
}


.graybox_diag {
	background:#FFFFFF url(../images/diag_line_gray.gif) repeat top left;
	padding:10px;
	height:100%;
}
/* MISC  */

#divider {
	width:100%; height:1px; background:url(../images/horz_line.gif) repeat-x bottom; 
}

#divider_dark {
	width:100%; height:1px; background:url(../images/horz_line_dark.gif) repeat-x bottom; 
}

#divider_shadow {
	width:100%; height:8px; background:url(../images/horz_line_shadow.gif) repeat-x top; 
}

img.utility_icons { 
	vertical-align:middle;
}

/* FORM ELEMENTS*/

.pp_fieldHolder
{
	width: 162px;
	height: 32px;
	background: url(../images/bg_textfield_newsletter.gif) no-repeat;
	float: left;
}

.pp_textareaHolder
{
	width: 262px;
	height: 100px;
	background: url(../images/bg_textarea.gif) no-repeat;
	float: left;
}

.pp_filefieldHolder
{
	width: 250px;
	height: 32px;
	background: url(../images/bg_filefield.gif) no-repeat;
	float: left;
}

.pp_textfield {
	width: 150px;
	height: 22px;
	background: none;
	border: none;
	color: #000000;
	margin-top: 5px;
	margin-left: 5px;
}

.pp_dropdown {
	background-color:#FFFFFF;
	width: 150px;
	height: 22px;
	border: none;
	margin-top: 5px;
	margin-left: 5px;
}

.pp_filefield {
	width: 200px;
	height: 22px;
	background: none;
	border: none;
	color: #000000;
	margin-top: 5px;
	margin-left: 5px;
}

.pp_textarea {
	width: 250px;
	height: 90px;
	background: none;
	border: none;
	color: #000000;
	margin-top: 5px;
	margin-left: 5px;
}