/*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 {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  margin-top: 5px; 
  background-color: #000000;
  color: #FFFFFF;
}
h1, h2, h3, p,table, ul { margin: 10px; }
h1 {font-size: 20pt;  font-family: 'Trebuchet MS';color: #3399FF;}
.h1 {font-size: 20pt;  font-family: 'Trebuchet MS';color: #3399FF;font-weight: bold;}
h2 {font-size: 14pt; font-weight: bold; }
h3 {font-size: 12pt; }
li {margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
th {white-space: nowrap; font-weight: bold; }
td {text-align: left; vertical-align: top; }
a {
  color: #FFFF00;
  text-decoration: none;
}
a:hover {
  color: #00FF00;
  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 {
  background-position: 0px 175px;
  padding: 0px;
  margin: 0 auto 0 auto;
  width: 1060px;
  background-image: url("Images/background.png");
  background-repeat: repeat-x;
  background-color: #000000;
  position: relative;
}
#page a { font-size: 11pt; }

#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: absolute;
  top: -7px;
}
#header #h_sites {
  text-align: right;
  position: absolute;
  top: -7px;
  /* top: -42px;*/
  display: block;
  width: 470px;
  float: right;
  right: 50px;
  /*left: -50px;*/
}
/* 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: 1060; 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 {
  position: absolute;
  right: 34px;/* 34px;*/
  top: 110px; /*-145px;*/
  height: 63px;
  float: right;
  z-index: 1;
}
#nav #tab_left_end {
  background-position: left top;
  background: url("Images/TabLeftDefault.png") no-repeat top left;
  width: 14px;
  height: 63px;
  display: inline;
  position: absolute;
}
#nav #tab_right_end {
  background-position: right top;
  background: url("Images/TabRightDefault.png") no-repeat top right;
  text-align: right;
  display: inline;
  width: 14px;
  position: absolute;
  height: 63px;
}
#nav #tab {
  text-align: right;
}
#nav ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 14px;
}
#nav ul li { display: inline;margin: 0;padding: 0;height: 44px;line-height: 44px;}
#nav ul li a {
  text-decoration: none;
  background-position: right top;
  background: url("Images/TabRight.png") no-repeat top right;
  cursor: pointer;
  float: left;
  text-decoration: none;
  margin: 0;
  padding: 0 21px 0 0;
  font-size: 12pt;
}
#nav ul li a span {
  background-position: left top;
  background: url("Images/TabLeft.png") no-repeat top left;
  color: #000000;
  height: 63px;
  text-align: center;
  display: block;
  padding: 0 0 0 21px;
}
#nav ul li a:hover {
  background-position: 100% -63px;
}
#nav ul li a.selected {  color: #77933C; }
#nav ul li a:hover span { background-position: 0px -63px; }
#nav ul li a.selected span { color: #77933C; }

#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;}

#content {
  top: -52px;
  width: 1060px;
  position: relative;
  display: block;
  left: 5px;
}
#content #graphicMenu {
  height: 147px;
  position: relative;
}

.menuBlock {
  position: relative;
}
.gMenuItem {
  text-align: center;
  float: left;
}
.gMenuItem3 {
  width: 352px;
}
.gMenuItem4 {
  width: 265px;
}
.gMenuItem5 {
  width: 212px;
}
.gMenuItem6 {
  width: 175px;
}
.gMenuItem7 {
  width: 149px;
}
.gMenuImage {
  display: block;
  height: 82px;
  overflow: hidden;
  width: 160px;
  margin-right: auto;
  margin-left: auto;
}

.gMenuText {
  color: #FFFFFF;
}

.gMenuItem a { color: #FFFFFF; text-decoration: none;}
.gMenuItem a:hover {
  color: #000000;
  text-decoration: underline;
}

.gMenuImage:hover {
  height: 96px;
}
/*
.gMenuImage:hover {
  border-style: none dotted dotted dotted;
  border-width: 4px;
  border-color: #808080;
  overflow: hidden;
  padding-left: 3px;
  padding-bottom: 5px;
}*/
#content #theContent {
 /* position: fixed;
  top: 400px;*/
}
#leftLink {
  width: 210px;
  position: absolute; /*display: block;*/
  text-align: center;
  top: 160px;
}
.leftLinkStyle {
  margin-bottom: 20px;
  padding-top: 5px;
}

#mainContent {
  width: 600px;
  position: relative;
  left: 210px;
  min-height:350px;
}
#rightAd {
  width: 210px;
  left: 810px;
  position: absolute;
  top: 160px;
  text-align: center;
}
#fullContent {
  width: 1060px;
  position: relative;
  left: -15px;
  min-height: 350px;
  top: -26px;
}

.TextAroundLeft {
  margin: 5px;
  display: inline;
  float: left;
}
.TextAroundRight {
  margin: 5px;
  display: inline;
  float: right;
}

.picRightBackground {
  background-image: url(../../wMenuTab/media/map.jpg);
  background-position: center 180px;
  background-repeat: no-repeat;
  overflow: visible;
}
.construction {
  background-image: url(../../wMain/media/constructionBP.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 500px;
  height: 325px;
  color: #000000;
  text-align: center;
  font-size: large;
  margin-right: auto;
  margin-left: auto;
}

#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 {
  height: 50px;
  position: relative;
}
#footer p {
  font-size: 8pt;
  text-align: center;
  vertical-align: bottom;
  top: 0px;
  position: relative;
  color: #808080;
}
#footer ul {
  list-style: none;
  font-size: 8pt;
  position: relative;
  top: 0px;
  text-align: center;
}
#footer li {
  display: inline;
  margin: 0;
  font-size: 8pt;
  color: #00FF00;
}
#footer a {
  color: #C0C0C0;
  font-size: 8pt;
  text-align: center;
}

/*Page Styles*/
/* Default */
.LifeImage {
  padding: 0px;
  text-align: center;
  width: 245px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  position: relative;
  top: 50px;
}

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



.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("../../wWelcome/media/grayRectL.png");width: 16px;height: 213px;background-repeat: no-repeat;}
.grayMid { background-image:  url("../../wWelcome/media/grayRectM.png");background-repeat: repeat-x;width: 400px;height: 213px;}
.grayRight { background-image: url("../../wWelcome/media/grayRectR.png");width: 16px;height: 213px;background-repeat: no-repeat;}
.grayPic { position: relative; top: 25px; }

/**** <asp:GridView /> ****/
.lfc_gv {
  background-color: #000000;
  border-collapse: collapse;
}
.lfc_gv th, .gv td {
  text-align: left;
  padding: 8px;
  font-size: 14pt;
}
.lfc_gv th {
  color: #fff;
  background-color: #000000;
}
.lfc_gv th a { color: #fff; text-decoration: none; }
.lfc_gvar {
  background-color: #000000;
}
.lfc_gvpr td {
  padding: 4px;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #000000;
  font-size: 11pt;
}
.lfc_gvpr a {
  color: #00FF00;
  font-weight: bold;
}
.lfc_gvpr td table { margin: 0; }

.lfc_gv_alt {
  background-color: #00009F;
}

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