/* GENERIC ELEMENTS IN POPUPS */

.fl, .float_left { float: left; }
.fr, .float_right { float: right; }
.showreel_info_outer { float: left; width: 750px; background-color: #e4e3e3; }
.showreel_info { float: left; padding: 15px 0 15px 15px; width: 635px; overflow-x: hidden; }
.showreel_title { font-size: 14px; line-height: 16px; font-weight: bold; font-style: italic; color: #532035; }
.showreel_desc { font-size: 11px; line-height: 13px; color: #363636; }
.showreel_close { float: left; padding: 20px 10px 20px 10px; width: 70px; height: 20px; overflow: hidden; }

.profile_video_left { float: left; padding: 0 5px 0 0; width: 460px; overflow-x: hidden; }
.profile_video_outer { float: left; width: 460px; height: 300px; background-color: #000000; }
.profile_video_info_outer { float: left; padding: 15px 25px 0 25px; width: 410px; height: 45px; background: url(../img/popup/bg_video_info.png) no-repeat 0 0; }
.profile_video_info { float: left; width: 330px; }
.profile_video_title { font-size: 14px; line-height: 18px; font-weight: bold; font-style: italic; color: #421828; }
.profile_video_desc { font-size: 11px; line-height: 14px; font-weight: normal; font-style: normal; color: #292929; }
.profile_video_close { float: right; padding: 7px 0 0 0; }
.profile_video_right { float: left; padding: 0 30px 0 30px; width: 100px; }
#profile_video_thumbs_top { float: left; padding: 23px 33px 20px 34px; width: 33px; height: 17px; }
#profile_video_thumbs_bot { float: left; padding: 20px 33px 0 34px; width: 33px; height: 17px; }
#profile_video_thumbs { float: left; width: 100px; height: 240px; overflow: hidden; }
.video_thumb { cursor: pointer; float: left; margin: 10px 0 10px 0; width: 100px; height: 60px; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: 2px 2px; }

a#btnVideoArrUp, a#btnVideoArrUp:hover, a#btnVideoArrDown, a#btnVideoArrDown:hover { display: block; float: left; width: 33px; height: 17px; text-align: left; text-indent: -9999px; background-image: url(../img/popup/bg_video_arrows.png); background-repeat: no-repeat; background-position: 0 0; }
a#btnVideoArrDown, a#btnVideoArrDown:hover { background-position: -33px 0; }
a#btnVideoArrUp:hover { background-position: 0 -17px; }
a#btnVideoArrDown:hover { background-position: -33px -17px; }

.profile_audio_outer { float: left; width: 260px; height: 116px; background-color: #000000; }
.profile_audio_top { float: left; padding: 0; width: 260px; height: 20px; overflow: hidden; background: url(../img/popup/bg_audio_top.png) no-repeat 0 0; }
.profile_audio_close { float: left; padding: 25px 95px 15px 95px; width: 70px; height: 20px; overflow: hidden; }
#profile_audio_items { float: left; padding: 0 5px 0 5px; width: 250px; } 
#profile_audio_items a { text-decoration: none;}
.audio_item { float: left; width: 250px; height: 30px; overflow: hidden; background-image: url(../img/popup/bg_audio_item.png); background-repeat: no-repeat; background-position: 0 0; }
.audio_item_over { background-position: 0 -30px; }
.audio_item_active { background-position: 0 -60px; }
.audio_item_delim { float: left; margin: 5px 0 5px 0; width: 250px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; background: url(../img/popup/bg_audio_delim.png) no-repeat 0 0; }
.audio_title { float: left; padding: 0 0 0 15px; width: 200px; height: 30px; font-size: 13px; line-height: 30px; font-weight: bold; font-style: italic; color: #421828; }
.audio_length { float: right; padding: 0 10px 0 0; height: 30px; font-size: 11px; line-height: 30px; font-weight: normal; font-style: normal; color: #292929; }
.audio_item_over .audio_title, .audio_item_over .audio_length { color: #dddddd; }
.audio_item_active .audio_title, .audio_item_active .audio_length { color: #ffffff; }

.popup_title { float: left; padding: 0 0 5px 0; width: 680px; height: 30px; text-align: left; text-indent: -9999px; }
.popup_title_login { background: url(../img/popup/txtPleaseLogin.png) no-repeat 0 0; }
.popup_title_login2 { width: 300px; background: url(../img/popup/txtLoginEditProfile.png) no-repeat 0 0; }
.popup_title_join { background: url(../img/popup/txtJoinForm.png) no-repeat 0 0; }
.popup_title_shortlist { background: url(../img/popup/txtRequestTalent.png) no-repeat 0 0; }
.popup_title_email { background: url(../img/popup/txtEmailAFriend.png) no-repeat 0 0; }

.popup_desc { font-size: 13px; line-height: 16px; color: #252525; }
.popup_desc a, .popup_desc a:hover { color: #421828; }
.popup_desc a:hover { color: #33111e; }

.popup_message_inprogress, .popup_message_done, .popup_error_holder { display: none; margin: 20px 0 0 0;}
.popup_error_holder { color: #ff0000; }

.popup_form_login { padding: 20px 0 15px 0; }
.popup_form_login .fl, .popup_form_login .fr { width: 325px; }
.popup_form_login .lbl { float: left; padding: 4px 0 0 0; width: 70px; font-size: 13px; line-height: 16px; color: #252525; }
.popup_form_login .fld { float: right; padding: 0 0 15px 0; }
.popup_form_login2 { padding-top: 10px; }
.login_profile_left { float: left; width: 500px; }
.login_profile_right { float: right; padding: 5px 0 0 0; }

.popup_form_join { padding: 20px 0 15px 0; }
.popup_form_join .fl, .popup_form_login .fr { width: 325px; }
.popup_form_join .lbl { float: left; padding: 4px 0 0 0; width: 70px; font-size: 13px; line-height: 16px; color: #252525; }
.popup_form_join .lblw { padding: 4px 0 0 0; font-size: 13px; line-height: 16px; color: #252525; }
.popup_form_join .lblw span { font-size: 11px; color: #555555; }
.popup_form_join .lbl2 { width: 42px; }
.popup_form_join .lbl3 { width: 32px; }
.popup_form_join .lbl4 { width: 102px; }
.popup_form_join .lbl6 { float: left; padding: 4px 0 0 0; width: 100px; font-size: 13px; line-height: 16px; color: #252525; }
.popup_form_join .fld { float: right; padding: 0 0 15px 0; }
.popup_form_join .fld2 { width: 150px; float: left; padding: 0 0 15px 0; }
.popup_form_join .fld3 { float: right; width: 252px; }
.popup_form_join .fld4 { width: 132px; float: left; padding: 0 0 15px 3px; }
.popup_form_join .fld5 { width: 100px; float: left; padding: 0 0 15px 0; }
.popup_form_join .fld6 { width: 130px; float: left; padding: 0 0 15px 0; }
.popup_form_join .fld7 { width: 660px; float: left; padding: 5px 0 15px 0; }
.popup_form_join .fldwf { width: 322px; float: left; padding: 0 0 15px 0; }
.popup_form_join_delim { float: left; width: 680px; height: 20px; clear: both; }

.it_login, .it_join, .it_join2, .it_join3, .it_join4, .it_join5, .it_join6, .it_join_co { padding: 5px 10px 5px 10px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; }
.it_login { width: 230px; }
.it_join { width: 230px; }
.it_join2 { width: 98px; }
.it_join3 { width: 38px; }
.it_join4 { width: 28px; }
.it_join6 { width: 205px; }
.it_join_co { width: 230px; }

.is_join, .is_join_birth_d, .is_join_birth_m, .is_join_birth_y, .is_join2, .is_join3 { padding: 4px 4px 4px 4px; width: 252px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; }
.is_join { width: 252px; }
.is_join_birth_d { width: 50px; }
.is_join_birth_m { width: 116px; }
.is_join_birth_y { width: 65px; }
.is_join2 { width: 113px; }
.is_join3 { width: 85px; }

.if_join_holder { margin: 8px 0 0 0; padding: 5px 10px 5px 10px; background-color: #ffffff; border: 1px #a2a2a2 solid; }
.if_join { padding: 0; width: 200px; font-size: 11px; background-color: #ffffff; border: 1px #ffffff solid; outline: none; }

.btn_login_now { cursor: pointer; float: right; width: 95px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/popup/btnLoginNow.png) no-repeat 0 0; overflow: hidden; }
.btn_join { cursor: pointer; float: right; width: 105px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/popup/btnApplyToJoin.png) no-repeat 0 0; overflow: hidden; }
.btn_shortlist_next { cursor: pointer; float: right; width: 65px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/popup/btnNext.png) no-repeat 0 0; overflow: hidden; }
.btn_shortlist_send { display: none; cursor: pointer; float: right; width: 135px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/popup/btnSendRequestNow.png) no-repeat 0 0; overflow: hidden; }
.btn_shortlist_back { display: none; cursor: pointer; float: right; margin: 0 10px 0 0; width: 65px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/popup/btnBack.png) no-repeat 0 0; overflow: hidden; }
.btn_email_to_friend { cursor: pointer; float: right; width: 90px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/popup/btnSendEmail.png) no-repeat 0 0; overflow: hidden; }
.btn_ok { cursor: pointer; float: right; width: 90px; height: 20px; text-indent: -9999px; background: url(../img/btn/btnOK.png) no-repeat 0 0; text-align: left; overflow: hidden; }
.fld_error { display: none; position: absolute; padding: 0 0 0 1px; font-size: 11px; line-height: 12px; color: #ff0000; text-align: left; }
#divShortlistSuccessBtns { display: none;}
.checks_holder { padding: 10px 0 0 0; margin: 0; float: left; }
table.tbc_check { border-collapse: collapse; }
table.tbc_check td { padding: 0; }
.box_check { float: left; padding: 0 0 8px 0; width: 108px; line-height:18px; }
.box_check_o { float: left; margin: -5px 0 0 0; padding: 0 0 15px 0; width: 325px; }
.box_check_ol { float: left; padding: 5px 0 0 0; } 
.box_check_or { float: right; padding: 0 0 5px 0; } 
.box_check label, .box_check_o label { padding: 0 0 0 5px; font-size: 11px; line-height: 16px; color: #363636; }

.shortlist_inner { float: left; width: 750px; background-color: #e8e4e2; }
.shortlist_top { float: left; padding: 30px 35px 0 35px; width: 680px; }
.shortlist_left_p { float: left; padding: 49px 5px 0 20px; width: 17px; height: 33px; overflow: hidden; }
.shortlist_right_p { float: left; padding: 49px 20px 0 5px; width: 17px; height: 33px; overflow: hidden; }
.shortlist_left_p a, .shortlist_right a { display: block; }
a#btnShortlistArrLeftP, a#btnShortlistArrLeftP:hover, a#btnShortlistArrRightP, a#btnShortlistArrRightP:hover { display: none; float: left; width: 17px; height: 33px; text-align: left; text-indent: -9999px; background-image: url(../img/popup/bg_shortlist_arrows.png); background-repeat: no-repeat; background-position: 0 0; }
a#btnShortlistArrRightP, a#btnShortlistArrRightP:hover { background-position: -17px 0; }
a#btnShortlistArrLeftP:hover { background-position: 0 -33px; }
a#btnShortlistArrRightP:hover { background-position: -17px -33px; }
.shortlist_items_p { float: left; padding: 10px 0 0 0; width: 665px; height: 112px; overflow: hidden; }
.shortlist_item_p { float: left; margin: 0 10px 0 10px; width: 75px; height: 112px; overflow: hidden; }
.shortlist_photo_p { float: left; width: 75px; height: 112px; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: 0 8px; }
.popup_buttons_shortlist { float: left; padding: 0 35px 30px 35px; width: 680px; height: 20px; overflow: hidden; }
.shortlist_form { float: left; padding: 20px 0 0 0; width: 680px; height: 170px; }

.popup_form_shortlist { float: left; padding: 10px 35px 0 35px; width: 680px; }
.popup_form_shortlist .fl, .popup_form_shortlist .fr, .popup_form_login .fr, .popup_form_join .fr { width: 325px; }
.popup_form_shortlist .lbl { float: left; padding: 4px 0 0 0; width: 70px; font-size: 13px; line-height: 16px; color: #252525; }
.popup_form_shortlist .fld { float: right; padding: 0 0 15px 0; }
.popup_form_shortlist .fld2 { float: left; width: 82px; }
.popup_form_shortlist .fld3 { float: left; width: 102px; }
.popup_form_shortlist .fld4 { float: right; padding: 0 0 15px 0; width: 254px; }
.it_shortlist, .it_shortlist_hours, .it_shortlist_date { padding: 5px 10px 5px 10px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; }
.it_shortlist { width: 232px; }
.it_shortlist_hours { width: 30px; }
.it_shortlist_date { width: 80px; }
.ita_shortlist { padding: 5px 10px 5px 10px; width: 587px; height: 50px; font-family: Arial; font-size: 11px; line-height: 14px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; }

.popup_form_email { padding: 20px 0 15px 0; }
.popup_form_email .fl, .popup_form_email .fr { width: 325px; }
.popup_form_email .lbl { float: left; padding: 4px 0 0 0; width: 100px; font-size: 13px; line-height: 16px; color: #252525; }
.popup_form_email .fld { float: right; padding: 0 0 15px 0; }
.it_email { padding: 5px 10px 5px 10px; width: 202px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; }

#divShortlistSuccessBtn { display: none; }
#btnEmailToFriendOK { display: none; }

/* /GENERIC ELEMENTS IN POPUPS */



/* /POPUPS */

/* whether you need to specify *EXACT* width/height of a popup, do it here, in a separate duplicate definition */

.popup_close
{
	float: right;
	padding: 14px 12px 0 0;
	background: url(../img/popup/close.gif) no-repeat 0 14px;
	width: 26px;
	height: 26px;
	overflow: hidden;
	cursor: pointer;
}

/*.popupTop, */.popupTop2
{
	width: 460px;
	height: 40px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/popup/bg_popup_top.png) no-repeat 0 0;
}

.popupTop2
{
	width: 660px;
	height: 40px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/popup/bg_popup_top2.png) no-repeat 0 0;
}

/*
.popupBot
{
	width: 460px;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/popup/bg_popup_bot.png) no-repeat 0 0;
}
*/

.popupBot2
{
	width: 660px;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/popup/bg_popup_bot2.png) no-repeat 0 0;
}
/*
.popupMid
{
	width: 460px;
	background-color: #ffffff;
}
*/
.popupMid2
{
	width: 660px;
	background-color: #ffffff;
}


.popupMid .inner
{
	margin: 0;
	padding: 0px 30px 20px 30px;
	/*width: 400px;*/
	overflow: hidden;
}
.popupMid2 .inner
{
	padding: 0px 30px 20px 30px;
	width: 600px;
	overflow: hidden;
}

.td_check { padding: 2px 0 0 0; width: 15px; vertical-align: middle; }
.td_lbl { color: #77838e; }

/* Showreel popup */
.showreel_video_outer { float: left; width: 750px; height: 390px;}
.showreel_info_outer { float: left; width: 750px; background-color: #e4e3e3; }
.showreel_info { float: left; padding: 15px 0 15px 15px; width: 635px; overflow-x: hidden; }
.showreel_title { font-size: 14px; line-height: 16px; font-weight: bold; font-style: italic; color: #532035; }
.showreel_desc { font-size: 11px; line-height: 13px; color: #363636; }
.showreel_close { float: left; padding: 20px 10px 20px 10px; width: 70px; height: 20px; overflow: hidden; }

#popupLoginProfile .popupMid .inner, #popupLoginChild .popupMid .inner {
	padding:30px 35px 35px;
}

#popupShowreelBackground, #popupLoginChildBackground, #popupLoginProfileBackground, #popupJoinBackground, #popupClientRequestBackground, #popupShortlistBackground, #popupVideoBackground, #popupAudioBackground, #popupEmailBackground
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: none;
	z-index: 2000;
}

#popupShowreel, #popupLoginChild, #popupLoginProfile, #popupJoin, #popupClientRequest, #popupClient, #popupShortlist, #popupVideo, #popupAudio, #popupEmail
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	border: none;
	z-index: 2100;
	padding: 0;
	font-size: 13px;
}

/* whether you need to specify *EXACT* width/height of a popup, do it here, in a separate duplicate definition */
#popupShowreel { width: 814px; }
#popupLoginChild { width: 786px; }
#popupLoginProfile { width: 786px; }
#popupJoin { width: 786px; }
#popupClientRequest { width: 786px; }
#popupShortlist { width: 814px; }
#popupVideo { width: 630px; }
#popupAudio { width: 296px; }
#popupEmail { width: 786px; }

#popupShowreelClose, #popupVideoClose, #popupAudioClose { cursor: pointer; float: left; width: 70px; height: 20px; background: url(../img/popup/btnClose.png) no-repeat 0 0; overflow: hidden; }
#popupLoginChildClose, #popupLoginProfileClose, #popupJoinClose, #popupJoinClientClose, #popupShortlistClose, #popupEmailClose { cursor: pointer; float: left; width: 105px; height: 20px; background: url(../img/popup/btnCancelAndExit.png) no-repeat 0 0; overflow: hidden; }
#btnJoinOK, #btnJoinClientOK { display: none; }

.popupTopShowreel, .popupTopShortlist { width: 814px; height: 32px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_top_showreel.png) no-repeat 0 0; }
.popupBotShowreel, .popupBotShortlist { width: 814px; height: 32px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_bot_showreel.png) no-repeat 0 0; }
.popupMidShowreel, .popupMidShortlist { width: 814px; background: url(../img/popup/bg_popup_mid_showreel.png) repeat-y 0 0; }

.popupTopVideo { width: 630px; height: 5px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_top_video.png) no-repeat 0 0; }
.popupBotVideo { width: 630px; height: 5px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_bot_video.png) no-repeat 0 0; }
.popupMidVideo { width: 630px; background: url(../img/popup/bg_popup_mid_video.png) repeat-y 0 0; }

.popupTopAudio { width: 296px; height: 18px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_top_audio.png) no-repeat 0 0; }
.popupBotAudio { width: 296px; height: 18px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_bot_audio.png) no-repeat 0 0; }
.popupMidAudio { width: 296px; background: url(../img/popup/bg_popup_mid_audio.png) repeat-y 0 0; }

.popupTop { width: 786px; height: 18px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_top.png) no-repeat 0 0; }
.popupBot { width: 786px; height: 18px; font-size: 1px; line-height: 1px; background: url(../img/popup/bg_popup_bot.png) no-repeat 0 0; }
.popupMid { padding: 0 18px 0 18px; width: 750px; background: url(../img/popup/bg_popup_mid.png) repeat-y 0 0; }

.popupMidShowreel .inner, .popupMidShortlist .inner { padding: 0 32px 0 32px; width: 750px; overflow-x: hidden; }
.popupMidVideo .inner { padding: 0 0 0 5px; width: 625px; overflow-x: hidden; }
.popupMidAudio .inner { padding: 0 18px 0 18px; width: 260px; overflow-x: hidden; }
.popupMid .inner  { padding: 30px 35px 35px 35px; width: 680px; overflow-x: hidden; }

/* /POPUPS */