/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper{position:fixed; top:15%; left:auto;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#FFF;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:1px; right:1px;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:1px 1px;}
        #cboxClose.hover{background-position:-0px 0px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* =============== Registration =============== */

#login_popup {
	background:#FFF;
	width: 682px;
	font-family:Arial, sans-serif;
	font-size:12px;
	}

	#login_popup a, #login_popup a:visited {
		color:#9E0B0F;
		text-decoration:none;
		}

	#login_popup a:hover {
		text-decoration:underline;
		}

#login_popup ul.flush {
	margin:12px;
	}

.login_title {
	width:622px;
	background:#ddd;
	border-top:1px solid #ccc;
	padding:20px 30px;
	font-size:16px;
	}

	.login_title h4 {
		font-family:Arial,sans-serif;
		font-size:16px;
		margin:0 0 15px 0;
		}

	.login_title input {
		width:150px;
		font-size:16px;
		padding:2px;
		}

	.login_title input.login_submit {
		width:65px;
		font-size:16px;
		padding:1px;
		}

	#options {
		padding:0 12px;
		font-size:14px;
		}

		#options a#close {
			color:#444;
			cursor:pointer;
			}

	#passwordreset {
		padding:2px 0;
		}

		#passwordreset a.forgotpass {
			color:#444!important;
			font-size:12px;
			cursor:pointer;
			margin:0 0 0 165px;
			}

#popup_logo {
	width:300px;
	height:255px;
	position:absolute;
	top:20px;
	left:40px;
	display:inline;
	}

#popup_logo img {
	}

#account_benefits {
	width:330px;
	padding:20px 10px 0 10px;
	height:255px;
	float:right;
	display:inline;
	}	

	#account_benefits h3 {
		font-family:Arial,sans-serif;
		font-weight:bold;
		font-size:14px;
		margin:15px 0;
		}

/* =============== Roadblock =============== */

#closeRoadblock {
    	position:fixed;
    	top:0;
    	width:100%;
    	z-index:10000;
    	background:url("/images/accountnav_bg.jpg") repeat-x scroll 0 0 transparent;
    	border-bottom:1px solid #BBB;
    	color:#9E0B0F;
    	text-align:center;
    	font-size:12px;
    	font-weight:bold;
    	height:20px;
    	padding:6px;
	}

	#closeRoadblock:hover {
		cursor:pointer;
		color:#000;
		}