/* Satterley Community News CSS Document */

#welcomebar { padding: 0; height: 26px; background: #acd57a url(images/content_colour_green_bgrepeat.gif) repeat-x bottom left; }

#sectiontitle h1 { float: left; }


/* Add News Item */
.addarticle { float: right; width: 280px; padding: 15px 18px 0 0; color: #696969; text-decoration: none; text-align: right; }
.addarticle a { display: block; width: 280px; padding: 20px 0 0 0; background: url(images/sectionbar_addnewarticle.gif) no-repeat top right; color: #696969; }
.addarticle a:hover { color: #000; }
.addarticle h2 { display: none; }


/* Copy containment */
#contentinner { padding-bottom: 10px; }
#copycontainer { border-top: 1px solid #fff; padding: 0 !important; background: url(images/news_listing_bg.gif) repeat-y; }
#copycontainer #newscontainer { padding-bottom: 27px; background: url(images/news_listing_bottomleftbg.gif) no-repeat bottom left; min-height: 200px; height: auto !important; height: 200px; }
* html body #copycontainer #newscontainer { padding-bottom: 17px; margin-bottom: -2px; }


/* News Listing Column  */
#listingcol { float: left; width: 334px; position: relative; }
#listingcol .newslistitem a { display: block; width: 288px; padding: 8px 20px 9px 26px; background: url(images/listing_dotted_divide.gif) repeat-x bottom left; color: #3b3b3b; line-height: normal; }
#listingcol .newslistitem a strong { display: block; color: #197fc2; font-size: 110%; }
#listingcol .newslistitem a .date { display: block; font-size: 90%; text-transform: uppercase; color: #000000; font-weight: bold; }
#listingcol .newslistitem a:hover { text-decoration: none; color: #000; }
#listingcol .newslistitem a:hover strong { color: #000; }

#listingcol .pagecontrol { width: 288px; padding: 10px 20px 0 26px; height: 21px; }
#listingcol .pagecontrol a.previous { display: block; float: left; width: 109px; height: 21px; background: url(images/listing_pagePrevious.gif) no-repeat top left;  }
#listingcol .pagecontrol a.next { display: block; float: right; width: 89px; height: 21px; background: url(images/listing_pageNext.gif) no-repeat top left; }
#listingcol .pagecontrol a { text-decoration: none; }

#listingcol .pagecontrol .pagenum { float: left; width: 90px; text-align: center; padding-top: 1px; }
#listingcol .pagecontrol .pagenum select { width: 45px; font-size: 11px; color: #000; }

#listingcol #f_teaserLoading { position: absolute; width: 334px; height: 40px; top: 85px; text-align: center; background-color: #f5f3e4; display: none; }
#listingcol #f_teaserLoading img { display: inline; }


/* News Copy */
#newscopy { padding: 0 0 0 334px; margin: 0; }
#newscopy .newsdisplay { padding: 31px 37px; font-size: 110%; color: #141414; }
#newscopy .newsdisplay h1 { margin: 0 0 22px 0; padding: 0 0 7px 0; background: url(images/listing_dotted_divide.gif) repeat-x bottom left; font-size: 30px; color: #000; letter-spacing: -1px; }

#newscopy .newsdisplay .rightcol { width: 187px; padding: 0; float: right; }
.newsdisplay .rightcol img { margin-bottom: 8px; }
.newsdisplay .rightcol h3 { display: inline; display: none; }
.newsdisplay .rightcol .related { padding: 21px 0 0 0; background: url(images/newsdisplay_relatedfiles_title.gif) no-repeat top left; }
.newsdisplay .rightcol .related a { display: block; padding: 6px 0 5px 0; border-bottom: 1px solid #dadada; font-size: 90%; }
.newsdisplay .rightcol .related a:hover { text-decoration: none; color: #000; }

.newsdisplay .rightcol .related ul { padding: 0; margin: 0; list-style: none; width: 187px; list-style: none; display: inline; }
.newsdisplay .rightcol .related ul li { display: inline; }

.newsdisplay .newsarticle { padding-right: 0; min-height: 260px; height: auto !important; height: 260px; }
.newsdisplay .newsarticle.rhsexists { padding-right: 230px; }
\ html body .newsdisplay .newsarticle.rhsexists { padding-right: 40px; }


/* News Page Elements */
.coltitleblock { margin: 0; height: 20px; padding: 7px 0 0 0; color: #fff; font-weight: bold; background: #000; }
.coltitleblock.allnewsarticles { padding: 7px 0 0 39px; background: #000 url(images/coltitle_down_arrow.gif) no-repeat 26px 12px; }
.coltitleblock.allnewsarticles select { position: relative; margin: -3px 0 0 0; width: 214px; font-size: 11px; }
.coltitleblock.newsitem { height: 27px; position: relative; padding: 0 0 0 33px; border-left: 1px solid #fff; }
* html body .coltitleblock.newsitem { border-left: none; }

.coltitleblock.newsitem .ie6divide { display: none; }
* html body .coltitleblock.newsitem .ie6divide { display: block; position: absolute; top: 0; left: -2px; width: 2px; height: 27px; background: #000; }

.coltitleblock a { color: #21a7ff; }
.coltitleblock.newsitem .newsbydivide { padding: 0 4px; }
.coltitleblock.newsitem .newsbydate { float: left; padding: 7px 0 0 15px; background: url(images/coltitle_down_arrow.gif) no-repeat 3px 12px; }


/* News Module Popup */
/*#newsmodule { position: absolute; top: 50%; left: 50%; margin: -255px 0 0 -355px; width: 659px; height: 459px; padding: 25px; background: url(/assets/community_news/css/images/module_popup_newsbackground.png) no-repeat; }*/

#newsmodule h1 { margin: 0; height: 62px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; }
#newsmodule #modulecontrols { height: 26px; color: #000; }
#newsmodule #modulecontrols a { display: block; float: right; height: 26px; color: #fff; text-decoration: none; outline: none; }
#newsmodule #modulecontrols .modulemessage { float: left; padding: 6px 0 0 27px; color: #000; }

#newsmodule.addnews h1 { background: url(images/module_title_addnewsitem.gif) no-repeat 27px 23px; }
#newsmodule.editnews h1 { background: url(images/module_title_editnewsitem.gif) no-repeat 27px 23px; }

#newsmodule h4 { margin: 0 0 5px 0; color: #000; font-size: 100%; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#newsmodule #modulecontrols { background: #a7d174 url(images/module_controlbar_bg.gif) repeat-x bottom }
#newsmodule #modulecontrols .submitarticle { float: right; height: 26px; width: 95px; /* background: url(images/module_addnews_submititem.gif) no-repeat; */ }


#newsmodule #modulecontrols a.cancel { width: 93px; background: url(images/module_addnews_cancel.gif) no-repeat; }

#newsmodule #articletitledate { height: 53px; padding: 13px 0 0 28px; background: url(images/module_addnews_dividedots.gif) repeat-x bottom left; }
#newsmodule #articletitledate .articletitle { float: left; width: 360px; }
#newsmodule #articletitledate .articledate { float: left; width: 220px; padding: 0 0 0 16px; }

#newsmodule input.text { float: left; margin: 0; width: 354px; font-size: 11px; color: #000; }
#newsmodule .day { float: left; width: 51px; margin: 0 2px 0 0; font-size: 11px; color: #000; }
#newsmodule .month { float: left; width: 51px; margin: 0 2px 0 0; font-size: 11px; color: #000; }
#newsmodule .year { float: left; width: 61px; margin: 0 2px 0 0; font-size: 11px; color: #000; }

#newsmodule #newsitemtext { float: left; width: 360px; height: 300px; padding: 11px 0 0 28px; overflow: hidden; }
#newsmodule #newsitemtext textarea { margin: 0; width: 354px; height: 243px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000; }

#newsmodule #newsattachments { float: right; width: 255px; height: 150px /*305px*/;}

/* Emil: Created new id as attachments will be broken up into 2 iframes, one for files and the other for images. */
#newsmodule #newsimageattachments { float: right; width: 255px; height: 120px;}

#newsmodule #successmessage { padding: 13px 0 0 28px; background: url(images/module_addnews_dividedots.gif) repeat-x top left; text-align: center; }


/* Edit News Article */
#newsmodule.editnews #newsitemtext { float: left; width: 360px; height: 250px; padding: 11px 0 0 28px; overflow: hidden; }
#newsmodule.editnews #newsitemtext textarea { margin: 0; width: 354px; height: 213px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000; }
#newsmodule.editnews #newsattachments { float: right; width: 255px; height: 116px /*266px*/; }
#newsmodule.editnews #newsimageattachments { float: right; width: 255px; height: 150px; }

#newsmodule #editnews_message { padding: 13px 0 0 28px; background: url(images/module_addnews_dividedots.gif) repeat-x top left; color: #666; }

/* Reject/Approve News Item */
/*#rejectapprovemodule { position: absolute; top: 50%; left: 50%; margin: -157px 0 0 -355px; width: 659px; height: 314px; padding: 25px; background: url(images/module_popup_rejectapprovebackground.png) no-repeat; color: #000000; }*/
#rejectapprovemodule h4 { margin: 0 0 5px 0; color: #000; font-size: 100%; font-family: Arial, Tahoma, Helvetica, sans-serif; }

#rejectapprovemodule #moduletitle { height: 74px; border-bottom: 1px solid #fff; background: #f2ae45 url(images/module_reject_approve_titlebg.gif) repeat-x bottom; }
#rejectapprovemodule #moduletitle h1 { margin: 0; padding: 21px 0 10px 31px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; }
#rejectapprovemodule #moduletitle h1.approvearticle { background: url(images/module_reject_approve_title_approve.gif) no-repeat 31px 21px; }
#rejectapprovemodule #moduletitle h1.rejectarticle { background: url(images/module_reject_approve_title_reject.gif) no-repeat 31px 21px; }

#rejectapprovemodule #newsitemtitle { background-color: #000; height: 20px; padding: 6px 0 0 30px; color: #fff; }

#rejectapprovemodule #optionalcomment { background-color: #fff; height: 134px; padding: 19px 25px 0 30px; }
#rejectapprovemodule #optionalcomment .comment { padding: 22px 0 10px 88px; background: url(images/module_reject_approve_comment_postit.gif) no-repeat 0px 24px; }
#rejectapprovemodule #optionalcomment .comment textarea { margin: 0; width: 504px; height: 33px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000; }

#rejectapprovemodule #articlecontrol { padding: 17px 0 0 30px; }
#rejectapprovemodule #articlecontrol a { display: block; float: left; height: 26px; text-decoration: none; margin-right: 8px; }
#rejectapprovemodule #articlecontrol .btnapprove { width: 136px; background: url(images/module_reject_approve_btn_approve.gif) no-repeat; }
#rejectapprovemodule #articlecontrol .approvearticle { display: block; width: 136px; height: 26px; float: left; margin-right: 8px; }
#rejectapprovemodule #articlecontrol .rejectarticle { display: block; width: 136px; height: 26px; float: left; margin-right: 8px; }

#rejectapprovemodule #articlecontrol .btnreject { width: 136px; background: url(images/module_reject_approve_btn_reject.gif) no-repeat; }
#rejectapprovemodule #articlecontrol .btncancel { width: 93px; background: url(images/module_reject_approve_btn_cancel.gif) no-repeat; }


#newsmodule a.closemodule { margin: 15px auto; display: block; width: 54px; height: 17px !important; background: url(images/module_closewindow.gif) no-repeat; text-decoration: none; }


/* Modal Upload Images/Files */
#modalupload { float: left; width: 267px; padding: 6px 0 0 18px; }
#modalupload #togglebox { width: 261px; height: 160px; }
#togglebox #toggleboxtabs { background: url(images/modalupload_togglebg.gif) repeat-x bottom; height: 25px; border-left: 1px solid #abadb3; }
#togglebox #toggleboxtabs a { display: block; float: left; height: 18px; padding: 5px 9px 0 9px; background-color: #f7f7f8; border-top: 1px solid #abadb3; border-right: 1px solid #abadb3; border-bottom: 1px solid #abadb3; color: #000000; font-weight: bold; text-decoration: none; outline: none; }
#togglebox #toggleboxtabs a.selected { border-bottom: 1px solid #ffffff; background: #fff url(images/modalupload_toggle_a_active.gif) repeat-x top; color: #00659b; }
#togglebox #displayoption { height: 134px; border-left: 1px solid #abadb3; border-right: 1px solid #abadb3; border-bottom: 1px solid #abadb3; color: #000000; }
#togglebox #displayoption iframe { height: 134px; width: 259px; }

#newsmodule.addnews #togglebox #displayoption { height: 245px; }
#newsmodule.addnews #togglebox #displayoption iframe { height: 245px; }

#newsmodule.editnews #togglebox #displayoption { height: 215px; }
#newsmodule.editnews #togglebox #displayoption iframe { height: 215px; }