body { color:#666; background-color:#FFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; }


/* These are ids for container divs in layout.master */
#wrapwebsite { background-image:url('BG.gif'); background-repeat:repeat-x; }
#wrapheader { height:165px; margin-left:25px; background-image:url('LOGO.gif'); background-repeat:no-repeat; padding:0; }
.wrapcenter { width:100%; min-height:400px; margin:3px 0 0; }
#wrapfooter { background-image:url('graybg.png'); background-repeat:repeat-x; text-align:center; padding:10px; }
#wrapfooter,#wrapfooter a { color:#000; }



/* these are the main column layouts for supporting automatic column layout from 1 to 3 columns 
   left and right are positioned with absolute positioning which allows you to put the center section first in the layout
    possibly improving SEO, left and right are fixed width and center is variable width making room for left and right by margins
the system programmatically assigns one of the classes to the center column depending on whether content exists
 in the left or right content sections
*/
.leftside { position:absolute; left:6px; top:172px; width:160px; }
html>body .center-nomargins { margin:3px 5px 0; }
html>body .center-rightandleftmargins { margin:0 172px; }
html>body .center-rightmargin { margin:0 172px 0 5px; }
html>body .center-leftmargin { margin:0 5px 0 172px; }
.rightside { position:absolute; right:6px; top:172px; width:160px; }



/* Elements */
p { line-height:20px; }
hr { color:Silver; height:1pt; text-align:left; }
img { border:0; }


/* Headings */
h1 { font-family:arial, sans-serif; font-size:40px;  }
h2 { font-family:arial, sans-serif; font-size:36px;  }
h3 { font-family:arial, sans-serif; font-size:19px; margin:0; }
h4 { font-family:arial, sans-serif; font-size:16px;  margin:0;}
h5 { font-family:arial, sans-serif; font-size:14px; margin:0;}
h6 { font-family:arial, sans-serif; font-size:13px; margin:0;}
.sitelogo { position:absolute; top:5px; left:5px; z-index:300; margin:0; }
h1.siteheading { width:250px; display:block; float:left; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:20px; font-weight:400; margin:25px 0 0 65px;padding:0; }
h2.moduletitle { height:23px; vertical-align:middle; margin:0; padding:0 0 0 5px;  color:#98785B; font-size:24px; font-weight:400; }
div.center-nomargins h2.moduletitle { margin:0 0 7px; }
div.leftside h2.moduletitle,div.rightside h2.moduletitle { background-color:#737373; color:#E3E3E3; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; text-transform:uppercase; }
.modulesubtitle { height:23px; vertical-align:bottom; color:#FFF; background-color:#C7D0D7; font-size:small; font-weight:700; margin:5px 0 0; padding:4px 0 4px 5px; }
.pagelayout h2, .register h2, .sitesettings h3 { font-size:14px; }


/* Form styles */
fieldset { border:1px solid #ccc; margin:0; padding:1em; }
legend { font-size:larger; font-weight:700; }
ol.formlist { list-style:none; margin: 0px; }
li.settingrow  { list-style:none; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.modulebuttonrow { clear:left; text-align:center; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox, .login .signinbox, .login .passwordbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }
.txterror { font-size:100%; font-weight:700; color:Red; }
.watermarktextbox { width:9em; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
.txtcopyright { font-size:80%; font-weight:400; }
input.openid_login { background:url('openidlogin.gif') no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

.pagelayout .addcontent{float: left; margin: 0 0 20px; }
.pagelayout .panelayout { clear: both; margin: 0 0 20px 0; padding: 0;}
.pagelayout .panelayout h2 {text-align: center; margin: 0 10px 10px 0;}
.pagelayout .regularpanes{margin: 0 auto; width: 630px; clear: both;}
.pagelayout .pane{float: left; clear: none;margin: 20px 0 20px 0; position: relative;}
.pagelayout .layoutcenter{margin: 20px 30px;}
.pagelayout .layoutalt1,
.pagelayout .layoutalt2{float: none;clear: both; width: 190px; margin: 0 auto; position: relative;}
.pagelayout .altlayoutnotice{margin-bottom: 20px;}
.pagelayout .panelistbox{position: relative; width: 190px;}
.pagelayout .pane select {width: 170px; margin-right: 10px;}
.pagelayout .layoutbuttons{right: 0; top: 5px; position: absolute;}
.pagelayout .layoutbuttons input{display: block; margin-bottom: 10px;}

/* Grids and Tables */
table.editgrid { margin:10px; }
table.editgrid th { font-weight:700; padding:7px; }
.AspNet-GridView table thead tr th { padding:2px; }
.AspNet-GridView table tbody tr td { color:#333; background:#FFF; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; text-align:left; padding:2px 20px 2px 2px; }
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td { background:#F7F6F3; }
table.editgrid td { padding:7px; }


/* Lists */
ol.searchresultlist { list-style-type:none; }
.topnav { position:absolute; top:0; right:0; width:100%; height:26px; text-align:right; font-size:100%; font-weight:700; padding:0 20px 0 0; }
.topnav ul { float:right; display:inline; margin:5px 0 0 10px; }
li.topnavitem { float:left; list-style-type:none; border-left:solid thin #FFF; padding:0 7px; }
li.firstnav { float:left; list-style-type:none; padding:0 7px 0 0; }
li.linkitem,li.linkaltitem { display:block; min-height:18px; margin-top: 5px; border-bottom-color:#737373; border-style:none none dashed; border-width:0 0 1px; }
.linkitem a { padding:0 0 0 4px; }
.simplelist,.simplelist li { list-style:none; padding:0 0 10px 3px; }
ul.linkitem { list-style-type:none; margin:0 0 15px; padding:2px; }
div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }
.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; font-size:90%; margin:0 0 0 -40px; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; font-size:100%; }
div.panelwrapper ul.simplelist { margin-bottom:0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0; padding:0; }
ul.simplehorizontalmenu li { display:inline; padding:0 10px; }
li.linkitem a,li.linkaltitem a { color:#A58970; text-decoration:none; }
ul { font-size:smaller; }
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item { white-space:nowrap; }
ul.simplehorizontalmenu li.selecteditem { font-weight:700; }
div.sitemap .AspNet-TreeView-Expand
{background:  url('expand.gif') 0 0 no-repeat; width: 15px; margin-right: 5px;
 float:left; cursor: pointer; line-height: 15px;  }	
div.sitemap .AspNet-TreeView-Collapse
{background: url('collapse.gif') 0 0 no-repeat; width: 15px; margin-right: 5px;
  float:left; cursor: pointer; line-height: 15px;}
.AspNet-TreeView-Hide { display:none;}
div.sitemap a.AspNet-TreeView-Expand, div.sitemap a.AspNet-TreeView-Collapse  { text-decoration: none; }

.tag-cloud { list-style-type:none; margin:15px 0 3px -30px; }
.tag-cloud li { display:inline; list-style-type:none; }
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; } 
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }


/* Links */
h1.siteheading a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active { color:#5D5D5D; }
a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a.ModuleEditLink:hover,a.ModuleEditLink:active { color:#666; font-size:10px; }
a: hover { color:#38B; }
.sitelink,a.sitelink:link,a.sitelink:visited,a.sitelink:hover,a.sitelink:active,div.leftside h2.moduletitle a.ModuleEditLink,div.leftside h2.moduletitle a.ModuleEditLink:link,div.leftside h2.moduletitle a.ModuleEditLink:visited,div.leftside h2.moduletitle a.ModuleEditLink:hover,div.leftside h2.moduletitle a.ModuleEditLink:active,div.rightside h2.moduletitle a.ModuleEditLink,div.rightside h2.moduletitle a.ModuleEditLink:link,div.rightside h2.moduletitle a.ModuleEditLink:visited,div.rightside h2.moduletitle a.ModuleEditLink:hover,div.rightside h2.moduletitle a.ModuleEditLink:active {
color:#FFF;
}
h3 a,a,a:link,a:visited,a:active,.modulepager,a.ModulePager:link,a.ModulePager:visited,a.ModulePager:active {
color:#666;
}
legend a,a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active,a.sitelink:link,a.sitelink:visited,a.sitelink:active,a.selectedcrumb:link,a.selectedcrumb:visited,a.selectedcrumb:active,a.unselectedcrumb:link,a.unselectedcrumb:visited,a.unselectedcrumb:active {
text-decoration:none;
}
.sitelink { font-size:100%; font-weight:700; }
a.sitelink:hover,a.selectedcrumb:hover,a.unselectedcrumb:hover,#wrapfooter a {
text-decoration:underline;
}
.pageditlinks a { margin: 3px 7px 3px 0px; }
a.adminlink ,
a.adminlink:link ,
a.adminlink:visited ,
a.adminlink:hover ,
a.adminlink:active { 
font-size: 16px; 
border-left: 1px solid #a4a4a4;
  padding: 8px 8px 10px 8px;
  line-height: 32px;
  color: #555;
  text-decoration:none;
}
a.adminlink:hover {  text-decoration:underline;}
.extrasearchlink { padding-left: 10px;  }
.accent { color:#FFF; font-weight:700; }
.buttonlink { background-color:transparent; color:#03F; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none; padding-left: 0px; text-align:left;}


.breadcrumbs { padding:4px 4px 10px; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }

a.ModulePager:hover { color:#38B; text-decoration:underline; }
a.SelectedPage:hover { color:#000; text-decoration:underline; }
.selectedpage { font-size:80%; font-weight:700; line-height:12px; }
.selectedpage,a.SelectedPage:link,a.SelectedPage:visited,a.SelectedPage:active { color:#000; }
.modulepager { font-size:100%; font-weight:700; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 16px; }

.modulecontent { vertical-align:top; font-size:110%; padding:0 4px; }
.modulefooter { font-size:smaller; text-align:center; margin:0; padding:0; }
.modulerow { background-color:#FFF; }
.modulealtrow { background-color:#C7D0D7; }

div.leftside div.modulecontent,div.rightside div.modulecontent,div.leftside div.htmlmodule,div.rightside div.htmlmodule {
background-color:#ECECEC;
}

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }
.bmap { position:relative; }

.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumMetaName { font-weight:700; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px; }
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }

.ratingcontainer { float:right; white-space:nowrap; margin:5px 5px 5px 5px;  }
.ratingprompt { float: left; margin-right: 5px; }
.leftside .ratingprompt , .rightside .ratingprompt{ display: none; }
.voteswrap { margin-left: 5px; }
.ratingcontainer div { float:left; white-space:nowrap; margin:0px 0px 0px 0px;  }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }

.ratingbuttons {  margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;  }
.rcommentprompt { display:block;}
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:206px; height:200px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:200px; height:100px; }

.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}
.mojo-tabs {  font-size:inherit;}

.topbanner { position:absolute; top:90px; left:60px; }
.editpanel { position:absolute; top:124px; right:20px; }

div.addthisbutton { position:absolute; top:60px; right:20px; }
.clearpanel { clear:left; padding-top:15px; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.clear { clear:both; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { font-size:100%;font-weight:400; }
.logolist,.pageicons,.skiplink { display:none; }
.padded { padding:7px; }
.cmwrapper { margin:10px; }

/* password stength meter */
.pwspoor { background-color: Red; color:White; padding:5px 5px 5px 5px;}
.pwsweak { background-color: Orange; color:White; padding:5px 5px 5px 5px; }
.pwsaverage { background-color: Yellow; color:Black; padding:5px 5px 5px 5px; }
.pwsstrong { background-color:Teal; color:Black; padding:5px 5px 5px 5px; }
.pwsexcellent { background-color:Green; color:White; padding:5px 5px 5px 5px; }
.pwdstrengthbarborder { border-style:solid; border-width:1px; width:200px; vertical-align:middle; }
.pwdstrengthbar { width:200px; height:15px; padding:2px 2px 2px 2px;}

.hidden{ display:none; }
  
.fthumbs img{
    padding:5px;
    margin:5px;
    -moz-box-shadow:#333 2px 2px 5px;
    -webkit-box-shadow:#333 2px 2px 5px;
    cursor:pointer;
  }
  
  span.btn{
    padding:10px;
    margin-left:5px;
    display:inline-block;
    cursor:pointer;
    font:12px/14px Arial, Helvetica, sans-serif;
    color:#aaa;
    background-color:#eee;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -moz-box-shadow:#999 2px 0px 3px;
    -webkit-box-shadow:#999 2px 0px 3px;
  }
  span.btn.pages{ background-color:#fff;}
  span.btn.pages:hover, span.btn.pages.sel { background-color:#f3f3f3; color:#999; }
  span.btn:hover, span.btn.sel{ background-color:#000; }
  .galleryinfo{ position:relative; display:inline-block;  margin-top:10px; }

.floatrightimage { float:right; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }