/*
 # AUTHOR : Rishee Patel
 # DESCRIPTION : Header : Add
 # CREATED : 22.08.12
 */

/*
 # ----------------- OVERLAY
 */
#overlay_screen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
    cursor:pointer;
    background-color:#000000;
    z-index:120;
}
#overlay_holder {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    overflow:auto;
    cursor:pointer;
    background-color:transparent;
	z-index:125;
}
#overlay_window {
	position:relative;
	margin:40px auto;
	padding:22px 54px 35px;
	width:760px;
	min-height:240px;
	border-radius:4px;
	-moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
    opacity:1.0;
    cursor:default;
	background:#fff;
    z-index:130;
}
#overlay_holder.overlay_loading #overlay_window {
	background-repeat:no-repeat;
	background-image:url('/images/forms/loading.gif');
	background-position:center center;
}
#overlay_holder #overlay_holder_content {
	position:relative;
	width:100%;
	height:100%;
}
#overlay_holder_content #add_overlay_loader {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.9);
	z-index:140;
}
#overlay_holder_content #add_overlay_loader img {
    display:block;
    margin:100px auto 0;
    height:60px;
    width:60px;
}
#overlay_holder.overlay_loading #overlay_holder_content #add_overlay_loader {
	display:block;
}
#overlay_window #overlay_close {
	position:absolute;
	top:7px;
	right:7px;
	width: 15px;
	height: 15px;
	text-indent:-9999em;
	cursor:pointer;
	background: url("/images/general/overlay-close.png") no-repeat scroll 0px 0px;
}
#overlay_window #overlay_close:hover,
#overlay_window #overlay_close.hovered {
	background-position:0 -15px;
}

/*
 # ----------------- ADD MEDIA : Main
*/
#add_user_media {
	min-height:200px;
	background:#fff;
}
#add_user_media header {
	position:relative;
	margin-bottom:22px;
	background:url('../../images/general/h-border.gif') repeat-x left bottom;
}
#add_user_media header #back_to_main {
	position:absolute;
	top:0px;
	left:0px;
	padding-left:20px;
	font-size:22px;
	line-height:25px;
	font-family:'Times', 'Palatino Linotype', 'Times New Roman', serif;
	font-style:italic;
	font-weight:300;
	text-decoration:none;
	background:url('../../images/site/header/spr_add_back.gif') no-repeat 4px 4px;
	color:#dedede;
}
#add_user_media header #back_to_main:hover {
	color:#000;
	background-position:4px -116px;
}
#add_user_media header h2 {
	padding-bottom:5px;
	font-size:18px;
	line-height:26px;
	font-weight:300;
	text-align:center;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#000;
}
#add_user_media h3 {
	margin-bottom:6px;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#000;
}
#add_user_media h4 {
	margin-bottom:6px;
	font-size:17px;
	line-height:22px;
	font-family:'Times', 'Palatino Linotype', 'Times New Roman', serif;
	font-style:italic;
	font-weight:300;
	letter-spacing:-0.4px;
	color:#484848;
}
#add_user_media .add_user_content h4 {
	font-size:19px;
	line-height:22px;
	font-family:"Helvetica Neue", "Century Gothic", "Helvetica", "Arial", sans-serif;
	font-weight:300;
	font-style:normal;
	letter-spacing:0px;
	color:#000;
}
#add_user_media .add_user_content h4 span {
	color:#999;
}
#add_user_media .add_user_content header {
	margin:0;
	padding:0;
	background:none;
}
#add_user_media p {
	margin-bottom:12px;
	font-size:11px;
	line-height:15px;
	color:#484848;
}

/*
 # ----------------- ADD MEDIA : Forms
*/
#add_user_media form .form_submit {
	margin-top:15px;
	width:143px;
	height:21px;
	border:none;
	font-size:11px;
	line-height:21px;
	font-family:"Helvetica Neue", "Century Gothic", "Helvetica", "Arial", sans-serif;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	cursor:pointer;
	text-transform:uppercase;
	background:#000;
	color:#fff;
}
#add_user_media form .form_submit:hover {
	background:#C444C1;
}

