.clearFix
{
    clear: both;
}
.newLine
{
    clear: both;
    height: 8px;
}
.error
{
    color: Red;
}

.blog-newline
{
    clear: both;
    margin-top: 3px;
}
.blog-button
{
    clear: both;
    height: 30px;
}
/*Start New Update by SeamC*/

/*Begin BlogEntry*/
.blog-welcome /*Page use BlogEntry, PostBlog, Default*/
{
    text-align: left;
    height: 400px;
    width: 530px;
    overflow: hidden;
    font-size: 11px;
}
.blog-welcome .blog-detail /*Page use BlogEntry, PostBlog, Default*/
{
    height: 25px;
    width: 530px;
}
.blog-welcome .blog-detail h2 /*Page use BlogEntry, PostBlog, Default*/
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
}
.blog-welcome .blog-start /*Page use BlogEntry*/
{
    width: 530px;
    height: 370px;
}
.blog-welcome .blog-start .roundbox
{
    background-color: #f0f0f0;
    color: #bc9917;
    font-size: 11px;
}
.blog-welcome .blog-start .roundbox .intro
{
    /*padding-left:5px; */
    padding-right: 5px;
    margin-left: 5px;
    overflow-y: auto;
}

.blog-welcome .blog-start .roundbox .intro h3
{
    color: #836c04;
    font-size: 13px;
    margin: 0px 0px 0px 0px;
}

.blog-welcome .blog-start .roundbox .intro .intro-detail
{
    padding-top: 5px;
    padding-left: 0px;
}
.blog-welcome .blog-start .blog-personal
{
    margin-top: 5px;
    height: 55px;
    width: 530px;
}

.blog-welcome .blog-start .blog-personal .blog-url
{
    color: #f0c11b;
    font-weight: bold;
    font-size: 13px;
}
.blog-welcome .blog-start .blog-wallpaper
{
    height: 105px;
    width: 530px;
}
.blog-welcome .blog-start .blog-wallpaper .wallpaper
{
    width: 460px;
    height: 50px;
    overflow-y: auto;
}
.blog-welcome .blog-start .blog-wallpaper .wallpaper .themeIMG
{
    margin-right: 5px;
    margin-top: 5px;
}
.blog-welcome .blog-start .blog-wallpaper .choosewallpaper
{
    width: 530px;
    height: 55px;
}
.blog-welcome .blog-start .blog-email
{
    width: 530px;
    height: 60px;
}
.blog-welcome .blog-start .save-button
{
    height: 20px;
    width: 530px;
    text-align: right;
}

