/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; 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;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}
#colorbox{ color: #fff; }
#cboxTopLeft, #cboxBottomLeft,
#cboxTopCenter, #cboxBottomCenter,
#cboxTopRight, #cboxBottomRight { +display: none; }
#cboxLoadedContent{background:#000; overflow: visible;}
#cboxLoadingGraphic{background:url(../../images/newpiczo/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:-20px; background:url(../../images/newpiczo/controls.png) 0 0 no-repeat;}
#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{ display: none; height: 29px; width: 29px; background:url(../../images/newpiczo/colorbox-close.png) 0 0 no-repeat; right: -14px; top: -10px; }
#cboxClose.hover{}
.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;}
         
/*
	Custom styles
*/
body#colorbox { background: #000; }
#colorbox .minor { background: #000; clear: both; padding: 0 20px 20px 20px; font-size: 1.2em; line-height: 16px; float: left; }

/* Login / register popup
-------------------------------------------------------------- */
#colorbox .login, #colorbox .wrapper, #colorbox .simplify, #colorbox .link-sites { 
	clear: both; float: left; position: relative; width: 290px;
	padding: 0 20px 20px 20px; margin: 0 0 10px 0; background: #000; 
}
#colorbox h3 { margin-top: 20px; }
#colorbox .join { padding: 0; clear: both; overflow: visible; width: auto; margin: 0 0 -35px 0; }
/*#colorbox .login .text, #colorbox .login .checkbox { float: left; }*/
#colorbox .login .forgot-password { margin: 0 0 0 136px; }
#colorbox .login button { background-image: url(../../images/newpiczo/popup-arrow.gif); }

#forgotPasswordInline { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; }
	#forgotPasswordInline .forgotPasswordWrapper { opacity: 1; position: absolute; bottom: 30px; padding: 0 30px; }
	#forgotPasswordInline .text { clear: both; float: left; }
	#forgotPasswordInline .description { margin: 0 0 10px 0; }
	#forgotPasswordInline h4 { margin: 0 0 5px 0; }

#colorbox #forgotPasswordInline button { float: left; clear: none; }
#colorbox .loginpopup-wrapper { margin: 10px; overflow: visible; }
	#colorbox .loginpopup-wrapper input,
	#colorbox .loginpopup-wrapper select { margin: 2px; width: 90%; }
	#colorbox .loginpopup-wrapper .checkbox { width: auto; margin: 0 2px; vertical-align: middle; }
	#colorbox .loginpopup-wrapper p { padding: 2px 0; }
	#colorbox .loginpopup-wrapper p { margin: 3px 0; }
	#colorbox .loginpopup-wrapper small { font-size: 0.9em; font-weight: normal; }

#colorbox .login .text { width: 124px; }
#colorbox .join .text { width: 130px; }
#colorbox .join input { margin: 4px 0 0 0; }
#colorbox .join #popup-join-email, #colorbox .join #popup-join-firstname { margin-right: 4px; }
#colorbox .join #popup-join-password2 { float: right; margin-right: 6px; }
#colorbox .join #popup-join-nickname, #colorbox .join #popup-join-firstname, 
#colorbox .join #popup-join-birthyear { clear: left; }
#colorbox .join #popup-join-nickname, #colorbox .join #popup-join-firstname, 
#colorbox .join #popup-join-lastname, #colorbox .join select { float: left; }
#colorbox .join #popup-join-nickname { margin-top: 20px; }
#colorbox .join form { background: #000; overflow: hidden; zoom: 1; }
#colorbox .join select { width: 92px; }
#colorbox .join .form-error, #colorbox .join .agree-wrapper { padding-left: 0; }
#colorbox .join .agree-wrapper .checkbox { margin-right: 3px; }
#colorbox .agree-wrapper { line-height: 19px; vertical-align: baseline; }
#colorbox .wrapper.last { padding-bottom: 0; }
#colorbox .join button { 
	background: url(../../images/newpiczo/popup-done.gif);
	clear: both; position: relative; left: 185px; display: block;
	width: 113px; height: 40px; margin: 0; padding: 0;
}

#colorbox form input { z-index: 999; }
#vmp.loginpopup-wrapper { padding: 40px 60px 0; }