/*
 # ----------------- ADD MEDIA : Tiles
*/
#add_user_media #add_user_media_tiles .media_tile {
	position:relative;
	float:left;
	margin-left:45px;
	width:223px;
	height:204px;
}
#add_user_media #add_user_media_tiles .media_tile:first-child {
	margin-left:0px;
}
#add_user_media #add_user_media_tiles .media_tile a {
	display:block;
	width:100%;
	height:100%;
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
	text-decoration:none;
}
#add_user_media #add_user_media_tiles .media_tile .media_tile_gradient {
	position:absolute;
	top:-5px;
	left:-5px;
	display:block;
	width:233px;
	height:209px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(30%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* W3C */
	z-index:135;
}
#add_user_media #add_user_media_tiles .media_tile a:hover .media_tile_gradient {
	background:transparent;
}
#add_user_media #add_user_media_tiles .media_tile a .media_tile_metas {
	display:block;
}
#add_user_media #add_user_media_tiles .media_tile a .media_icon {
	position:relative;
	display:block;
	margin:0 auto;
	height:100px;
	background-repeat:no-repeat;
	background-image:url('../../images/site/header/spr_add_media.gif');
	z-index:140;
}

/*
 # ----------------- ADD MEDIA : Tiles - Blog
*/
#add_user_media #add_user_media_tiles #blog_tile a .media_tile_metas {
	padding-top:46px;
}
#add_user_media #add_user_media_tiles #blog_tile a .media_icon {
	width:43px;
	height:48px;
	background-position:0px -76px;
}
#add_user_media #add_user_media_tiles #blog_tile a:hover .media_icon {
	background-position:-76px -76px;
}

/*
 # ----------------- ADD MEDIA : Tiles - Photo
*/
#add_user_media #add_user_media_tiles #photo_tile a .media_tile_metas {
	padding-top:39px;
}
#add_user_media #add_user_media_tiles #photo_tile a .media_icon {
	width:75px;
	height:55px;
	background-position:0px 0px;
}
#add_user_media #add_user_media_tiles #photo_tile a:hover .media_icon {
	background-position:-76px 0px;
}

/*
 # ----------------- ADD MEDIA : Tiles - Video
*/
#add_user_media #add_user_media_tiles #video_tile a .media_tile_metas {
	padding-top:42px;
}
#add_user_media #add_user_media_tiles #video_tile a .media_icon {
	width:51px;
	height:52px;
	background-position:0px -152px;
}
#add_user_media #add_user_media_tiles #video_tile a:hover .media_icon {
	background-position:-76px -152px;
}

/*
 # ----------------- ADD MEDIA : Title
*/
#add_user_media #add_user_media_tiles .media_tile a .media_title {
	position:relative;
	display:block;
	padding-top:30px;
	font-size:19px;
	line-height:15px;
	font-weight:200;
	text-align:center;
	color:#000;
	z-index:140;
}
#add_user_media #add_user_media_tiles .media_tile a .media_title strong {
	font-weight:bold;
}
#add_user_media #add_user_media_tiles .media_tile a:hover .media_title {
	color:#C444C1;
}

/*
 # ----------------- ADD MEDIA : Cta
*/
#add_user_media #add_user_media_tiles .media_tile a .media_cta {
	position:relative;
	display:block;
	padding-top:15px;
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	text-align:center;
	color:#C444C1;
	z-index:140;
}

/*
 # ----------------- ADD MEDIA : Float Clearing
*/
#add_user_media:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
 # ----------------- ADD PINTEREST BOARD : Main
*/
#add_pinterest_board {
	float:left;
	width:275px;	
}

/*
 # ----------------- ADD PINTEREST BOARD : Form
*/
#add_pinterest_board_content {
	position:relative;
}
#add_pinterest_board #add_pinterest_board_form input.text-input {
	width:248px;
}
#add_pinterest_board #add_pinterest_board_form #add_pinterest_board_notice {
	margin-top:-4px;
	font-size:11px;
	line-height:15px;
	font-family:'Times', 'Palatino Linotype', 'Times New Roman', serif;
	font-style:italic;
	color:#666666;
}

/*
 # ----------------- ADD PINTEREST BOARD : Form Loading
*/
#add_pinterest_board_content #loader {
	display:none;
}
#add_pinterest_board_content.form_loading #loader {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	background-color:rgba( 255, 255, 255, 0.9);
	z-index:10;
}
#add_pinterest_board_content.form_loading #loader img {
	display:block;
	margin:25px auto 0;
	width:60px;
	height:60px;
}