/*End BlogEntry*/
/*Start PostBlog*/
.blog-welcome .blog-subject
{
    width: 530px;
    height: 320px;
    font-size: 11px;
}
.blog-welcome .blog-subject .blog-subject-top
{
    background-color: #ffffe6;
    width: 530px;
    height: 9px;
    overflow: hidden;
}
.blog-welcome .blog-subject .blog-subject-top .top-left
{
    float: left;
    width: 9px;
    height: 9px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('/baby-connections/_Template/_Images/blog/tl.jpg');
}
.blog-welcome .blog-subject .blog-subject-top .top-right
{
    float: right;
    width: 9px;
    height: 9px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('/baby-connections/_Template/_Images/blog/tr.jpg');
}
.blog-welcome .blog-subject .blog-subject-content
{
    width: 510px;
    height: 300px;
    background-color: #ffffe6;
    color: #bc9917;
    padding: 0px 10px 0px 10px;
}
.blog-welcome .blog-subject .blog-subject-content h3
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}
.blog-welcome .blog-subject .blog-subject-content .text-subject
{
    width: 510px;
    height: 25px; /*322-30=292*/
    padding-top: 5px;
}
.blog-welcome .blog-subject .blog-subject-content .text-subject .subject
{
    text-align: left;
    float: left;
    width: 250px;
}
.blog-welcome .blog-subject .blog-subject-content .text-subject .subject .input
{
    border: solid 1px #fcaf17;
    font-size: 11px;
    height: 16px;
}
.blog-welcome .blog-subject .blog-subject-content .text-subject .subject .input-subjectwatermark
{
    color: #737577;
    border: solid 1px #fcaf17;
    font-size: 11px;
    height: 16px;
}
.blog-welcome .blog-subject .blog-subject-content .text-subject .theme
{
    text-align: left;
    float: right;
    width: 250px;
}
.blog-welcome .blog-subject .blog-subject-content .text-subject .theme .outer
{
    width: 248px;
    overflow: hidden;
    border: 1px #fcaf17 solid;
}
.blog-welcome .blog-subject .blog-subject-content .text-subject .theme .outer .inner
{
    margin-top: -1px;
    margin-left: -1px;
    margin-bottom: -1px;
}
.blog-welcome .blog-subject .blog-subject-content .upload-subject
{
    width: 510px;
    height: 50px; /*292-50=242*/
    text-align: left;
    clear: both;
}
.blog-welcome .blog-subject .blog-subject-content .detail-subject
{
    height: 160px; /*242-180=62*/
    width: 510px;
}
.blog-welcome .blog-subject .blog-subject-content .tag-subject
{
    height: 50px; /*242-180=62*/
    width: 510px;
}
.blog-welcome .blog-subject .blog-subject-content .tag-subject .input
{
    border: solid 1px #fcaf17;
    font-size: 11px;
    height: 16px;
}
.blog-welcome .blog-subject .blog-subject-content .tag-subject .input-tagwatermark
{
    color: #737577;
    border: solid 1px #fcaf17;
    font-size: 11px;
    height: 16px;
}
.blog-welcome .blog-subject .blog-subject-bottom
{
    background-color: #ffffe6;
    width: 530px;
    height: 9px;
    overflow: hidden;
}
.blog-welcome .blog-subject .blog-subject-bottom .bottom-left
{
    float: left;
    width: 9px;
    height: 9px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('/baby-connections/_Template/_Images/blog/bl.jpg');
}
.blog-welcome .blog-subject .blog-subject-bottom .bottom-right
{
    float: right;
    width: 9px;
    height: 9px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('/baby-connections/_Template/_Images/blog/br.jpg');
}
.blog-welcome .blog-subject-save
{
    width: 530px;
    height: 22px;
    text-align: right;
    padding: 10px 0px 0px 0px;
}
/*End PostBlog*/
/*Start Default*/
.blog-welcome .user-blog
{
    text-align: left;
    height: 400px;
    width: 530px;
    overflow: hidden;
    font-size: 11px;
}

.blog-welcome .user-blog .blog-header
{
    width: 530px;
    height: 35px;
}
.blog-welcome .user-blog .blog-header .personal-url
{
    width: 360px;
    height: 35px;
    float: left;
}
.blog-welcome .user-blog .blog-header .personal-url h2
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
}
.blog-welcome .user-blog .blog-header .author
{
    float: right;
    width: 150px;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}
