﻿/* change default html styles */
* { margin: 0; padding: 0; }
li { list-style-type: none; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl { }
a img { border-style: none; }
.ClearMe:after, .FloatLeft:after, .FloatRight:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a { color: #fff; text-decoration: underline; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.Hidden, .hidden { display: none; }
.left, .Left { float: left; }

/* Layout */
body { font-family: Arial, Sans-Serif; font-size: 78.5%; background: #000 url( '/content/images/BlueBackground.jpg' ) no-repeat top center; }
.Layout { width: 772px; margin: 0 auto; font-size: 1em; }
.Banner { width: 772px; height: 294px; background: url( '/content/images/Banner.png' ) no-repeat center; }
.Banner .Login { float: right; margin: 10px;margin-top:9px; }
.Header, .Banner, .GroupTypes { margin: 0; padding: 0; }
.Features, .HighLights, .ContactUs { padding: 15px; margin-bottom: 25px; }
.Features { float: left; background: url( '/content/images/churchfeaturebg.png' ); width: 440px; height: 360px; }
.HighLights { float: right; background: url( '/content/images/churchhighlightbg.png' ); width: 245px; height: 360px; }
.ContactUs { height: 407px; background: url( '/content/images/ContactBackground.jpg' ) no-repeat center top; }
.ScreenShot { float: right; margin-left: 5px; }
.CopyRight { text-align: center; color: #fff; margin-bottom: 150px; }
table.TableForm { margin: 5px; }
.GroupTypes { position: relative; overflow: hidden;background: url(   '/content/Images/GroupTypeBackground.png' ); width: 742px; height: 117px; padding: 12px 15px;margin-top:8px; }
.fisheye { text-align: center !important; height: 40px; position: absolute;margin-top:11px;margin-left:372px;}
a.fisheyeItem { text-align: center; color: #333; font-weight: bold; text-decoration: none; width:91px;position: absolute; display: block;}
.fisheyeItemimg { border: none; width: 100%; }
.fisheyeItem span { display: none; position:absolute;margin-left:-22px;margin-top:60px;}
.fisheyeContainer { height: 40px; position: absolute; }


/* The first child selector keeps from messing up small calendar */
.TableForm > td { padding: 5px; margin: 5px; }
.TableForm .FormLabel, .Label { text-align: right; width: 120px; color: inherit; padding: 5px; margin: 5px; }
.TableForm .FormText, .Text { width: 280px; border: #999 solid 1px; background: #F7F7F7; padding: 5px; margin: 5px; }
.Form { padding: 5px; }
.TableForm select { cursor: pointer; }
.LargeWhiteBoxTop {  padding-top: 5px; }
.LargeWhiteBoxBottom { background: url('/content/images/subpagebg.gif') repeat-x bottom center #fff; padding: 20px 25px;  }
.SubPageFoot {width:772px;height:7px;background: url('/content/images/subpagebottom.png');}
.SubPageTop  {width:772px;height:7px;background: url('/content/images/subpagetop.png');}
.LargeWhiteBoxBottom a { color: #009900; text-decoration: underline; }
.LargeWhiteBoxBottom p { color: #333; }
.LargeWhiteBoxBottom h1, .LargeWhiteBox h2 { color: #333; padding-bottom: 10px; padding-top: 10px; }
.LargeWhiteBoxBottom h3, .LargeWhiteBox h4 { color: #333; padding-bottom: 10px; padding-top: 10px; }

/* For Features */
.Feature { margin-bottom:5px;min-height:45px;}
.Feature p, .Feature li { margin-left: 50px; font-size: 85.01%; }
.Feature img { float: left; }
.HighLights li { margin-bottom: .3em; list-style-position: outside; margin-left: 1em; }

/* Login Control */
.AspNet-Login-TitlePanel span { display: none; }
.AspNet-Login { text-align: right; margin-right: 10px; }
.AspNet-Login em { font-style: normal; }
.AspNet-Login-UserPanel input, .AspNet-Login-PasswordPanel input { width: 100px; background-color: #f0f0f0; border: solid 1px #ccc; }
.LabelUser, .LabelPass {font-weight:bold;color:#333;font-size:105%;padding-right:5px;}
input[type="submit"] { border: solid 1px #ccc; background: #f7f7f7 repeat-x center; cursor: pointer;margin:0; }
.InputUser, .InputPass {margin-right:-5px;}
.Members-SignIn {font-weight:bold;font-size:120%;color:#333;}
.AspNet-Login-RememberMePanel {margin-bottom: 5px;margin-top:3px;}

/* JQuery Tabs */
.tab_buttons { padding-left:5px;background:url('/content/images/churchtabbg.gif') top repeat-x;border-top:1px solid #00436e;border-bottom:1px solid #00436e;border-right:1px solid #00436e;border-left:1px solid #00436e;}
.tab_buttons a { background:url('/content/images/churchtabbg2.gif') top repeat-x;color: #D0D6FF;text-decoration:none;border-left:1px solid #00436e;line-height:25px;padding:5px 8px;border-right:1px solid #00436e;}
.tab_buttons a.on {font-weight:bold;background:none #fff;border-bottom:1px solid #fff;color:#000; }
.TabContent { padding: 15px; border-left: 1px solid #00436e; border-right: 1px solid #00436e; border-bottom: 1px solid #00436e; height: 300px; }

/*Form */
.ContactUsForm { text-align: left; margin-top: 25px; width: 650px; }
.ContactUsForm span { font-size: 1.3em; font-weight: bold; margin: 15px 0; display: block; text-align: right; }
.ContactUsForm input[type=text] { background-color: transparent; border: none; border-bottom: solid 1px #666; padding: 3px; width: 400px; font-size: .95em; font-weight: bold; }
.ContactUsForm input[type=submit] { padding: 2px; margin-left: 190px; }
.ContactUs h2, .ContactUs a { margin-left: 50px; margin-top: 25px; }
.ContactUs a { text-decoration: none; color: Black; }

a.LightGrayButton { color: #666 !important; text-decoration:none !important; font-weight:bold !important; font-size:11px; padding: 5px 11px; background: #f7f7f7 url(/Content/images/graygradientbackground.jpg) repeat-x center; border: solid 1px #ccc; white-space:nowrap; }

a.LightGrayButton:hover { color:#333 !important; background: #f7f7f7 url(/Content/images/darkgraygradientbackground.jpg) repeat-x center; border:soild 1px #333; }

