/** Reset all default characteristics of elements **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: arial;
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/** Site Specific CSS starts here **/

#content {
	position: relative;
	width: 1020px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


#banner {
	position: relative;
	width: 100%;
	height: 83px;
	background-image: url("../images/header_bg.gif")
}

#footer {
	position: relative;
	float: left;
	width: 100%;
	height: 132px;
	background-image: url("../images/childconnect_footer.gif")
}

#cclogo {
	position: absolute;
	left: 42px;
	top: 15px;
	cursor:pointer;
}

#social {
	position: relative;
	float: left;
	width: 100%;
	height: 45px;
	background-image: url("../images/cc_social_bg.gif")	
}

#topnav {
	position: relative;
	width: 1020px;
	height: 35px;
	background-color: #cfcfcf;
}

#topnavin {
	position: relative;
	width: 1018px;
	height: 35px;
	left: 1px;
	background-image: url("../images/cc_top_nav_bg.gif");	
}

#topnavinbl {
	position: relative;
	width: 1018px;
	height: 35px;
	left: 1px;
	background-image: url("../images/cc_top_nav_bg_bl.gif");	
}

#cc_topnav_bl {
	position: relative;
	width: 1020px;
	height: 32px;
	background-image: url("../images/cc_bl_bg.gif");

}

#cc_topnav_bl_cmnt1 {
	position: absolute;
	left: 62px;
	color: white;
	top: 9px;
		
	}
	

#cclogin {
	border:0px solid red;	
	position:relative;
	text-align:right;
	float:right;
	top:6px;		
	width:400px;	
	overflow:hidden;	
	height: 30px;
	margin-right:10px;
}
#ccloggedintext{
	position:relative;		
	color:#175399;		
	text-align: left;
	font-size:10px;
	padding-right: 5px;
	top:-8px;
	}
	
	
#cc_home_tab {
	position: absolute;
	left    : 50px;
	top     : 0px;
	}
	
#cc_myaccount_tab {
	position: absolute;
	left    : 130px;
	top		: 0px;
	}	

#mainout {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: #f8f8f8;	
}

#main {
	position: relative;
	width: 100%;
	float: left;
	height: auto;
	background-image: url("../images/cc_main_bg.gif");	
	background-repeat: repeat-x;	
	padding-top: 5px;
}

/*#leftblock {
	position: relative;
	float: left;
	width: 745px;
	height: auto;
	left:0px;border: 1px solid;
}

#rightblock {
	position: relative;
	float: left;
	width: 215px;
	height: auto;
	left:10px;	border: 1px solid;
}*/

#leftblock {
	position: relative;
	float: left;
	width: 790px;
	height: auto;
}

#rightblock {
	position: relative;
	float: left;
	width: 228px;
	height: auto;
    margin-top:3px;
    background-color:white;
}
#ccleftblock {
	position: relative;
	float: left;
	width: 1020px;
	height: auto;	
}

#leftcontent {
	position: relative;
	float: left;
	width: 765px;
	height: auto;
	margin-left: 25px;
}
#infodiv {
	position: relative;
	float: left;
	width: 745px;
	height: 50px;
	margin-left: 25px;
    border: 1px solid #E1E1E1;
    margin-top: 5px;
    background-color:#FFF400
}
#infodiv_a01_close {
	position:absolute;
    right:5px;
    top:4px;
}
#infodiv_d01 {
	position: relative;
	width: 745px;
	height: auto;
    margin-top:15px;
}
.infodiv_s01 {
    font-size:13px;
    color:red;
    cursor:pointer;
    text-decoration: underline;
}
.infodisplaydiv_c01{
    position:relative;
    width:940px;
    min-height: 30px;
    height:auto !important;
    height:30px;
    margin-left:10px;
}
.infodisplaydiv_c01 span{
    position:relative;
    margin-top:15px;
    color:#666666;
    font-size: 13px;
    line-height: 18px;
}
.ccleftcontent {	
	width: 950px;	
}


/* Lalith -- Start of styles specifically for public pages -- 05-05-2010 */
#leftblock_pub {
	position: relative;
	float: left;
	width: 765px;
	height: auto;
	left:20px; 
}