/*
 # ----------------- ADD PINTEREST BOARD : Form Loading
*/
#add_pinterest_board_content #loader {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba( 255, 255, 255, 0.9);
	z-index:10;
}
#add_pinterest_board_content #loader .ajax_loading,
#add_pinterest_board_content #loader #add_pinterest_board_success,
#add_pinterest_board_content #loader #add_pinterest_board_failed {
	display:none;
}
#add_pinterest_board_content.form_loading #loader,
#add_pinterest_board_content.form_success #loader,
#add_pinterest_board_content.form_failed #loader {
	display:block;
}
#add_pinterest_board_content.form_loading #loader .ajax_loading {
	display:block;
	margin:25px auto 0;
	width:60px;
	height:60px;
}
#add_pinterest_board_content.form_success #loader #add_pinterest_board_success,
#add_pinterest_board_content.form_failed #loader #add_pinterest_board_failed {
	display:block;
	margin-top:49px;
	margin-left:5px;
	padding:0 0 0 25px;
	font-size:13px;
	line-height:16px;
	color:#3d8337;
    background:url('/images/icons/ico_tick.png') no-repeat left top;
}
#add_pinterest_board_content.form_failed #loader #add_pinterest_board_failed {
	color:#FF0556;
    background:url('/images/icons/ico_cross.png') no-repeat left top;
}
#add_pinterest_board #user_pinterest_boards {
	margin-top:32px;
}
    
/*
 # ----------------- UPLOAD PHOTOS : Main
*/
#add_photos {
	float:right;
	width:320px;
}

/*
 # ----------------- UPLOAD PHOTOS : Link
*/
#add_photos #upload_photos_link {
	display:block;
	margin-top:15px;
	width:143px;
	height:21px;
	border:none;
	font-size:11px;
	line-height:21px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	background:#000;
	color:#fff;
}
#add_photos #upload_photos_link:hover {
	background:#C444C1;
}

/*
 # ----------------- ADD BEAUTY BLOG : Main
*/
#add_user_beauty_blog #user_beauty_blog {
	
}
#add_beauty_blog_content {
	position:relative;
	min-height:30px;
}
#add_user_beauty_blog_notice {
	margin-top:-4px;
	font-size:11px;
	line-height:15px;
	font-family:'Times', 'Palatino Linotype', 'Times New Roman', serif;
	font-style:italic;
	color:#666666;
}
#add_user_beauty_blog #add_user_beauty_blog_form input.text-input {
	width:454px;
}
#user_beauty_blog h5 {
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#000;
}
#user_beauty_blog h5 span {
	font-weight:normal;
}
#user_beauty_blog p {
	font-size:10px;
	line-height:15px;
	color:#999;
}
#user_beauty_blog p a {
	font-weight:bold;
	text-decoration:none;
	color:#C444C1;
}
#add_widget {
	font-size:11px;
	line-height:15px;
	font-weight:bold;
}

/*
 # ----------------- ADD BEAUTY BLOG : Form Loading
*/
#add_beauty_blog_content #loader {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba( 255, 255, 255, 0.9);
	z-index:10;
}
#add_beauty_blog_content #loader .ajax_loading,
#add_beauty_blog_content #loader #add_beauty_blog_success,
#add_beauty_blog_content #loader #add_beauty_blog_failed {
	display:none;
}
#add_beauty_blog_content.form_loading #loader,
#add_beauty_blog_content.form_success #loader,
#add_beauty_blog_content.form_failed #loader {
	display:block;
}
#add_beauty_blog_content.form_loading #loader .ajax_loading {
	display:block;
	margin:25px auto 0;
	width:60px;
	height:60px;
}
#add_beauty_blog_content.form_success #loader #add_beauty_blog_success,
#add_beauty_blog_content.form_failed #loader #add_beauty_blog_failed {
	display:block;
	margin-left:5px;
	margin-bottom:6px;
	padding-left:22px;
	font-size:17px;
	line-height:22px;
	font-family:'Times', 'Palatino Linotype', 'Times New Roman', serif;
	font-style:italic;
	font-weight:300;
	letter-spacing:-0.4px;
	color:#3d8337;
    background:url('/images/icons/ico_tick.png') no-repeat 0px 1px;
}
#add_beauty_blog_content.form_failed #loader #add_beauty_blog_failed {
	color:#FF0556;
    background:url('/images/icons/ico_cross.png') no-repeat left top;
}
#add_beauty_blog_content #user_beauty_blogs {
	margin-top:32px;
}