.blog-welcome .user-blog .blog-header .author h2
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-style: italic;
    text-align: right;
}
.blog-welcome .user-blog .blog-content
{
    height: 355px;
    width: 530px;
    padding-top: 10px;
    overflow-y: scroll;
    scrollbar-base-color: #FCDE88;
    scrollbar-face-color: #FCDE88;
    scrollbar-3dlight-color: #FCDE88;
    scrollbar-shadow-color: #FCDE88;
    scrollbar-track-color: #FCDE88;
}
.blog-welcome .user-blog .blog-content .subject-box
{
    width: 270px;
    height: 355px;
    padding: 0px 10px 0px 10px;
    float: left;
}
.blog-welcome .user-blog .blog-content .subject-box .info
{
    text-align: left;
    width: 270px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box
{
    width: 270px;
}
.blog-welcome .user-blog .blog-content .subject-box .separator
{
    height: 20px;
    width: 260px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside
{
    width: 260px;
    padding-left: 10px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .left
{
    float: left;
    font-size: 11px;
    width: 130px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .left h4
{
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .left .delete
{
    height: 14px;
    padding-top: 2px;
    width: 130px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .left .delete a
{
    color: #AC5A45;
    text-decoration: underline;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .left .delete a:hover
{
    color: #AC5A45;
    text-decoration: none;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .right
{
    float: right;
    font-size: 11px;
    width: 130px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .right .comment-menu
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .right .comment-menu a
{
    color: #AC5A45;
    text-decoration: underline;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .top-inside .right .comment-menu a:hover
{
    color: #EFEFEF;
    text-decoration: none;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .comments
{
    width: 250px;
    padding-left: 10px;
    padding-right: 10px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .comments h3
{
    padding: 0px;
    margin: 0px;
    font-size: 13px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .comments .imgage-post
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding: 10px 0px 10px 0px;
    width: 250px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .comments .comment-content
{
    text-align: left;
    width: 250px;
}
.blog-welcome .user-blog .blog-content .subject-box .intro-box .comments .comment-content .paragraph
{
    margin: 0px;
    padding: 0px;
    width: 250px !important;
    overflow: auto;
    font-size: 11px;
}

.blog-welcome .user-blog .blog-content .articles
{
    float: left; /*height:360px;*/
    width: 200px;
    overflow: hidden;
    padding: 0px 10px 0px 10px;
}
.blog-welcome .user-blog .blog-content .articles .blog-setting
{
    background-color: #FCAF17;
    font-weight: bold;
    width: 198px;
    height: 16px;
    padding: 2px;
    border-bottom: solid 1px #FFFFFF;
}
.blog-welcome .user-blog .blog-content .articles .post-new
{
    background-color: #FCAF17;
    font-weight: bold;
    width: 198px;
    height: 16px;
    padding: 2px;
}
.blog-welcome .user-blog .blog-content .articles .blog-setting a, .blog-welcome .user-blog .blog-content .articles .post-new a
{
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.blog-welcome .user-blog .blog-content .articles .blog-setting a:hover, .blog-welcome .user-blog .blog-content .articles .post-new a:hover
{
    color: #F5F5F5 !important;
    text-decoration: none !important;
}
.blog-welcome .user-blog .blog-content .articles .title
{
    width: 198px;
    height: 16px;
    padding: 2px;
    color: #2d2c72;
    font-weight: bold; /*background-color:#FCAF17; 	opacity:0.3; 	filter:alpha(opacity=30);*/
}
.blog-welcome .user-blog .blog-content .articles .title-list
{
    width: 198px !important;
    height: auto;
    margin: 0px;
    padding: 2px; /*background-color:#FCAF17;*/
}
.blog-welcome .user-blog .blog-content .articles .title-list .title-list-tree
{
    margin: 0px;
    padding: 2px;
    width: 198px !important;
}
/*End Default*/


/*End New Update*/
#BgSocialNetworking #BlogContent
{
    width: 530px;
    height: 355px;
    position: relative;
    overflow: hidden;
}

#BgSocialNetworking .BlogDisplay
{
    padding-left: 10px;
    float: left;
    text-align: left;
}


.closebutton
{
    font-weight: bold;
    margin: 10px;
}


.postpreview
{
    text-align: left;
    margin: 0px 20px 5px;
    height: 370px;
    width: 577px;
    overflow-y: scroll;
}
.postpreview .paragraph
{
    /*height:200px;*/
    width: 560px;
    overflow: auto;
}

/*  blog intro  */
#intro
{
    /*padding-left:5px; */
    padding-right: 5px;
    margin-left: 5px;
    overflow: auto;
}

#intro h3
{
    color: #836c04;
    font-size: 13px;
    margin-bottom: 3px;
    padding-top: 7px;
}

#intro .intro-detail
{
    padding-top: 5px;
    padding-left: 0px;
}

#blog-detail
{
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 50px;
}

#blog-detail-inside
{
    margin-left: 10px;
}

#blog-detail h2
{
    padding-top: 2px;
    font-weight: bold;
    color: #122751;
    padding-top: 15px;
    padding-left: 5px;
    font-size: 19px;
    margin-bottom: 10px;
}

.BlogDisplay h2
{
    font-weight: bold;
    color: #122751;
    margin-top: -5px;
    padding-left: 5px;
    font-size: 14px;
    margin-bottom: 6px;
}





/* personalised */
#blog-personal
{
    margin-left: 20px;
}

#blog-urlname
{
    border-color: #f0c11b;
}

.input-personalurl
{
    font-style: italic;
    color: #836c04;
    border: solid 1px #f0c11b;
}
.url-watermark
{
    font-style: italic;
    color: #836c04;
    border: solid 1px #f0c11b;
}

/* blot step2 */
/*************************** blog detail ****************************/
#introdetail
{
    padding-right: 5px;
    margin-left: 5px;
    overflow: auto;
    height: 270px;
}

#introdetail h3
{
    color: #836c04;
    font-size: 13px;
    margin-bottom: 3px;
    padding-top: 0px;
    margin-left: 8px;
}
#blog-detail-inside #wallpaper
{
    height: 115px;
    overflow: auto;
}

.blog-input-title
{
    border: solid 1px #fcaf17;
    width: 300px;
}
.blog-input-watermark
{
    /*font-family:Arial; */
    font-size: 12px;
    color: #737577;
    border: solid 1px #fcaf17;
    width: 300px;
    height: 40px;
}
.blog-input-subject
{
    border: solid 1px #fcaf17;
    height: 18px;
}

.blog-input-subjectwatermark
{
    font-size: 11px;
    color: #737577;
    border: solid 1px #fcaf17;
}

/* round corner */
#bottomL, #topL
{
    float: left;
}
#bottomR, #topR
{
    float: right;
}
.roundcont
{
    background-color: #ffffe6;
    color: #bc9917;
}

.roundcont p
{
    margin: 0 10px;
}

.roundtop
{
    background: url(../images/tr.jpg) no-repeat top right;
}

.roundbottom
{
    background-color: #ffffe6;
    height: 15px;
}

/***********************  Blog Title   ****************************/
.roundblog
{
    background-color: #f0f0f0;
    color: #bc9917;
    width: 400px;
}

.roundblog p
{
    margin: 0 10px;
}

.roundBtop
{
    /*background: url(../images/tr.jpg) no-repeat top right; */
}

.roundBbottom
{
    background-color: #f0f0f0;
    height: 15px;
}
/**************************************************************/

img.corner
{
    width: 15px;
    height: 15px;
    border: none;
    display: block !important;
}

/*	blog eamil	*/
#blog-email
{
    color: #836c04;
    margin-left: 20px;
}

.blog-email-list
{
    font-size: 12px;
}
.blog-email-list tbody tr td
{
}


/*	next button */
.next-button
{
    padding-top: 2px; /*background-image:url(../../_Images/blog/btnNext.jpg);*/
    background-repeat: no-repeat;
    width: 75px;
    height: 18px;
    text-align: center;
}
/*************************** post blog ****************************/
#postintro
{
    padding-right: 5px;
    margin-left: 5px;
}

#postintro h3
{
    color: #836c04;
    font-size: 13px;
    margin-bottom: 5px;
    padding-top: 5px;
    margin-left: 8px;
}

.imagepreview
{
    position: relative;
    visibility: visible;
    width: 150;
    height: 150;
    clip: rect(0,300,300,0);
}

.next-button a:link, .next-button a:visited, .next-button a:active, .next-button a:hover
{
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-family: Arial !important;
}



/* Modal Popup */
.modalBackground
{
    background-color: #ffffff;
    width: 100%;
}
.shadow
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#popupPreview
{
    margin: 10px;
    overflow: auto;
}

#closePopup
{
    float: right;
    font-weight: bold;
}

/*************************** select option ***************************************/
.ddl_border, .ddl_outer
{
    width: 286px;
    height: 20px;
    float: left;
}
.ddl_inner
{
    margin-top: -1px;
    margin-left: -1px;
}
.ddl_outer
{
    width: 268px;
    height: 18px;
    overflow: hidden;
    border: 1px #fcaf17 solid;
}
.txt_subject
{
    text-align: left;
    float: left;
}

/*************************** Blog Home ***************************************/
.imgPost
{
}
.blog-detail
{
    padding: 3px 0px 3px 0px;
}

.roundblog span
{
    color: #fff;
}

.roundblog a, roundblog a:hover
{
    font-size: 12px !important;
    color: #fff !important;
}
/*#postnew, #postnew a
, #postnew a:hover , #postnew a:active 
{
	 background-color:#fcaf17;
	 color: #ffffff !important;
	 text-decoration:underline !important;
	 font-weight:bold !important;
	 padding-bottom:2px !important;
	 padding-top:2px !important;
	 font:Arial !important;
}*/
#postnew
{
    background-color: #FCAF17;
    width: 140px;
    overflow: hidden;
    padding: 3px;
}
#postnew .new
{
    font-family: Arial;
    background-color: #fcaf17;
    font-size: 11px !important;
    width: 140px;
    font-weight: bold !important;
    color: #ffffff !important;
}


#postnew .new:hover, #postnew .new:link
{
    font-family: Arial;
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: bold !important;
    font-size: 11px !important;
    width: 140px;
    padding-bottom: 2px;
}


/************************** box *******************************/
#box
{
    margin-top: 40px;
    margin-left: 3px;
    float: left;
}

.separator
{
    height: 20px;
}
#box h2
{
    padding-top: 0px;
    font-weight: bold;
    color: #122751;
    padding-top: 5px;
    padding-left: 5px;
    font-size: 19px;
    text-align: left;
}

#box #Articles
{
    float: left;
    margin-left: 3px;
    width: 100px;
    text-align: left;
    font-size: 11px;
}

#Articles #title
{
    color: #2d2c72;
    font-weight: bold;
    float: left;
}

#title
{
    width: 100px;
}

#titlelist
{
    overflow: hidden;
    width: 100px;
}

#subjectbox
{
    width: 390px;
    float: left;
}

#subjectbox #info
{
    text-align: left;
    padding-left: 5px;
}


.introbox
{
    margin-left: 5px;
    width: 380px;
}

#topInside #topInsideLeft
{
    float: left;
    width: 180px;
}

#topInside #topInsideRight
{
    float: left;
    margin-left: 3px;
    width: 140px;
    text-decoration: underline;
    font-size: 12px !important;
}

#topInsideRight a, #topInsideRight span
{
    font-size: 12px !important;
    color: #fff !important;
    text-decoration: underline;
}

#topInsideRight a:active, #topInsideRight a:link
{
    font-size: 12px !important;
    color: #fff !important;
    text-decoration: underline !important;
}
#topInsideRight a:hover
{
    font-size: 12px !important;
    color: #fff !important;
    text-decoration: underline !important;
}

#topInsideLeft h4, #topInsideLeft h5
{
    font-size: 14px;
    margin: 3px 0px;
    padding: 0px 0px 3px 0px;
    color: #2d2c72;
}



.smallround
{
    background-color: #000;
    color: #bc9917;
}

#comments .imgPost
{
    text-align: left;
}

#comments .desc
{
    text-align: left;
    color: #2d2c72;
}

.desc ol, .desc ul
{
    margin: 0px;
}

.desc div ol
{
    margin-left: 30px;
}
.desc div ul
{
    margin-left: 30px;
}

.itemselected
{
    font-weight: bold;
    color: #CC0000;
}
/*background-color:green;*/
.monthselected
{
    font-weight: bold;
}