#rightblock_pub {
	position: relative;
	float: left;
	width: 215px;
	height: auto;
	left:30px;	
}
/* Lalith -- End */

#bottomblock {
	position: relative;
	float: left;
	clear: both;
	width: 1020px;
	height: 20px;
}

#indexleftouter {
	border: 1px solid #efefef;
	position: relative;
	left: 20px;
	top: 5px;
	width: 765px;
	height: 365px;	
	background-color: #ffffff;
}

#indexicon {
	position: relative;
	left: 20px;
	width: 765px;
	height: 145px;	
	background-image: url("../images/cc_index_icons_bg.gif");	
}

#indexleft {
	border: 1px solid #efefef;
	position: relative;
	left: 7px;
	top: 7px;
	width: 749px;
	height: 345px;	
}

#cc_login_div {
	position: relative; 
	top: 5px;
	left: 10px;
	width: 194px;
	height: 149px;
	border: 1px solid #f1f1f1; 	
	
	
}

#cc_adopt_contactus {
	position: relative; 
	top: 5px;
	left: 10px;
	width: 194px;
	height: 149px;
	background-image: url("../images/adopt_contactus_bg.gif");	
		
}

#cc_birth_contactus {
	position: relative; 
	top: 10px;
	left: 10px;
	width: 194px;
	height: 149px;
	background-image: url("../images/birth_contactus_bg.gif");	
		
}

#cc_agency_contactus {
	position: relative; 
	top: 15px;
	left: 10px;
	width: 194px;
	height: 149px;
	border: 1px solid #f1f1f1;
	background-color:white; 	
		
}

/* Auth login Page */

#loginbox {
	position: relative;
	top: 5px;
	left: 20px;
	width: 754px;
	height: 120px;
	
}

#c10_noacct {
	position: relative;
	top: 12px;
	left: 20px;
	width: 754px;
	height: 40px;
	background-color: white;
	border: 1px solid #f3f3f3;
	
}

#c10_loginerr {
	position: 			relative;
	top:				10px;
	color:				red;
	left:				20px;
	}

#loginerrmsg {
	position:			relative;
	left:				200px;
	
	}
#c10sp1 {
	position: 	absolute; 
	left:		20px;
	top:		12px;
	font-size:	14px;
	color:		#818181;
	
	}

#loginboxleft {
	position: relative;
	float: left;
	width: 52px;
	height: 120px;
	background-image: url("../images/loginboxleft.gif");	

}

#cc_user_login {
	position:	absolute;
	left:		0px;
	top:		40px;	
	
}

#loginboxmid {
	position: relative;
	float: left;
	width: 650px;
	height: 120px;
	background-image: url("../images/loginboxmid.gif");	
	
}

#loginboxright {
	position: relative;
	float: left;
	width: 52px;
	height: 120px;
	background-image: url("../images/loginboxright.gif");	
	
}

#cclogincontainer {
	position: relative;
	left: 150px;
	top: 27px;	
	height: 65px;
	width: 360px;

	
}

.ccloginform_div {
	position: 		relative;
	width:			360px;
	height:			32px;
	background:		white;
	
	}

#cc_loginform_dummy_div {
	position: 		relative;
	width:			360px;
	height:			1px;		
}

#cc_loginform_cb1{
	position: 		absolute;
	left:			365px;
	top: 			10px;
	font-size:		10px;	
	}
	
	
#cc_loginform_sp1{
	position: 		absolute;
	left:			386px;
	top: 			14px;
	color:			#ABD7F0;
	font-size:		10px;	
	white-space:    nowrap;		
	}	

#cc_openforgotpwdialog {
	position: 		absolute;
	left:			386px;
	top:			34px;
	color:			white;
	white-space:    nowrap;		
	font-size:		10px;
	cursor:pointer;
	}	

.cc_form_label1 {
	color:			#75839E;
	font-size:		12px;
	top:			9px;
	left:			5px;
	position:		relative;
	
	}
	
.cc_form_label2 {
	color:			#75839E;
	font-size:		12px;
	top:			10px;
	left:			5px;
	position:		relative;
	
	}	

.cc_lbl_end {
	color:			#75839E;
	font-size:		12px;
	top:			9px;
	left:			5px;
	position:		relative;
	
	}
		