/* Simplify / Link your sites
-------------------------------------------------------------- */
#colorbox .simplify, #colorbox .simplifypopup-wrapper .wrapper { width: auto; }
#colorbox .simplify h3 { margin-bottom: 0; }
.simplifypopup-wrapper p { margin: 4px 0 11px 0; line-height: 1.0em; }
.simplify button { margin: 5px 0 0 0; }
.simplify .text { float: left; width: 126px; margin: 0 2px 3px 0; }
.simplify-your-piczo, .link-your-sites { 
	background: url(../../images/newpiczo/link-sites.gif) no-repeat; 
	text-indent: -2000em; margin-bottom: 5px; height: 29px; 
}
.simplify-your-piczo { background: url(../../images/newpiczo/simplify.gif) no-repeat; }
#popup-simplify-email { clear: left; }
.responses.simplify { float:none; line-height:1.0em; }
.link-sites .site { clear: both; overflow: hidden; margin: 0 0 15px 0; }
.link-sites .site label { 
	display: block; clear: both; float: left; width: 70px; margin: 0 5px 0 0;
	font-size: 0.9em; line-height: 25px; color: #fff; 
}
.link-sites .site h5 { width: 190px; line-height: 25px; }
.link-sites .site h5, .link-sites .site .text { margin: 0 0 0 0; float: left; }
.link-sites .site .text { width: 100px; }
.link-sites .site button { height: 21px; }
.link-sites .site .forgot { clear: both; display: block; float: left; font-size: 0.8em; margin: 0 0 0 74px; }
.simplifypopup-wrapper .done { font-size: 2em; }

/* Forgot password popup
-------------------------------------------------------------- */
#forgotPassword input, #forgotPassword button { float: left; }
#forgotPassword input { width: 135px; }
#forgotPassword .responses { float: none; clear: both; }

/* Login choices popup
-------------------------------------------------------------- */
#loginChoicesPopup {}
#colorbox #loginChoicesPopup .wrapper { width: 415px; margin: 0; padding: 0 20px 10px; }
#loginChoicesPopup .choices { float: left; width: 240px; margin: 0 15px 0 0; }
#loginChoicesPopup .description { float: right; width: 160px; color: #AFAFAF; }
#loginChoicesPopup .choices a { margin: 0 0 10px 0; background: transparent; }
#loginChoicesPopup .choices a:hover { background: #A22876; }
#loginChoicesPopup .choices .piczoButtonSmall { width: 211px; }
#loginChoicesPopup .choices .piczoButtonMedium { width: 199px; }
#loginChoicesPopup h2 { font-size: 2.2em; width: 240px; font-weight: bold; line-height: 1.2em; margin: 20px 0 15px 0; }
#loginChoicesPopup h3 { font-weight: bold; margin: 0 0 10px 0; }

/* Photo pester popup
-------------------------------------------------------------- */
#uploadPhoto { display: block; text-align: center; margin: 0 0 15px 0; }
#uploadPhoto span { display: block; clear: both; }
.photoPester-wrapper h2 { margin: 15px 0 0 0; font-size: 2.5em; }
.photoPester-wrapper .join-button {
	display:block; clear: both; float: none; width:auto; height:auto;
	font-size:1.2em; line-height:27px; text-align:center;
}
#formHolder input { background: #000; }

.share-video { display: none; }
#colorbox .share-video { display: block; margin: 10px; overflow: hidden; }
	#colorbox .share-video .header {
		background: transparent url(../../images/newpiczo/share-label.gif) no-repeat 0 0;
		height: 24px; text-indent: -9999px; border: none; +line-height: 0px;
	}
	#colorbox .share-video select {
		width: 90%; padding: 2px; color: #A72176; border: 1px solid #A72176;
		font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;
	}
	#colorbox .share-video button {
		background: url(../../images/newpiczo/popup-done.gif);
		display: block; float: right; width: 113px; height: 40px; margin: 0; padding: 0;
		text-indent: -9999px; border: none; cursor: pointer; +line-height: 0px;
	}
	#colorbox .share-video a { color: #A22876; font-weight: bold; }