@charset "utf-8";
/* CSS Document */

html, body{	height:100%; margin:0; padding:0;}
a{ outline:none;}
img{ border:none; padding:0; margin:0;}
p, span, h1, h2, h3, h4{padding:0px;}
p{ text-align:justify;}
ul, li{padding:0; margin:0;}

body{ background:url(../images/body-bg.jpg) repeat-x scroll top #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#565656;}

#main-div{ margin: 0 auto; width:1000px; height:auto !important; height:100%; min-height:100%; position:relative;}
	
/*---------------------------------------------------------------------------------------------------------------- Header Part Start ----------*/
#header{ height:142px; background:url(../images/header-bg.gif) no-repeat scroll bottom; padding-right:79px;}

#logo{padding:0; width:514px; float:left; height:55px; margin:43px 0 0 0px;}
#logo a{  width:514px; height:55px; display:block; text-indent:-9000px; background:url(../images/dear-angel-logo.jpg) no-repeat;}

.top-link{ width:332px; float:right; margin:43px 0px 0 0; padding:8px 0 5px 0px; border-bottom:1px solid #aaa; display:block;}
.top-link a:hover{ text-decoration:none; color:#e2630f;}
.top-link a{ font-size:22px; text-decoration:none; font-weight:bold; color:#565656;}
.top-link a.create-an-angel{ font-size:22px; text-decoration:none; font-weight:bold; color:#e2630f; display:block; float:left; padding:0px 5px 0px 5px; background:url(../images/top-divider.gif) no-repeat scroll right 5px; margin-right:10px; width:214px;}
.top-link a:hover.create-an-angel{color:#565656;}

.top-nav{ width:334px; margin:10px 0px 0 0; float:right; padding:0px; display:block;}
.top-nav a{ float:left; font-size:12px; font-weight:bold; text-decoration:none; color:#aaa; text-transform:uppercase; width:auto;}
.top-nav a:hover{ color:#565656;}
.top-nav a.home{ display:block; height:18px; margin-right:16px; padding:9px 0 0 30px; background:url(../images/home-icon.gif) no-repeat scroll left; width:auto; }
.top-nav a:hover.home{background:url(../images/home-icon-hover.gif) no-repeat scroll left; }

.top-nav a.members{ display:block; height:18px; margin-right:16px; padding:9px 0 0 30px; background:url(../images/members-icon.gif) no-repeat scroll left; width:auto; }
.top-nav a:hover.members{background:url(../images/members-icon-hover.gif) no-repeat scroll left; }

.top-nav a.photo-gallery-link{ display:block; height:18px; padding:9px 0 0 30px; background:url(../images/photo-gallery-icon.gif) no-repeat scroll left; width:auto; }
.top-nav a:hover.photo-gallery-link{background:url(../images/photo-gallery-icon-hover.gif) no-repeat scroll left;}
#welcome-msg{float:left; width:400px; font-size:18px; font-weight:bold; padding:14px 0 0 120px; color:#e2630f;}
#welcome-msg span{color:#565656;}
/*---------------------------------------------------------------------------------------------------------------- Header Part End ----------*/

/*---------------------------------------------------------------------------------------------------------------- Content Part Start ----------*/
#cpart{padding:0px 12px 30px 12px; background:#fff;}
.top-banner{ height:123px; background:url(../images/top-banner-bg.jpg) no-repeat; padding:30px 0px 0px 59px; margin-bottom:20px;}
.top-banner .left{ width:400px; float:left;}
.top-banner .left h1{ color:#fcfcfc; font-size:18px; font-weight:normal; text-transform:uppercase; padding:0; margin:0; border:0 none;}
.top-banner .left p{width:400px; display:block; color:#f5f5f5; line-height:18px; margin:11px 0; float:left;}
.top-banner a{ display:block; float:right; font-size:16px; color:#fcfcfc; width:275px; padding-left:25px; background:url(../images/top-banner-link-arrow.gif) no-repeat scroll left 4px; margin-bottom:17px; font-weight:bold; text-decoration:none;}
.top-banner a:hover{color:#ffb400;}

/*---------------------------------------------------------------------------------------------------------------- Lpart Start ----------*/

#lpart{ float:left; width:650px;}
.box-heading{ margin:0; padding:0;}
.box-heading span.left{display:block; float:left; width:6px; height:31px; background:url(../images/top-curve-left.jpg) no-repeat;}
.box-heading span.middle{display:block; float:left; width:638px; height:31px; background:url(../images/top-curve-middle.jpg) repeat-x;}
.box-heading span.middle h2{ font-size:18px; font-weight:normal; margin:0; padding:5px 0 0 10px; color:#0f5699;}
.box-heading span.right{display:block; float:left; width:6px; height:31px; background:url(../images/top-curve-right.jpg) no-repeat;}
.slider-content{ margin:0 0 20px 0; padding:0; background:url(../images/slider-content-bg.jpg) repeat-y; width:650px;}
.box-bottom-bg{ background:url(../images/top-curve--bottom.jpg) no-repeat; height:7px;}

.featured-angel{ padding:0; margin:0;}
.featured-angel td{ padding:4px;}
.featured-angel td.content{ border-bottom:1px solid #d5d5d5; color:#4c4c4c;}
.featured-angel img{ padding:1px; border: 1px solid #d5d5d5; margin:5px 5px 0px 5px;}
.featured-angel a{ font-weight:bold; color:#e2630f; text-decoration:none; margin-left:17px;}
.featured-angel a:hover{ color:#565656;}
.slider-table{ padding:0px 32px 0px 0px;}

.photo-gallery{ padding:0; margin:0 0 0 27px;}
.photo-gallery td{ padding:2px;}
.photo-gallery img{ padding:1px; border: 1px solid #d5d5d5; margin:5px 5px 0px 5px;}
.photo-gallery a{ font-weight:bold; color:#e2630f; text-decoration:none;}
.photo-gallery a:hover{ color:#565656;}

/*---------------------------------------------------------------------------------------------------------------- Lpart End ----------*/

/*---------------------------------------------------------------------------------------------------------------- Rpart Start ----------*/

#rpart{ float:left; margin-left:25px; width:300px;}
.three-steps{ background:url(../images/3steps-bg.gif) no-repeat; width:300px; height:264px;}
.three-steps ul{ margin:0; padding:0; list-style:none;}
.three-steps li{ padding:38px 0 0 59px; display:block; font-size:11px; color:#707070;}
.three-steps li.second{ padding:49px 0 0 59px;}
.three-steps li.third{ padding:49px 0 0 59px;}
.three-steps li.get-started{ margin:15px 0 0 131px; padding:0; height:29px; width:152px;}
.three-steps li.get-started a{display:block; width:152px; height:29px; text-indent:-9000px;}

.box-login{ margin:20px 0 0 0; padding:0;}
.box-login span.left{display:block; float:left; width:6px; height:32px; background:url(../images/login-top-curve-left.jpg) no-repeat;}
.box-login span.middle{display:block; float:left; width:288px; height:32px; background:url(../images/login-top-curve-middle.jpg) repeat-x;}
.box-login span.middle h3{ font-size:14px; font-weight:bold; margin:0; padding:8px 6px; color:#131313; border:0 none;}
.box-login span.right{display:block; float:left; width:6px; height:32px; background:url(../images/login-top-curve-right.jpg) no-repeat;}
.login{ background:url(../images/login-table-bg.jpg) repeat-y; padding:10px 0 10px 0; clear:left; float:none}
.login td{ padding:4px; color:#4c4c4c;}
.login-btn{ background:url(../images/login-btn-bg.jpg) no-repeat; height:26px; width:76px; color:#fff; font-weight:bold; border:0 none; cursor:pointer;}
.login a{color:#258ecb; text-decoration:none;}
.login a:hover{color:#4c4c4c; text-decoration:underline;}
.login-bottom{ background:url(../images/login-bottom-bg.jpg) no-repeat; height:7px;}


/*---------------------------------------------------------------------------------------------------------------- Rpart End ----------*/

input, textarea{ border:solid 1px #dedede; padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#626262;}
.input_select{ border:solid 1px #dedede; color:#626262;}
/*---------------------------------------------------------------------------------------------------------------- Content Part End ----------*/

/*---------------------------------------------------------------------------------------------------------------- Footer Part Start ----------*/

#footer{margin: 0 auto; background:url(../images/footer-bg.jpg) no-repeat scroll top #fff; height:52px; padding-top:40px; text-align:center;color:#4c4c4c;}
#footer a{ text-decoration:none; color:#4c4c4c; margin:0 14px;}
#footer a:hover{ color:#e2630f;}
#footer span{ text-align:center; display:block; margin-top:19px; color:#e2630f;}

/*---------------------------------------------------------------------------------------------------------------- Footer Part End ----------*/

/*-----------------------------------------------------------------------------------------------------------------Inner Page Style-------------*/

#cpart-inner{padding:0px 12px 30px 12px; background:#fff;}

#three-steps-nav { width:904px; height:64px; margin:0 auto;}
#three-steps-nav ul{ list-style:none; padding:0; margin:0;}
#three-steps-nav li{ width:904px; height:64px;}

#three-steps-nav li.step1{ width:904px; height:64px; background:url(../images/form-3steps-bg.gif) no-repeat;}
#three-steps-nav li.step2{ width:904px; height:64px; background:url(../images/form-3steps-bg.gif) no-repeat scroll 0px -64px;}
#three-steps-nav li.step3{ width:904px; height:64px; background:url(../images/form-3steps-bg.gif) no-repeat scroll 0px -128px;}

#three-steps-nav li span.one{ display:block; font-size:18px; color:#fff; float:left; width:222px; padding:20px 0 0 78px;}
#three-steps-nav li span.two{display:block; font-size:18px; color:#fff; float:left; width:222px; padding:20px 0 0 78px;}
#three-steps-nav li span.three{display:block; font-size:18px; color:#fff; float:left; width:215px; padding:20px 0 0 85px;}


.frm-top-border{ background:url(../images/form-border-top.gif) no-repeat scroll top; width:952px; height:17px;}
.frm-mid-border{ background:url(../images/form-border-mid.gif) repeat-y;  padding:17px 39px 17px 39px;}
.frm-bottom-border{ background:url(../images/form-border-bottom.gif) no-repeat scroll top; width:952px; height:17px;}

.form-content{ margin:0; padding:0;}
.form-content a{ color:#e2630f; text-decoration:none;}
.form-content a:hover{ color:#565656;}

.icon-step1{ background:url(../images/icon-step1.gif) no-repeat scroll left; height:61px;}
.icon-step2{ background:url(../images/icon-step2.gif) no-repeat scroll left; height:61px;}
.icon-step3{ background:url(../images/icon-step3.gif) no-repeat scroll left; height:61px;}
h1{ font-size:30px; color:#565656; padding:0; margin:0; border-bottom:1px solid #e4e4e4; padding-bottom:5px; margin-bottom:20px;}


.form-content h2{ border-bottom:1px solid #e4e4e4; font-size:16px; color:#565656;margin:0; padding:0px 0px 5px 5px;}
.v-divider-or{ background:url(../images/v-divider-or.gif) no-repeat 2px 45px; height:263px; width:70px; margin:0 10px;}

.sign-in-btn{ background:url(../images/steps-sign-in-btn.gif) no-repeat; width:113px; cursor:pointer; color:#fcfcfc; font-size:16px; border:0 none; font-weight:bold; padding:7px 0 30px 0px;}

.continue-btn{ background:url(../images/continue-btn.jpg) no-repeat; width:133px; cursor:pointer; color:#fcfcfc; font-size:16px; border:0 none; font-weight:bold; padding:6px 25px 30px 0px;}
.publish-btn{ background:url(../images/continue-btn.jpg) no-repeat; width:133px; cursor:pointer; color:#fcfcfc; font-size:16px; border:0 none; font-weight:bold; padding:6px 25px 30px 0px;}


.preview-btn{ background:url(../images/preview-page-btn.jpg) no-repeat; width:143px; cursor:pointer; color:#fcfcfc; font-size:16px; border:0 none; font-weight:bold; padding:6px 0px 30px 0px; margin-right:30px;}


.forgot-password a{ display:block; margin-bottom:25px; color:#838383; font-weight:normal;}
.forgot-password a:hover{ color:#565656;}

.template{ margin:35px auto 0 auto;}
.template img{ border:2px solid #dbdbdb;}
.template .bottom-bg{ background:url(../images/tmp-thumb-bottom-bg.jpg) no-repeat; height:48px; padding:10px 0 0 22px;}
.template .bottom-bg span.selected{ display:block; text-align:center; padding:20px 45px 0px 22px; font-weight:bold; color:#e2630f; text-transform:uppercase;}
.template .bottom-bg span{ display:block; text-align:center; padding:20px 45px 0px 22px; font-weight:bold; color:#565656; text-transform:uppercase;}

/*------------------------------------------------------------------------------------------------------------------Photo Gallery Style-------------*/

.pgallery-bottom{ background:url(../images/p-gallery-bottom-curve.jpg) no-repeat scroll bottom; height:6px;}
.pgallery-middle{ background:url(../images/p-gallery-middle.jpg) repeat-y;}


.pgallery-frame{ width:600px; padding:0px 25px 0px 25px;}
.pgallery-frame .toplink{ margin:0px;}
.pgallery-frame a{color:#e2630f; text-decoration:none;}
.pgallery-frame a:hover{ color:#565656;}
.pgallery-frame img{display:block;border:1px solid #e3e3e3; padding:2px; background:#f8f8f8; margin-right:5px;}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background:url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

/*-------------------------------------------------------------------------------------------------------------Photo Gallery Style End-------------*/

/*--------------------------------------------------------------------------------------------------------------Member Search Style-------------*/

.member-search{ padding:20px 0px;}


/* -------------------------------------------- */
/* 		Pagination: pgallery						*/
/* -------------------------------------------- */
.paging {margin:0px 0 10px 0px; text-align:right; padding:8px 25px 0px 0px;}

ul{ margin:0; padding:0;}
	
	#pagination-pgallery li{
		border:0; margin:0; padding:0;
		font-size:11px;
		list-style:none;
		display:inline;
	}
	#pagination-pgallery a{
		border:solid 1px #DDDDDD;
		margin-right:2px;
	}
	#pagination-pgallery .previous-off,
	#pagination-pgallery .next-off {
		color:#838383;
		font-weight:bold;
		padding:5px 6px;
	}
	#pagination-pgallery .next a,
	#pagination-pgallery .previous a {
		font-weight:bold;
		border:solid 1px #FFFFFF;
	}	
	#pagination-pgallery .active{
		color:#e2630f;
		font-weight:bold;
		padding:6px 8px;
	}
	#pagination-pgallery a:link, 
	#pagination-pgallery a:visited {
		color:#4489bc;
 		padding:5px 10px;
		text-decoration:none;
	}
	#pagination-pgallery a:hover{
		border:solid 1px #e2630f;
		font-weight:bold;
		color:#e2630f;
}

/*---------------------------------------------------- Grid Table Start ---------------------*/
.main-wrapl{ width:560px; float:left; margin:0; padding:0; display:block;}
.main-wrapr{ width:220px; float:right; margin:0; padding:0; display:block; padding-left:20px;}
.main-wrapr ul{ margin:0; padding:0; list-style:none;}
.main-wrapr li{ display:block; border-bottom: 1px solid #ededed; padding:10px 0px 10px 0px;}
.main-wrapr li a{ color:#565656; font-size:12px; font-weight:bold; background:url(../images/arrow-sprit.gif) no-repeat scroll 4px 3px; padding-left:20px;}
.main-wrapr li a:hover{background:url(../images/arrow-sprit.gif) no-repeat scroll 4px -11px; color:#e2630f; padding-left:22px;}
.main-wrapr li.heading{ font-size:20px; color:565656; color:#e2630f;}

#rounded-corner{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	border-collapse:collapse;
	border:1px solid #e7e7e7;
}
#rounded-corner th{font-weight:normal; font-size:13px; color:#333; background:#dcecf6; padding:8px; border:1px solid #ccc;}
#rounded-corner td{color:#333; padding:8px;	border:1px solid #e7e7e7;}
#rounded-corner tfoot td.rounded-foot-right{background:#f6f8f9 url("#") right bottom no-repeat}
#rounded-corner tbody tr:hover td{background:#f2f3f3}
#rounded-corner tr.light-bg{ background:#fff;}
#rounded-corner tr.dark-bg{ background:#f9f9f9;}
/*---------------------------------------------------- Grid Table End ---------------------*/

#Formfield {
	font-size:12px;
	left:720px;
	margin:0 0 10px;
	padding:5px;
	position:absolute;
	top:8px;
	width:200px;
}
#Formbutton {
	left:910px;
	position:absolute;
	top:12px;
	border:0;
	padding:0;
	}



/*------------------------------------------------------------------------------------------------------------------Extra Classe-------------*/

hr{ margin:5px 0; color:#e4e4e4;}
.big-text{ font-size:18px; padding:10px 0px 15px 78px;}
.h-divider{ background:url(../images/page-divider.gif) no-repeat scroll center; height:62px;}
.clear{ clear:both;}
.noborder{ border:0 none;}
.left{ float:left;}

.P6 td{ padding:6px;}
.P2 td{padding:2px;}
.MB10{ margin-bottom:10px;}
.PL78{ padding-left:78px;}
.MP10{ padding-top:10px;}
.P40{ padding-left:40px;}