.cc_req_lbl {
	color:			#FDA42E;
	font-size:		12px;
	top:			9px;
	left:			5px;
	position:		relative;
	
	}
	
#ccloginform_username {
	position:			absolute;
	left:				90px;
	top:				5px;
	width:				255px;
	height:				20px;
	border:				0;
	background-color:	#DDE4F2;
	
	}		

#ccloginform_password {
	position:			absolute;
	left:				90px;
	top:				5px;
	width:				150px;
	height:				20px;
	border:				0;
	background-color:	#DDE4F2;
	
	}	

#ccloginform_submit {
	position:			absolute;
	left:				260px;
	top:				3px;	
	
	}	
	
.formFld {
	
	}	
	
.cc_paging_c01	{
	color:				#4485BB;	
	cursor:				pointer;		
}
.cc_paging_c02 {
	color:				#666666;
	cursor:				default;
}

.cc_inquiryspan{
	position:relative;
	font-size: 15px;
	font-weight: bold;
	font-family: arial;
	left:10px;
	top:15px;
	color:#FFFFFF;
}

.cc_inquiryspan2{
	position:relative;
	font-size: 12px;
	font-family: arial;
	line-height:15px;
	left:10px;
	top:15px;
	color:#FFFFFF;
	
}

.cc_inqdummy1{
	position: relative;
	height:10px;	
}

.cc_inqdummy2{
    position: relative;
    height:3px;
}

#cc_apinqspan_d01{
	color:#94CFED;
}


#cc_bpinqspan_d01{
	color:#FFEB95;
}


#cc_aginqspan_d01{
	color:#9F9F9F;
}

.cc_inquiry_btn{
	position:absolute;
	left:25px;
	bottom:15px;
}

#cc_agingtitle_div{
	color:#4D4D4D;
}

#cc_logindummy_div{
	position:relative;
	height:12px;
}

/* Lalith - 11-May-2010 - Start - Added styles for forgot password dialog box */
#cc_fpwerrmsg{
	position:absolute;	
	bottom:12px;
	left:20px;
}

#cc_fpwform_email{
	position:absolute;
	left:20px;
	bottom:33px;
	width:200px;
        height: 17px;
}

#cc_fpwform_submit{
	position:absolute;
	right:100px;
	bottom:33px;
	width:70px;
	cursor: pointer;
}

#cc_fpwmsgsndg{
    position:relative;
    height: 90px;
    padding-top: 20px;
}

/* Lalith - 11-May-2010 - End */

.social_links{
	position:absolute;
	left:139px;
	width:202px;
	height:46px;
}

#social_d1{
	left:139px;
}

#social_d2{
	left:341px;
}

#social_d3{
	left:483px;
}

#social_d4{
	left:630px;	
}

#social_d5{
	left:661px;
}

#social_d6{
	left:692px;
}

#social_d7{
	left:723px;	
}

#social_d8{
	left:754px;	
}

#social_d9{
	left:785px;	
}

#social_d10{
	left:816px;
}

#social_d11{
	left:847px;
}

#social_d1_s1{
	position:relative;
	top:15px;
	color:#008ad2; 
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
}

#twitter{
	position:absolute;
	left:0px;
	top:2px;
	cursor:pointer;
}

#facebook{
	position:absolute;
	left:0px;
	top:10px;
	cursor:pointer;
}

.social_link_icons{
	position:absolute;
	left:0px;
	top:12px;
	cursor:pointer;
}

.footer_links{
	text-decoration:none;
	color:#008bce;
}

.footer_cpyrht{
	position: relative;
	top:7px; 
	color: #666666; 
	font-size: 11px;
}

.footer_img{
	position:absolute;
	width:146px;
	height:32px;
	left:439px; 
	top:40px;
	background-image: url("../images/footer.gif");	
}

.footer_s1{
	position: relative;
	height:30px; 
	color: #008ad2; 
	font-size: 13px;
}

.footer_d1{
	position: relative; 
	height: 80px; 
	width: 100%;  
	top : 35px; 
	text-align: center;  
	color: #666666 ;
}

.ui-datepicker-trigger{
    position:  absolute; 
    top:       7px; 
    left:      232px; 
    margin-left:12px;
    width:     21px; 
    height:    21px;
}

