/*Reset*/
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;}

/*Globals*/
body { background-image:url("Images/bubbleBkg.png"); background-repeat:repeat; font-family: Arial, Helvetica, sans-serif;font-size: 10pt;margin-top: 5px;}
h1, h2, h3, p,table, ul { margin: 10px; }
h1 {font-size: 20pt;  font-family: 'Trebuchet MS';color: #3399FF;}
h2 {font-size: 14pt; font-weight: bold; }
h3 {font-size: 12pt; font-weight: bold; }
li {margin: 10px 10px 10px 40px; }
th {white-space: nowrap; font-weight: bold; }
td {text-align: left; vertical-align: top; }
a {color: #3B5E0B; text-decoration: none; }
a:hover { color: #3B5E0B; text-decoration: underline; }
input.text, textarea { border: solid #3A75B6 1px; padding: 2px; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote { margin: 10px 50px; }

.clear { clear: both; }
.right { text-align: right; }
.tcenter { text-align: center; }
/* dont show transparent pngs in IE until the js fixes them */
.ie5 .iefix, .ie6 .iefix { display:none; } 

/*Layout  z-index: -100;*/
#page { border: 1px solid #000000;padding: 0px;margin: 0 auto 0 auto;width: 960px;background-color: #fff;}
#page a { font-size: 10pt; }

#header { height: 262px; }
#header #h_s_and_l {overflow: hidden; height: 90px;z-index: 3; position: relative; color: #FFFFFF;vertical-align: text-top; }
#header #h_link { text-align: left; width: 470px; position: relative; top: -7px; }
#header #h_sites { text-align: right;position: relative;top: -42px;display: block;  width: 470px;float: right; }
/* display: block; width: 480px;  */
#header ul { list-style: none; }
#header ul li {  display: inline; margin: 0 2px; font-size: 8pt; }
#header ul li a { text-decoration: none; font-size: 8pt; color: #FFFFFF; }
#header ul li a:hover { text-decoration: underline; }
#header ul li.username { font-weight: normal; }

#header #h_wave { width: 960; height: 126px; position: relative; top: -90px; z-index: 0; }
#header #h_logo { width:334; height:130px;position: relative; top: -153px; z-index: 1; left: 60px; }
#lfc_logo { width:334; height:130px;}

#nav { z-index: 5; }
#nav #bar { border-width: 1px; border-color: #000000; z-index: 2; background-color: #000000; width: 159px; height: 2px; position: relative; top: -50px; }
#nav #vbar { border-width: 1px; border-color: #000000; z-index: 10; background-color: #000000; width: 2px; height: 42px; position: relative; top: -71px; left: 159px; }

#nav #tab { height: 53px; text-align: right; }
#nav ul { list-style: none; margin: 0; padding: 0; position: relative; left: 160px; top: -115px; }
#nav ul li { display: inline;margin: 0;padding: 0;height: 44px;line-height: 44px;}
#nav ul li a { background: url("Images/tab_right.png") no-repeat top right;text-decoration: none;cursor: pointer;float: left;text-decoration: none;margin: 0;padding: 0 15px 0 0;font-size: 10pt;font-weight: bold;}
#nav ul li a span { background-position: left top;background: url("Images/tab_left.png") no-repeat top left;color: #000000;height: 53px;text-align: center;display: block;padding: 0 0 0 15px;}
#nav ul li a:hover { background-position: 100% -53px; }
#nav ul li a.selected { background-position: 100% -106px; color: #183554; }
#nav ul li a:hover span { background-position: 100% -53px; }
#nav ul li a.selected span { background-position: 100% -106px; color: #183554; }

#content { position: relative; top: -75px; }

#columns { background: url(Images/columns_bg.png) top left repeat-y; }
#column1 { width: 500px; overflow: hidden; float: left; }
#column1 a { font-size: 10pt; }
#column2 { width: 250px; overflow: hidden; float: right; }
#column2 a { font-size: 10pt; }

.myColHead { background-position: center bottom;background-image: url(/Images/arc.jpg);background-repeat: no-repeat;background-attachment: scroll;font-family: 'Trebuchet MS';font-size: 24px;color: #3399FF;text-align: center;}
#vm { position: relative;top: -42px;left: -12px; z-index:4}
#ava { }
#amma { }
.v_style { width: 640px;}

.vlife_style { background-position: 25px top; width: 640px; background-image: url(http://TheVisionStandsFirm.com/_CommonPics/life2.jpg); background-repeat: no-repeat; background-attachment: scroll; height: 360px; }

.m_style { width: 320px;}
.a_style { width: 160px;}

#footer { background-position: right top;background-color: #FFFFFF;background-image: url(http://TheVisionStandsFirm.com/_CommonPics/FellowshipChapel.jpg);background-repeat: no-repeat;border: 1px solid #FFFFFF;height: 75px;}
#footer p { font-size: 8pt; text-align: right; vertical-align: bottom; top: 48px; position: relative; }
#footer ul { list-style: none; float: left; font-size: 8pt; position: relative; top: 48px; }
#footer li { display: inline; margin: 0; font-size: 8pt; }
#footer a { color: #000000; font-size: 8pt;}

/*Page Styles*/
/* ~/Admin/Default.aspx */
#dashboard { width: 750px; margin: 0; padding: 0; }
#dashboard .column1 { width: 500px; }
#dashboard .column1 table { margin-right: 0; }
#dashboard .column2 { width: 250px; }

/* ~/Admin/Users.aspx */
#searchterms { margin: 10px; background-color: #eee; border: solid #3A75B6 1px; }
#searchterms li, a { font-size: 8pt; }
#searchterms li { margin-top: 2px; margin-bottom: 2px; }
#searchterms p { margin: 2px 4px; }

#userlist { }
#userlist .gv { margin: 0 10px; }
#userlist .count { margin: 0 10px; text-align: right; font-size: 8pt; font-weight: bold; }
#userlist .gvedrs td { width: 730px; padding: 5px; }

/* ~/Admin/Roles.aspx */
#roles { }
#roles .list { margin: 0 10px; padding: 10px; border: solid #3A75B6 1px; background-color: #eee; }
#roles .list table { margin: 0; padding: 0; }
#roles .list td { padding: 4px; }
#roles .list label { margin-left: 5px; }
#roles .note { margin: 0 10px; }

/* ~/Login.aspx */
#login { margin: 50px; }
#login .container { width: 200px; margin-left: auto; margin-right: auto; }
#login h1 { margin: 0 0 10px 0; padding: 0; }
#login p { margin: 10px 0 0 0; padding: 0; font-size: 10pt; }
#login a { font-size: 10pt; }
#login label { display: block; font-weight: bold; }
#login input.text { width: 195px; }

/* ~/Signup.aspx */
#signup { margin: 50px 195px; width: 355px; }
#signup h1 { margin: 0 0 10px 0; padding: 0; }
#signup table { margin: 0 0 10px 0; border: none; width: 355px; }
#signup td { padding: 5px; }

/* ~/ForgotPassword.aspx */
#passwordrecovery { margin: 50px; }
#passwordrecovery .container { width: 300px; margin-left: auto; margin-right: auto; }
#passwordrecovery h1 { margin: 0 0 10px 0; padding: 0; }
#passwordrecovery p { margin: 10px 0 0 0; padding: 0; }
#passwordrecovery label { display: block; font-weight: bold; }
#passwordrecovery input.text { width: 295px; }

/* ~/Member/Account.aspx */
#accountinfo { }

.hcregion { border:dashed #000 1px; }
.hcsharedregion { border: dashed #f00 1px; }

/*ASP.NET Controls*/
.dir_table {width: 80%;}
.dir_table th {border-color: #008000;}
.dir_table td {text-align: center;width: 50%;}
.dir_cell { text-align: left;} 

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/
/* new menu with drop shadows */
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
.shell {}
This box also has one of the corner .png's. upperrightfade.png */
.shell { position: relative; left: 5px; }
.outerpair1 { background: url(../../wMain/media/upRight.png) right top no-repeat; }

/* .outerpair2 has padding equal to the shadow thickness, and also has one of the corner .png's lowerleftfade.png*/
.outerpair2 { background: url(../../wMain/media/lowLeft.png) left bottom no-repeat; padding-top: 25px; padding-left: 25px; }

/* .shadowbox holds the main shadow .png */
.shadowbox { background: url(../../wMain/media/shadowBox.png) bottom right; }

/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */
.innerbox { position: relative; left: -25px; top: -25px; }
.innerbox img { background-color: #FFFF00; vertical-align: bottom; }
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */
/* .shadowbox img { border: 1px solid #000000; vertical-align: bottom; }*/

.menuBlock {  }

.menu_table { }
.menu_table th {}
.menu_table td {}
.mmTable { }
.mTable { }
.menuStyle { }
.mlevel1 { }
/* { background-position: left;background-image: url("Images/triangle.jpg");background-repeat: no-repeat;background-attachment: fixed;}*/
.mlevel1Hover {}
/*position: relative;left: 15px;}*/

.menu_lcell { background-image: url("Images/Image1_2x1.png");background-repeat: repeat-y;}

.menu_mcell {}
/* background-image: url("Images/Image1_2x2.png");background-repeat: repeat-x;}*/
.menu_rcell { background-image: url("Images/Image1_2x3.png");background-repeat: repeat-y;}
.menu_tcell { background-image: url("Images/Image1_1x2.png");background-repeat: repeat-x;}
.menu_bcell { background-image: url("Images/Image1_3x2.png");background-repeat: repeat-x;}
.leftGMenu { background-image: url("Images/leftGreenMenu.png");width: 4px;height: 506px;}
.midGMenu { background-image: url("Images/vertGreenMenu.png");background-repeat: repeat-x;display: block;}
.rightGMenu { background-image: url("Images/rightGreenMenu.png");background-repeat: no-repeat;width: 4px;height: 506px;border-collapse: collapse;}
.gradMenu {}
/* { background-position: center bottom;background-image: url(/Images/arc.jpg);background-repeat: no-repeat;background-attachment: scroll;font-family: 'Trebuchet MS';font-size: 24px;color: #3399FF;text-align: center;}*/

.bodyp {margin-top: 0em; margin-bottom: 2em; line-height:180%}

/* Default Page */
.grayLeft { background-image: url("../../wMain/media/grayRectL.png");width: 16px;height: 213px;background-repeat: no-repeat;}
.grayMid { background-image:  url("../../wMain/media/grayRectM.png");background-repeat: repeat-x;width: 400px;height: 213px;}
.grayRight { background-image: url("../../wMain/media/grayRectR.png");width: 16px;height: 213px;background-repeat: no-repeat;}
.grayPic { position: relative; top: 25px; }


/**** <asp:GridView /> ****/
.gv { background-color: #ccc; border: solid #3A75B6 1px; border-collapse: collapse; }
.gv th, .gv td { text-align: left; padding: 2px; font-size: 8pt; }
.gv th { color: #fff; background-color: #2764C1; }
.gv th a { color: #fff; text-decoration: none; }
.gvar { background-color: #fff; }
.gvpr td { color: #fff; font-weight: bold; background-color: #2764C1; font-size: 10pt; }
.gvpr a { color: #ccc; font-weight: bold; }
.gvpr td table { margin: 0; }

/**** <asp:DetailsView /> ****/
.dv { background-color: #ccc; border: solid #3A75B6 1px; border-collapse: collapse; }
.dv td { padding: 4px; }
.dvh { text-align: right; white-space: nowrap; color: #fff; background-color: #2764C1; font-weight: bold; }

/* <asp:ValidationSummary /> */
.vs { color: #fff; background-color: #c00; margin: 0; padding: 4px; }
.vs ul { margin: 0; padding: 0; list-style: none; }
.vs li { margin: 0; padding: 0; font-size: 8pt; font-weight: normal; }

/* <hc:Dialog /> */
.dialog { color: #000; background-color: #fff; border: solid #2764C1 2px; }
.dialog_title { color: #fff; background-color: #2764C1; font-size: 10pt; font-weight: bold; padding: 4px; text-align: left; }
.dialog_content { text-align: left; }
.dialog_content .gv, .dialog_content .dv, .dialog_content table, .dialog_content p { margin: 10px 10px 0 10px; }
.dialog_buttons { padding: 10px; text-align: right; }
.dialog_background { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

/* <hc:Button /> */
button.btn { background-color: transparent; border: none; margin: 0; padding: 0; }
button.btn div { border: 0; cursor: pointer; padding: 0 10px 0 0; text-align: center; height: 28px; }
button.btn div span { display: block; white-space: nowrap; padding: 0 0 0 10px; color: #fff; font-size: 10pt;  font-weight: bold; height: 28px; line-height: 28px; }
/* button graphics */
button.btn div { background: url(Images/button_right.png) top right no-repeat; }
button.btn div span { background: url(Images/button_left.png) top left no-repeat; }
button.btn:hover div { background-position: 100% -28px; }
button.btn:hover div span { background-position: 0% -28px; color: #3B5E0B; }
/* button browser specific tweaks */
.ie button.btn { width: auto; overflow: visible; padding: 0 0 0 4px; }
/*.gecko button.btn div { margin: 0 -3px; } */

/*AjaxControlToolkit Popup Calendar*/
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:240px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:240px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TD {font-size:8pt;padding:0;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(Images/arrow-left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(Images/arrow-right.gif);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}