
/* Elements and Resets */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; outline: 0; font:inherit; font-weight: inherit; font-size: inherit; vertical-align:baseline; font-family: Helvetica, Arial, Sans-Serif;} 
b, strong { font-weight: bold; }
i, em { font-style:italic; }
u { text-decoration: underline;}

ul { list-style: none;}
ol { list-style-position:outside; list-style-type:decimal; padding-left: 2.5em; }
ol li { padding-left: 0em; }
ol ol { list-style-type:lower-alpha;}

* { font-family: Helvetica, Arial, Sans-Serif; } 

#Page { position: relative; margin: 10px auto 10px auto; width: 746px; border: solid 1px #c9c9c9; font-size:13px; color:#5e5e5e;}

a { text-decoration:none; color:#336699; }
a:active {  color:#336699;}
a:hover { text-decoration:underline; color:#336699;}
a:visited {  color:#336699;}
a:link {  color:#336699;}

#TopLinks { position: absolute; top:2px; left: 450px; color: #FFFFFF; font-size: 13px; line-height:13px; }
#TopLinks a { color: #FFFFFF; }
.HorizontalLinks li { display:inline; }
.HorizSepBar { display:inline; margin-left: 8px; margin-right: 3px;}
.WorldMissionIcon { vertical-align:middle; padding-right:3px; }


#TopRightLinks { position: absolute; top:35px; left: 621px;}
#TopRightLinks a { color: #494949; }
.ArrowBulletList li { margin-bottom:9px; font-size: 13px; line-height:14px; padding-left:16px; background: url(images/gray_diag_arr.gif) no-repeat 0px .0em;}
.ArrowBulletList[class] li { background: url(images/gray_diag_arr.png) no-repeat 0px .0em;}

.MagnifyingGlassIcon { vertical-align:top; margin-top:2px; }
.SearchTextBox { width:90px; font-size:12px; margin: 0px 0px 8px 3px;}

#MainContentArea {border-top: solid 1px #c9c9c9;}

#LeftLinksTable { width:746px;}
#LeftNavigation { width: 231px; border-right: solid 1px #c9c9c9; overflow:hidden;}
#RightContentArea { width: 69%; padding: 10px; vertical-align: top;}

#Footer { clear:both; border-top: solid 1px #c9c9c9; }

.SeparatorBar { height:15px; font-size:11px;}
.PrayingAccent .SeparatorBar  { background-color:#9e390f;}
.DisciplingAccent .SeparatorBar  { background-color:#507513;}
.GivingAccent .SeparatorBar  { background-color:#b18531;}
.EducatingAccent .SeparatorBar  { background-color:#344d6c;}
.GenericAccent .SeparatorBar  { background-color:#505050;}

#Breadcrumbs { font-size:11px; line-height:13px; margin-left: 10px; height:15px; vertical-align:middle;}
.PrayingAccent #Breadcrumbs  { color:#9e390f;}
.DisciplingAccent #Breadcrumbs { color:#507513;}
.GivingAccent #Breadcrumbs { color:#b18531;}
.EducatingAccent #Breadcrumbs  { color:#344d6c;}
.GenericAccent #Breadcrumbs  { color:#505050;}
#Breadcrumbs a { color:#5e5e5e !important;}


#Copyright { float:left; padding-left: 5px; font-size:11px; line-height:19px; }
#BottomLinks { float:right; background-color:#507513; color: #FFFFFF; padding-left:25px; padding-right:25px; font-size:11px; line-height:19px; font-weight:bold;}
#BottomLinks a { color: #FFFFFF;   }

.FloatClear {clear:both; height:0px; padding:0px; margin:0px;}
.LeftFloatClear {clear:left; height:0px; padding:0px; margin:0px;}
.RightFloatClear {clear:right; height:0px; padding:0px; margin:0px;}

.SubtopicStoryList { margin:10px; }
.SubtopicStoryList li { font-size:16px; line-height:1.1em; font-weight:bold; color:#5e5e5e;}
.SubtopicStoryList li { border-top: solid 1px #c9c9c9; padding-top:12px; margin-top:12px;}
.SubtopicStoryList li.FirstItem { border: none; padding:0px; margin:0px;}

.SubtopicStoryList li.Selected { color:#5e5e5e !important;}
.SubtopicStoryList li.Selected a { color:#5e5e5e !important; font-weight:bold !important;}

.PrayingAccent .SubtopicStoryList li a  { color:#9e390f;}
.DisciplingAccent .SubtopicStoryList li a  { color:#507513;}
.GivingAccent .SubtopicStoryList li a  { color:#b18531;}
.EducatingAccent .SubtopicStoryList li a  { color:#344d6c;}
.GenericAccent .SubtopicStoryList li a  { color:#505050;}

.SubtopicStoryList li ul { margin-top:5px; }
.SubtopicStoryList li li { border: none; padding:0px; margin:0px; font-size:12px; line-height:1.2em; font-weight:normal;}

.PrayingAccent .SubtopicStoryList li li a  { color:#9e390f;}
.DisciplingAccent .SubtopicStoryList li li a  { color:#507513;}
.GivingAccent .SubtopicStoryList li li a  { color:#b18531;}
.EducatingAccent .SubtopicStoryList li li a  { color:#344d6c;}
.GenericAccent .SubtopicStoryList li li a  { color:#505050;}

.SubtopicStoryList li li { padding-left:13px; background-repeat:no-repeat; background-position: -1px .1em; }

.PrayingAccent .SubtopicStoryList li li  { color:#9e390f; background-image: url(images/redDiagonalArrow.jpg);}
.DisciplingAccent .SubtopicStoryList li li  { color:#507513; background-image: url(images/greenDiagonalArrow.jpg);}
.GivingAccent .SubtopicStoryList li li  { color:#b18531; background-image: url(images/yellowDiagonalArrow.jpg);}
.EducatingAccent .SubtopicStoryList li li  { color:#344d6c; background-image: url(images/blueDiagonalArrow.jpg);}
.GenericAccent .SubtopicStoryList li li  { color:#505050; background-image: url(images/blueDiagonalArrow.jpg);}

.SubtopicStoryList li li.Selected { background-image:none; color:#5e5e5e; }
.SubtopicStoryList li li.Selected a { color:#5e5e5e; }


#HomeLeftContentArea {float:left; width: 568px; border-right: solid 1px #c9c9c9;}
#HomeRightColumn { position:relative; margin-left:569px; left:-1px; border-left: solid 1px #c9c9c9; }

#HompageTable { width:746px; vertical-align:top;}
#HompageTable td { vertical-align:top;}
#HompageTableRightColumn  { border-left: solid 1px #c9c9c9; }

#SideTopicTeaser { padding:5px 17px 10px 17px; font-size:11px; line-height: 1.25em; }
#SideTopicTeaser a { color:#5e5e5e;}
#SideTopicTeaser h2 { font-size:18px; line-height: 1.2em; font-weight:bold; color:#5e5e5e;}
#SideTopicTeaser h3 { position:relative; display:inline; left:42px; top:-2px; font-size:12px; line-height: 1.2em; font-weight:normal;}
#SideTopicTeaser .EmergingAccent  h3  { color:#9e390f; }
#SideTopicTeaser .MissionaryAccent h3  { color:#8e9200;}
#SideTopicTeaser .DeputationAccent h3  { color:#b18531; }
#SideTopicTeaser .GetInvolvedAccent h3  { color:#344d6c;}
#SideTopicTeaser hr { clear:right; padding:7px 3px 3px 3px; height:1px; border:none; border-bottom: solid 1px #c9c9c9 !important;}
#SideTopicTeaser ul { margin-top:3px;}
#SideTopicTeaser li { padding-left:17px; background-repeat:no-repeat; background-position: 0px 1px; }
#SideTopicTeaser .EmergingAccent  li  { background-image: url(images/redArrow.jpg);}
#SideTopicTeaser .MissionaryAccent li  { background-image: url(images/yellowgreenArrow.jpg);}
#SideTopicTeaser .DeputationAccent li  { background-image: url(images/yellowArrow.jpg);}
#SideTopicTeaser .GetInvolvedAccent li  { background-image: url(images/blueArrow.jpg);}

#SideTopicTeaser a.ReadMore { float:right; font-size:10px; font-weight:bold; padding-left:9px; margin-top:2px; background-repeat:no-repeat; background-position: 0px 2px; }
#SideTopicTeaser .EmergingAccent  a.ReadMore  { color:#9e390f; background-image: url(images/redDiagonalSmallArrow.jpg);}
#SideTopicTeaser .MissionaryAccent a.ReadMore  { color:#8e9200; background-image: url(images/yellowgreenDiagonalSmallArrow.jpg);}
#SideTopicTeaser .DeputationAccent a.ReadMore  { color:#b18531; background-image: url(images/yellowDiagonalSmallArrow.jpg);}
#SideTopicTeaser .GetInvolvedAccent a.ReadMore  { color:#344d6c; background-image: url(images/blueDiagonalSmallArrow.jpg);}


#TopicTeaserArea {margin: 15px 4px 0px 2px; }
#TopicTeaserArea td {padding: 5px 2px 5px 3px; }
.TopicTeaser {width:276px; margin: 0px 0px 0px 0px; }
.TopicTeaserContent {  margin: 10px 15px 10px 15px; }

.UserContent { overflow: hidden;}

.ModalWindow { width:555px; margin: 20px auto 0px auto; font-size:14px; line-height:1.15em;  color:#5e5e5e; }
.ModalWindow h2 { font-size:18px; line-height:1.4em; font-weight:normal; color:#9e390f; }
.ModalWindow p {  margin-bottom: 1.5em; }
.ModalWindow #ModalLogo { float:left; height:151px; padding:14px 5px 0px 0px; margin-right:15px; border-right: solid 1px #777777;}
.ModalWindow #ModalBody { padding-top:15px; margin-left:145px; }
.ModalWindow .ModalLogoTitle { margin-bottom: 7px;}
.ModalWindow .PrayingAccent { color:#9e390f;}
.ModalWindow .DisciplingAccent { color:#507513;}
.ModalWindow .GivingAccent { color:#b18531;}
.ModalWindow .EducatingAccent { color:#344d6c;}

.Login { padding: 25px; width: 250px; margin: 10px auto !important; } 

#SearchResults ul { margin-left: 10px; margin-bottom: 10px; } 
#SearchResults ul h3 { color: #336699; font-size: 1.2em; font-weight:bold; } 
#SearchResults ul li, #SearchResults ul li p { padding: 5px; } 
#SearchResults ul li { border-bottom: 1px dashed #c9c9c9; } 
#SearchPager { background-color: #eee; border: solid 1px #c9c9c9; padding: 10px; } 

.container { border: 1px solid #c9c9c9; padding: 10px; margin: 20px; position: relative; }
.container h2 { border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; margin-bottom: 10px; color: #336699; font-size: 1.5em;  } 
.container p { padding-left: 15px; }

#directory-nav { height: 20px; }
#directory-nav li { float: left; padding: 0 7px;}
#directory-nav li:first-child { margin-left:12px; }

#directory { margin: 20px;  padding: 5px 0;}
#directory h3 {  border: 1px solid #c9c9c9; padding: 5px 5px 5px 15px;  margin-bottom: 10px; color: #336699; background-color: #eee; font-weight:bold; position: relative; }
#directory li.directory-group { clear: both; padding-top: 10px; }
#directory-nav a { color: #336699; font-weight: bold; } 

#directory .sublist { margin-left: 20px; }
#directory li.directory-group:first-child { padding-top: 5px; } 
#directory .sublist li { float: left; width: 300px; } 

.Form .Entry { clear: both; margin: 2px; } 
.Form label { display: block; width: 150px; float: left; padding: 5px; text-align: right; padding-right: 5px; } 
textarea, .inputField { width: 200px; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #333; } 

#ErrorMessage { width: 80%; margin: 40px auto 40px auto; padding: 2em; background-color: #eee; border: solid 1px #c9c9c9;}
#ErrorMessage h2 { font-size:18px; line-height: 1.1em; margin-bottom: 1em; font-weight:bold; color:#5e5e5e;}


/*********************************************************************************************/
/* Admin Area Pages */
/*********************************************************************************************/
/*.RadEditor tbody, tfoot, thead, tr, th, td { vertical-align:middle; }*/

#AdminContentArea .teaserEditor { width:99%; }
#AdminContentArea { padding:10px; }
#AdminContentArea .watermark { color:Silver; }
#AdminContentArea .StatusMessage { background:#F3F3F3;border:1px solid gainsboro; text-align:left; padding:5px;margin-top:5px;margin-bottom:5px;}
#AdminContentArea .StatusMessage .Error { color:Red; }
#AdminContentArea .Detail { clear:both;width:500px; }
#AdminContentArea .Detail .Label { float:left;width:125px; }
#AdminContentArea .Detail .Field { float:left;width:350px; }
#AdminContentArea .Paragraph { margin-top:5px; margin-bottom:5px; }
#AdminContentArea .Header { font-size:16px;font-weight:bold; border-bottom:1px solid gainsboro; margin-bottom:5px; }
#AdminContentArea .clear { clear:both; }
#AdminContentArea .ContentEditor {clear:both; }

/************************/
/*		GridView		*/
#AdminContentArea .GridView { }
#AdminContentArea .GridView .Header {  }
#AdminContentArea .GridView .Header th { font-size: 10pt; font-weight: bold; }
#AdminContentArea .GridView td { padding: 2px; } 
#AdminContentArea .GridView a { margin-left:3px; margin-right:3px; }
#AdminContentArea .GridView .AltRow { background-color: #FFF; }
#AdminContentArea .GridView .Row { background-color:#F6F6F6; }
#AdminContentArea .GridView .SelectedRow { background:#600; }
#AdminContentArea .GridView .SelectedRow td { color:#FFF; }
#AdminContentArea .GridView .SelectedRow a { color:#FFF; }
#AdminContentArea .GridView .Footer {  }
#AdminContentArea .GridView .Footer td { background-color: #CCC;  }
#AdminContentArea .GridView .EmptyRow { text-align: center; border:1px solid gainsboro;background:#F0F0F0; padding:10px; }
#AdminContentArea .GridView .EmptyRow a {  font-weight:bold; color: #F00; }

/****************/
/* Default.aspx */
#AdminContentArea .Row1 {  }
#AdminContentArea .Home .TasksArea { float:left; width:200px;  }
#AdminContentArea .Home .RecentStories { width:500px;}
#AdminContentArea .Home .GridView { margin-left:10px; }

/****************/
/* FrontPageContent.aspx*/
#AdminContentArea .FrontPageContent { }
#AdminContentArea .FrontPageContent .TopicLinks img { padding:10px }
#AdminContentArea .FrontPageContent .TopicLinks h2 { font-size:18px; line-height: 1.2em; font-weight:bold; color:#5e5e5e;}

/****************/
/* CreateStory.aspx*/
#AdminContentArea .CreateStoryPage { }
#AdminContentArea .CreateStoryPage .ControlButtons { margin-top:5px; }

/****************/
/* EditTopicContent.aspx*/
#AdminContentArea .EditTopicContent { }
#AdminContentArea .EditTopicContent .Fields { margin-top:5px; }
#AdminContentArea .EditTopicContent .ContentEditor { margin-left:5px;margin-top:5px;}

/****************/
/* ManageSubtopics.aspx*/
#AdminContentArea .ManageSubtopics {  }
#AdminContentArea .ManageSubtopics .TreeArea { float:left;width:300px;height:400px;border:1px solid gainsboro;background:#FCFCFC; margin-top:5px;}
#AdminContentArea .ManageSubtopics .DetailsArea { float:left; width: 300px; height:120px;border:1px solid gainsboro; background:#FCFCFC; padding:10px; margin:5px 5px 0px 5px; }
#AdminContentArea .ManageSubtopics .DetailsArea .Title { font-weight:bold; font-size:14px; margin-bottom:5px; }
#AdminContentArea .ManageSubtopics .ControlButtons { clear:both; margin-top:5px; text-align:center}

/****************/
/* EditStory.aspx*/
#AdminContentArea .EditStory { }
#AdminContentArea .EditStory .ContentEditor { margin-top:30px; clear:both; }