body { height:100%; font-size:small; font-family:Verdana, Helvetica, sans-serif; margin:0; }
.pagebody { background-image:url('website_background.jpg'); background-repeat:repeat; }


/* These are ids for container divs in layout.master */
#wrapwebsite { background-color:#f3f3f3; margin:0 22px; }
#wrapcenter { clear:left; min-height:300px; margin:0 5px; }
#wrapfooter { width:98%; left:2.5%; text-align:center; }
#wrapheader { width:100%; height:120px; background:url('header_background.jpg'); background-repeat:repeat-x; margin:32px 0 0; padding:0; }
.wrapheader { background-color:#6f7389; color:#3CF; }


/* 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:26px; top:152px; width:160px; }
html>body .center-nomargins { margin:0; }
html>body .center-rightandleftmargins { margin:0 168px; }
html>body .center-rightmargin { margin:0 168px 0 0; }
html>body .center-leftmargin { margin:0 0 0 168px; }
.rightside { position:absolute; right:26px; top:152px; width:160px; }


/* Elements */
hr { height:1px; background-color:#D1D7DC; color:#D1D7DC; border-width:0; }
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:18px; 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:12px; margin:0; }
.sitelogo { float:left; margin:0; }
.siteheading { font-size:130%; text-decoration:none; margin:0 0 0 7px; padding:20px 0 0; }
h1.siteheading { text-align:left; margin:0; }
h2.moduletitle { height:23px; vertical-align:bottom; padding:4px 0 0 5px; margin: 0; }
h2.moduletitle { color:#cc9c4e; background-color:#e8e8e8; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-top:#ccc 1px solid; font-size:120%; font-weight:700; }
.modulesubtitle { height:23px; color:#FFF; background-color:#e8e8e8; font-weight:700; padding:4px 5px 0; }
.pagelayout h2, .register h2, .sitesettings h3 { font-size:14px; }



/* Form styles */
fieldset { background:#e8e8e8; border:solid 1px #ffc796; 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; }
.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.txterror { color:red; font-size:100%; font-weight:700; }
.watermarktextbox { width:9em; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
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 { background-color:#6d6475; color:#3CF; text-align:right; font-weight:700; }
div.topnav { position:absolute;top:3px; left:0; height:29px; width:100%; margin:0; }
ul.topnav { float:left; display:inline; margin:5px 0 0; padding:0 0 0 37px; }
li.topnavitem { float:left; list-style-type:none; color:#fff; border-left:solid thin #FFF; padding:0 7px; }
li.firstnav { float:left; list-style-type:none; margin-left:-10px; padding:0 7px 0 0; }
.simplelist,.simplelist li { list-style:none; padding:0 0 10px 3px; }
ul.linkitem { list-style:none; margin:0; }
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; }
ul { font-size:80%; }
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 */
.linkitem a { padding:0 0 0 4px; }
a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active { color:#ffc796; }
a.sitelink:hover { color:#ffc796; text-decoration:underline; }
a:hover { color:#08619a; text-decoration:underline; }
legend a.ModuleEditLink,legend a.ModuleEditLink:link,legend a.ModuleEditLink:visited,legend a.ModuleEditLink:hover,legend a.ModuleEditLink:active {
color:#cc9c4e;
font-size:smaller;
}
a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a.ModuleEditLink:hover,a.ModuleEditLink:active { font-size:smaller; }
.WelcomeMessage,.sitelink { font-weight:700; font-size:85%; }
.buttonlink { background-color:transparent; color:#03F; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none;padding-left: 0px; text-align:left; }
.linkitem,.linkaltitem { padding:4px 0; }
.accent { font-weight:700; }
legend,a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a.ModuleEditLink:hover,a.ModuleEditLink:active,a:link,a:visited,a:active {
color:#cc9c4e;
}
.sitelink,a.sitelink:link,a.sitelink:visited,a.sitelink:active,.accent {
color:#fff;
}
legend a,a.siteheading:link,a.siteheading:visited,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;
}

a.siteheading:hover,a.selectedcrumb:hover,a.unselectedcrumb:hover {
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;  }

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


.modulepager { vertical-align:top; background-color:#e8e8e8; padding:4px; }
a.ModulePager:link,a.ModulePager:visited,a.ModulePager:hover,a.ModulePager:active { color:#cc9c4e; text-decoration:underline; }
.selectedpage,a.SelectedPage:link,a.SelectedPage:visited,a.SelectedPage:hover,a.SelectedPage:active { color:#000; }
a.SelectedPage:hover { font-weight:700; text-decoration:underline; }
.selectedpage { font-weight:700; }
a.SelectedPage:link,a.SelectedPage:visited,a.SelectedPage:active { font-weight:700; text-decoration:none; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 16px; }


.modulecontent { vertical-align:top; background-color:#e8e8e8; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; text-align:left; padding:4px; }
.modulefooter { font-size:smaller; text-align:center; margin:0 0 10px; padding:0; }

.modulealtrow { background-color:#ccc; }
.ui-layout-container, .ui-layout-container .ModulePager, .ui-layout-container  .modulepager { color:#000000; background-color:#ffffff; }
.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;}
.editpanel { position:absolute; top:50px; right:50px; }
.adminlink { margin: 0px 5px 0px 0px;  }
div.searchpanel { position:absolute; top:1px; right:25px; white-space:nowrap; }
div.addthisbutton { position:absolute; top:9px; right:253px; }
.toprightbanner { float:right; margin:15px 15px 0 0; padding:0; }
.clear { clear:both; }
.moduleedit { height:28px; background-color:#C7D0D7; text-indent:4px; margin:0; padding:0; }
.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; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { font-size:100%; font-weight:400;  }
.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; }