/*Style for the context switch bread crumbs*/
.contextSwitch_bc_d01{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
}

.contextSwitch_bc_d01_index{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				745px;
	top:                1px;
}

.contextSwitch_bc_d01_calbum{
	position:			relative;		
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");	
	top:                4px;
}

.contextSwitch_bc_d01_messsages{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");	
	width:				743px;	
	left:				1px;
	top:                1px
}

.contextSwitch_bc_d01_chprofile{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				745px;	
}

.contextSwitch_bc_d01_acctpwd{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				742px;	
	top:				6px;
}

.contextSwitch_bc_d01_chprofilebpinfo{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				745px;	
	top:				4px;
}

.contextSwitch_bc_d01_resources{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				745px;	
	top:				2px;
}

.contextSwitch_bc_d01_help{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				743px;	
	top:				1px;
}

.contextSwitch_bc_d01_albumcontent{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				745px;	
	right:				1px;	
}

.contextSwitch_bc_d01_albumdetails{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:				743px;	
	top:				4px;
}

.contextSwitch_bc_d01_s01{
	position:			absolute;
	left:				10px;
	color:				#5E96C5;
	top:				15px;
	width:				75px;
	cursor:				pointer;
}

.contextSwitch_bc_d01_s02{
	position:			absolute;
	left:				10px;
	color:				#666666;
	font-weight:		bold;
	top:				15px;
	width:				255px;
}

.contextSwitch_bc_d01_s03{
	position:			absolute;
	left:				370px;
	color:				#666666;
	top:				15px;
	width:				190px;
}

.contextSwitch_bc_d01_s04{
	position:			absolute;
	right:				10px;
	top:				15px;
	color:				#FA7901;
	width:				135px;
	cursor:				pointer;
}

.contextSwitch_bc_d01_settings{
	position:			relative;
	border:				1px solid #E1E1E1;
	height:				40px;
	background: 		#fff;
	background-image:   url("/images/title_dots.gif");
	width:              743px;
}


#cancel_dialog_d01 {
	position: 			relative;
	width:				300px;
	height: 			100px;
	display:			none;	
}

#cancel_dialog_d02 {
	position:			absolute;
	top:				10px;
}

#cancel_dialog_d03 {
	position: 			relative;
	float: 				right;
	top: 				30px;
}

div.sc_menu {
	position: relative;
	overflow: auto;
	width: 740px;
	left:0px;
}
ul.sc_menu {
	display: block;
	/* max width here, for users without javascript */
	width: 1500px;
	/* removing default styling */
	margin: 0px;
	
	list-style: none;
	padding:0px;
}
.sc_menu li {
	display: block;
	float: left; 
	 
}

.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	
}
.sc_menu a:hover img {
	
}

.list_hm {
	position: relative;
	margin-left: 30px;
	list-style-image: url("../images/star.gif");
}

.dlg_btn {
	text-align: center;	
	height: 25px;
	width: 45px;
	cursor:pointer;
}	

ul {
	margin: 0;
}

/*processing css styles needed for dialog box*/

/* dialog box */
#dialog{
	display: block;
	z-index: 999;
	position: absolute;
	padding: 10px;
	border-width: 0px 0px;
	border-color: gray;
	border-style: solid;
	text-align: center;
	overflow: hidden;
    width:170px;
    background-color : #EEEEEE;

}

/* image container will display only horizontal scrollbar */
#dialog .image{
    overflow-y: hidden;
    overflow-x: auto;

}
    /* center images table (if more then one image is shown) */
    #dialog .image table{
        margin: auto;
    }

/* text beneath image */
#dialog .text{
    padding-top: 5px;

}

/* dialog buttons */
#dialog input{
    color: white;
    background-color: #6A93D4;
    border: 1px red solid;
    width: 55px;
    height: 20px;
    margin: 18px 5px 0px 0px;
    font-size: 10px;
}


/* shaded div */
#shade{
	z-index: 998;
	display: block;
	position: absolute;
	background-color: black;
	width: 100%;
	height: 100%;
}

/* ordered list demo */
#ol_demo li{
	margin-bottom: 10px;
}