/*
    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;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#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;}

/*
    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:#7d9b57}
#colorbox{}
    #cboxContent{
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border:1px solid #c1c0b7;
			box-shadow: 0px 5px 5px #333;
			-moz-box-shadow: 0px 5px 5px #333;
			-webkit-box-shadow: 0px 0px 10px #cbd9e0;
			background-color: #fff;
			background-image: url(/img/linear_bg_2.png); /* fallback image */
			background-image: -moz-linear-gradient(100% 100% 90deg, #f3f3f3, #ffffff);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#ffffff));
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
			}
        #cboxLoadedContent{margin:20px}
        #cboxClose{display:none !important}
        #cboxClose.hover{}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* == FORMS == */

#signup form h2{font-size:131%;line-height:2;color:#4b711c;margin:10px 0}
#signup form h2.green{
	background:url("/img/header-bg.jpg") no-repeat scroll center center transparent;
	text-shadow:0px 2px 1px #333;color:#fff;padding-left:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 15px 0;
	font-weight:normal;
}

#signup label,#signup input,#signup select{margin-bottom:5px} 
#signup label,#signup .label{float:left;width:150px;margin-right:20px;text-align:right}

#signup label,#signup .label{width:150px;margin-right:20px;margin-top: 12px;}
#signup input,#signup select{width:330px; margin-top: 12px;}

#signup .input input{width:auto;vertical-align:middle;margin-right:5px}
#signup .input label{font-style:italic;width:auto}

#signup #id_zip{display:block;width:50px}
#signup #id_phone{display:block;width:100px}
#signup #id_cellphone{display:block;width:100px}

#signup form{}