/*-- HASHTAG TWITTER FEED --*/

#HashTagTweet
{
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;
  margin-bottom: 10px;
}
	
.hashtagTitle a
{
  color: #b6b6b6;
}

.hashtagTitle a:hover
{
  color: #999;
}

#HashTagTweet ul
{
  margin-bottom: 0;
}

#HashTagTweet ul li
{
  background-image: url(/data/images/back_AnnouncementBottom.png);
  background-position: left bottom;
  background-repeat: no-repeat;

  list-style: none;
  margin-left: 0;
  padding-bottom: 10px;
}

#HashTagTweet .tweet
{
  background-image: url(/data/images/back_TwitterHashtagTop.png);
  background-position: top center;
  background-repeat: no-repeat;

  padding-left: 10px;
  padding-bottom: 10px;
}

#HashTagTweet .tweet p.avatar a img
{
  float: left;
  margin: 5px 10px 10px 5px;
  padding: 5px;
  background-color: #d9d7d7;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;
}

#HashTagTweet .tweet p.content
{
  color: #999;
  padding-top: 4px;
}

#HashTagTweet .tweet p.content a
{
  color: #999;
}

#HashTagTweet .tweet p.content .tweet_time
{
  position: relative;
  display: block;
  padding-top: 10px;
}

#HashTagTweet .tweet p.namedatetime
{
  padding: 0 0 10px 0;
  margin: 0;
}

#YouTubeFeed
{
  position: relative;
  margin-bottom: 20px;
}

#YouTubeFeed h2
{
  float: left;
  padding-right: 5px;
}

#YouTubeFeed a.sublink
{ 
  display: block;
  text-decoration: none;
  display: block;
  float: left;
  padding-top: 1px;
  padding-left: 5px;
}

#YouTubeFeed .item
{
  background-image: url(/data/images/back_FooterCommentTop.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 220px;
  margin: 0 10px;
  padding: 10px 0 0 0;
  color: #ccc;
  float: left;
  position: relative;
}

#YouTubeFeed .item.itemFirst
{
  margin-left: 0;
}

#YouTubeFeed .item.itemLast
{
  margin-right: 0;
}

#YouTubeFeed .item .summaryImageCrop
{
  background-color: #333;
  text-align: center;
  padding: 0 12px 15px 10px;
}

#YouTubeFeed .item .summaryImageCrop img.mainImage
{
  width: 200px;
  opacity: 0.5;
}

#YouTubeFeed .item .summaryImageCrop img.mainImage:hover
{
  opacity: 1;
}

#YouTubeFeed .item .youTubeOverlay
{
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #333;
  padding: 5px 10px 10px 5px;

  -webkit-border-radius: 0 0 5px 0; 
  -moz-border-radius: 0 0 5px 0; 
  border-radius: 0 0 5px 0;
}

#YouTubeFeed .item .summary
{
  background-color: #333;
  padding: 10px 15px;
  margin: 0;

  -webkit-border-radius: 0 0 10px 10px; 
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

#YouTubeFeed .item p.title
{
  padding: 5px 0;
  margin: 0;
  border-top: 1px solid #3e3e3e;
}

#YouTubeFeed .item p.description
{
  padding: 0;
  margin-bottom: 5px;
  font-size: 8pt;

  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.body7920 #YouTubeFeed .item { margin-bottom: 20px; }

body{
  background-color: #212121;
}

a:active
{
  outline: none;
}

#Logo{
  padding: 10px 0 0 0;
  display: block;
}

h1
{
  text-shadow: 0px 2px 0px white;
  text-transform: uppercase;
  color: #b6b6b6;
  font-family: arial, verdana;
  font-weight: bold; 
  font-size: 250%;
  margin: 0 0 5px 0;
}

h2
{
  text-shadow: 0px 1px 0px white;
  text-transform: uppercase;
  color: #b6b6b6;
  font-family: arial, verdana;
  font-weight: bold; 
  font-size: 150%;
  margin: 0 0 5px 0;
}

.rssLink
{
  background-image: url(/data/images/rss_small.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  color: #bbbbbb;
  text-decoration: none;
  width: 16px;
  height: 16px;
  text-indent: -10000px;
}

h1 .rssLink
{
  background-image: url(/data/images/rss_med.png);
  width: 26px;
  height: 26px;
}

.body1060 .rssLink, .body2243 .rssLink, .body2266 .rssLink, .body1159 .rssLink
{
  top: 60px;
}

.body1400 h2
{
  margin: 0 0 25px 0;
}

#MainBody .col1
{
  margin-bottom: 20px;
}

h2.homeNextEventHeading, h2.homeTweetsHeading, h2.homeDownloads, h2.homeDigibits, h2.homeYouTube
{
  margin: 20px 0 5px 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #dddddd;
}

h2.SiteMessage
{
  margin: 20px 0px 0px 20px;
}

h2.pageSplitter
{
  margin: 20px 0 10px 0;
  padding: 10px 0 0 0;
  border-top: 1px dotted #dddddd;
}

#Header
{
  background-color: #00456b;
  background-image: url(/data/images/back_header.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
}

#Header .menuAndSearch
{
  margin-top: 15px;
  position: relative;
}

#Header .menuAndSearch a.signup
{
  right: 60px;
  top: 14px;
  position: absolute;
  display: block;
  color: white;
  font-size: 120%;
  text-decoration: none;
}

#Header .menuAndSearch a.signup:hover
{
  text-decoration: underline;
}

#Header .menuAndSearch .yourprofileandlogout
{
  right: 40px;
  top: 14px;
  position: absolute;
  display: block;
  text-decoration: none;
  font-size: 120%;
  color: white;
}

#Header .menuAndSearch .yourprofileandlogout a
{
  color: white;
  text-decoration: none;
}

#Header .menuAndSearch .yourprofileandlogout a:hover
{
  text-decoration: underline;
}

/* -- Search -- */
#Header .search
{
  padding: 15px 0 0 0;
}

#Header #frmSearchContainer
{
  padding: 0 0 0 270px;
}

#Header #frmSearch
{
  background-image: url(/data/images/back_Search.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  width: 324px;
  height: 32px;
}

#Header #frmSearch #search
{
  color: #cccccc;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  font-family: arial;
  font-size: 100%;
  width: 268px;
  height: 22px;
  position: absolute;
  top: 5px;
  left: 10px;
}

#Header #frmSearch #btnSearch
{
  width: 46px;
  height: 32px;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  position: absolute;
  left: 278px;
  top: 0px;
  text-indent: -10000px;
}

/* -- TopMenu -- */
#Header .nav
{
  margin-top: 4px;
  background-image: url(/data/images/back_Nav.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding: 0 25px 0 23px;
  height: 46px;
  overflow: hidden;
}

#Header .nav ul
{
  margin: 0;
  padding: 0;
  float: left;
}

#Header .nav ul li
{
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0;
  list-style: none;
  position: relative;
  background-image: url(/data/images/back_MenuItem.png);
  background-repeat: no-repeat;
  background-position: center -200px;
}

#Header .nav ul li.hover, #Header .nav ul li.current
{
  background-position: center bottom;
}

#Header .nav ul li a
{
  display: block;
  padding: 18px 5px 14px 5px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  color: #698fa3;
  font-size: 0.865em;
  letter-spacing: 0.01em;
}

#Header .nav ul li.hover a, #Header .nav ul li.current a
{
  color: white;
}

#Header .nav ul li a.home
{
  text-indent: -1000px;
  width: 32px;
  height: 47px;
  padding: 0;
  background-image: url(/data/images/btn_Home.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}

.hosted-header {margin:0 20px;}
.hosted-header h1 {padding:10px 0;}
.hosted-body p {padding:0 20px;}

/*
#Header .nav ul li.menuitem1143
{
  margin-left: 50px;
}

#Header .nav ul li.menuitem1143 a
{
  color: white;
  text-transform: none;
}
*/
/* -- End of TopMenu -- */

/* -- Breadcrumb -- */
#BreadCrumb
{
  padding: 0 0 10px 0;
  margin: 0;
  background-postion: left center;
  background-repeat: no-repeat;
  text-overflow: hidden;
  float: left;
  width: 100%;
}

#BreadCrumb  li
{
  float: left;
  margin: 0px;
  list-style: none;
  background-image: url(/data/images/back_breadcrumb.png);
  background-repeat: no-repeat;
  background-position: right center;
}

#BreadCrumb  li.lastBreadcrumb
{
  background: none;
}

#BreadCrumb li a
{
  text-decoration: none;
  display: block;
  padding: 0 16px 0 10px;
  color: #666666;
}

#BreadCrumb  li.firstBreadcrumb a
{
  padding: 0 16px 0 0px;
}

#BreadCrumb li span
{
  padding: 0 10px;
  display: block;
  color: #666666;
}
/* -- End of Breadcrumb -- */

/* -- Content (left pane) -- */
#Content
{
  clear: both;
}

/* -- Col2 Headings -- */
.col2
{
  margin-top: 20px;
  margin-bottom: 20px;
}

.homeRightCol
{
  margin-bottom: 20px;
}

.col2 h2
{
  margin: 20px 0 15px 0;
  padding: 20px 0 0 0;
  border-top: 1px dotted #DDDDDD;
}

.col2 h2.first
{
  margin: 0 0 15px 0;
  padding: 0;
  border: none;
}

.col2 .subPage
{
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #cccccc;
}

.col2 .subPageLast
{
  border: none;
  padding: 0;
  margin: 0;
}

.col2 a.readMore
{
  display: none;
}
/* -- End of Col2 Headings -- */

.pageImage
{
  padding: 9px;
  border: 1px solid #cccccc;
  background-color: white;
}

/* -- SubPage Default --*/
/*
.subPages, .subPage
{
  margin: 0;
  padding: 0;
  list-style: none;
}
*/

.subPages .imageLink
{
  display: block;
}

.postedOn
{
  font-size: smaller;
  margin: 0 0 10px 0;
}

.subPage h3 a
{
  text-decoration: none;
}

.subPage h3 a:hover
{
  text-decoration: underline;
}

/* -- End of SubPage Default -- */

/* -- Rotator -- */
.rotatorLoading
{
  background-image: url(/data/images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: white;
}

.rotatorLoading ul
{
  display: none;
}

.rotator
{
  margin: 0 0 20px 0;
}
.rotator ul, .rotator ul li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

.rotatorHolder
{
  position: relative;
}

.rotatorContentInner
{
  width: 680px;
  height: 290px;
  overflow: hidden;
}

.rotatorContent
{
  background-color: white;
  padding: 9px;
  border: 1px solid #cccccc;
}

.rotatorContent .subPage
{
  position: relative;
}

.rotatorContent .summary
{
  position: absolute;
  left: 10px;
  bottom: 30px;
  background-color: black;
}

.rotatorContent .summary h3
{
  color: #999999;
  padding: 10px 10px 5px 10px;
  margin: 0;
}

.rotatorContent .summary p
{
  margin: 0;
  padding: 0 10px 10px 10px;
}

.rotatorContent .summary a
{
  display: none;
}

.rotatorHolder
{
  position: relative;
}

.rotator .rotatorPager
{
  background-image: url(/data/images/back_RotatorPager.png);
  background-position: left center;
  position: absolute;
  width: 260px;
  height: 290px;
  right: 10px;
  top: 10px;
}

.rotator .rotatorPager .summary
{
  margin: 0 0 0 0;
  padding: 0 15px 0 35px;
  color: white;
  font-size:80%;
  cursor: pointer;
}

.rotator .rotatorPager .index1 .summary h3
{
  border-top: 1px dotted #005785;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
}

.rotator .rotatorPager .index1 .summary p
{
  border-bottom: 1px dotted #005785;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

.rotator .rotatorPager .summary p, .rotator .rotatorPager .summary h3
{
  color: white;
  margin: 0;
  padding: 0;
}

.rotator .rotatorPager .summary h3
{

}

.rotator .rotatorPager .summary h3 a
{
  color: white;
  text-decoration: none;
}

.rotator .rotatorPager .summary p
{

}

.selectedRotator
{
  background-image: url(/data/images/back_RotatorSelected.png);
  background-repeat: no-repeat;
  background-position: left center;
}

/* -- End of Rotator -- */

a.readMore
{
  display: block;
  background-image: url(/data/images/btn_readMore.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 30px;
  text-indent: -10000px;
}

p.tags
{
  border-left: 1px solid #dddddd;
  float: left;
  font-size: 80%;
  margin: 0 0 0 10px;
  padding: 0 0 0 25px;
  background-image: url(/data/images/tag_blue.png);
  background-repeat: no-repeat;
  background-position: 10px 3px;
}

a.readMore:hover
{
  background-position: 0px -30px;
}

/* -- YouTube Clip -- */
.youtubeFrame
{
  background-color: white;
  padding: 9px;
  border: 1px solid #cccccc;
}

/* -- HomeBottom Section, contains HomeShowcase, HomeDownloads, HomeReview-- */
.summaryImageCrop
{
  overflow: hidden;
  display: block;
  width: 198px;
  max-height: 130px;
  position: relative;
}

.listItems li
{
  margin-bottom: 20px;
}

.listItems .subPage1,
.listItems .subPage4,
.listItems .subPage7,
.listItems .subPage10,
.listItems .subPage13,
.listItems .subPage16
{
  margin-left: 0;
}

.listItems .subPage3,
.listItems .subPage6,
.listItems .subPage9,
.listItems .subPage12,
.listItems .subPage15,
.listItems .subPage18
{
  margin-right: 0;
}

.subPage .item
{
  font-size: 90%;
  background-color: white;
  padding: 0;
  border: 1px solid #cccccc;
  /*
  -webkit-box-shadow:rgba(0,0,0,.1) 0 1px 4px; -moz-box-shadow:rgba(0,0,0,.1) 0 1px 4px; box-shadow:rgba(0,0,0,.1) 0 1px 4px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  */
  background:#fcfcfc;
  background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(240,240,240) 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(240,240,240)));
  background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  background:-o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  background:-ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}

.subPages .hover .item
{
  -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;
}

/*
.subPages .stars4
{
  padding-top: 20px;
}
*/

.subPages a.stars4Image,
.subPages a.stars5Image{
  display: block;
    width: 70px;
  height: 70px;
  position: absolute;
  left: 138px;
  top: 70px;
  float: right;
  text-indent: -10000px;
}

.subPages a.stars4Image{
  background: no-repeat url(/data/images/stars4_small.png) bottom right;
}

.subPages a.stars5Image{
  background: no-repeat url(/data/images/stars5_small.png) bottom right;
}

.subPages .item .summary
{
  border-top: 1px solid #eeeeee;
  margin: 0 10px 10px 10px;
  padding: 10px 0 0 0;
}

.subPages .hover .summary
{
  background-color: #ffffff;
  border-top: 1px solid #eeeeee;
  padding: 10px;
  margin: 0;
}

.subPages .hover a.imageLink
{
  background-color: #ffffff;
}

.subPage .item a.imageLink
{
  padding: 9px;
}

.subPage .item h3
{
  margin: 0;
}

.subPage .item p
{
  margin: 0;
  padding: 0;
}

.subPage .item .readMore
{
  display: none;  
}

.subPage .item p
{
  margin: 0;
  padding: 0;
}

/* -- HomePage Cols -- */
/*
.homeCol1, .homeCol2, .homeCol3
{
  padding: 0;
  margin: 0;
}

.homeCol2
{
  padding: 0;
  margin: 0 10px 0 10px;
}

.homeCol2 .item
{
  border: none;
}

.homeCol2 .subPageFirst .item
{
  border: none;
}

.homeCol2 .item a.imageLink
{
  padding: 0;
}

.homeCol2 #HomeReviews
{
  padding: 10px;
  background-color: white;
}
*/

/* -- HomePage Reviews -- */
#HomeReviews  ul, #HomeReviews li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

#HomeReviews li
{
  margin-bottom: 20px;
}

#HomeReviews li.subPageLast 
{
  margin: 0;
}

/* -- Showcase -- */
#HomeShowcase
{
  margin: 0;
}

#HomeShowcase ul, #HomeShowcase li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

#HomeShowcase li
{
  margin-bottom: 20px;
}

/*-- Recruitment --*/
/*
.jobs .subPageLast
{
  border: none;
  margin-top: 10px;
}

.jobItem
{
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  background-color: white;
  clear: both;
  display: block;
  padding: 20px;
  position: relative;
}

.jobItem h2
{
  text-transform: none;
  margin: 0;
}

.jobItem p
{
  margin-bottom: 10px;  
}

.jobItem a
{
  text-decoration: none;
}

.jobItem a:hover
{
  text-decoration: underline;
}
*/
/* -- Downloads -- */
#HomeDownloads ul, #HomeDownloads li
{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* -- Home Article --*/
#HomeArticle li
{
  margin-bottom: 20px;
}

#HomeArticle
{
  margin: 0;
}

/* -- Home YouTube Feed -- */
h2.homeYouTube
{
  display: block;
}

h2.homeYouTube .youTubeLogo
{
  display: none;
}

.youTubeVideo
{
  font-size: 90%;
  background-color: white;
  padding: 0;
  border: 1px solid #cccccc;
  /*
  -webkit-box-shadow:rgba(0,0,0,.1) 0 1px 4px; -moz-box-shadow:rgba(0,0,0,.1) 0 1px 4px; box-shadow:rgba(0,0,0,.1) 0 1px 4px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  */
  background:#fcfcfc;
  background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(240,240,240) 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(240,240,240)));
  background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  background:-o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  background:-ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}

.youTubeVideo .summary
{
  display: none;
  border-top: 1px solid #eeeeee;
  margin: 0 10px 10px 10px;
  padding: 10px 0 0 0;
}

.youTubeVideo a.imageLink
{
  padding: 9px;
  display: block;
}

.youTubeVideo h3
{
  margin: 0;
}

.youTubeVideo p
{
  margin: 0;
  padding: 0;
}

.youTubeVideo .readMore
{
  display: none;  
}

/* -- Footer Comments --*/
#LatestComments
{
  background-color: #424242;
}

.footerComments
{
  /*
  margin: 0 10px 20px 10px;*/
  padding: 20px 0px;
  margin-top: 0;
  margin-bottom: 0;
  color: #cccccc;
  font-size: smaller;
}

.footerComments a
{
  color: #cccccc;
}

.footerComments li
{
  margin: 0 20px 0 0;
  background-image: url(/data/images/back_FooterCommentTop.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.footerComments li.subPageFirst
{
  margin-left: 10px;
}

.footerComments li.subPageLast
{
  margin-right: 0;
}

.footerComments li p
{
  margin: 0;
  min-height: 0;
}

.footerComments li p.comment
{
  margin-top: 10px;
  padding: 10px 20px 10px 20px;
  background: none;
  background-color: #333333;
}

.footerComments li p.postedOn
{
  border-top: 1px solid #3e3e3e;
  padding: 10px 20px 20px 20px;
  background-image: url(/data/images/back_FooterComment.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.footerComments li p.postedOn a
{
  color: white;
}

.footerComments a
{
  text-decoration: none;
}

.footerComments a:hover
{
  text-decoration: underline;
}

/* -- Events -- */

.body1400 h1, .body2488 h1
{
  margin-bottom: 20px;
}

ul.eventFrame, ul.eventFrame li
{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.eventFrame
{
  background-color: #333333;
  padding: 10px;
  color: white;
  font-size: 90%;  
}

.eventFrame .date
{
  font-weight: bold;
  float: left;
  padding: 0 10px 0 0;
  margin: 0 0 0 0;
  width: 79px;
  text-align: center;
}

.eventFrame .date p
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.eventFrame .date p.day
{
  font-size: 500%;
  line-height: 90%;
}

.eventFrame .date p.month
{
  text-transform: uppercase;
  font-size: 250%;
  line-height: 90%;
}

.eventFrame .date p.year
{
  font-size: 250%;
  line-height: 90%;
}

.eventFrame .eventDetails
{
  float: left;
  padding: 0 0 0 10px;
  border-left: 1px solid #6c6c6c;
}

.eventFrame .eventDetails h3 a
{
  color: white;
  display: block;
  margin: 0 0 5px 0;
}

.eventFrame .eventDetails h3, .eventFrame .eventDetails p
{
  margin: 0;
  padding: 0;
  color: white;
  width: 90px;
}

 .eventFrame .eventDetails h3.where
{
  margin: 10px 0 0 0;
}

/* -- End of Event -- */

/* -- Tweets -- */
#Footer #Tweet ul, #Footer #Tweet ul li
{
  padding: 0;
  margin: 0;
}

.tweet
{
  background-image: url(/data/images/back_Tweet.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 10px 20px 0 60px;
  margin: 0 0 10px 0;
}

.tweet p{
  margin: 0;
  padding: 0;
}

.tweet p.content
{
  color: #b6b6b6;
  height: 60px;
}

.tweet .namedatetime
{
  margin: 15px 0 0 0;
  color: #666666;
}

/* -- Events Listing -- */
ul.events, ul.events li
{
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

ul.pastEvents li.subPageLast
{
  border: none;
  margin: 0;
}

/* -- Blog Page -- */
.blogItems
{
  margin: 20px 0 0 0;
}

.blogItem
{
  padding: 0 0 20px 0;
  position: relative;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #DDDDDD;
  min-height: 120px;
}

.blogItem h3
{
  margin: 0;
}

.blogItem h3 a
{
  text-decoration: none;
  color: #333333;
}

.blogItem h3 a:hover
{
  text-decoration: underline;
}

.blogItem .postedBy
{
  font-size: 80%;
  margin: 0 0 10px 0;
}

.blogItem .postedBy a{
  color: #666666;
}

.blogItemImage
{
  float: left;
  padding: 0 0 0 80px;
  margin: 0 10px 10px 0;
}

.blogItemText
{
  padding: 0 0 0 80px;
}

.blogItemImage img
{
  padding: 9px;
  background-color: white;
  border: 1px solid #dddddd;
}

.blogItem .postedOn
{
  color: #b1b1b1;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  text-shadow: 0px 1px 0px white;
}

.blogItem .postedOn p
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.blogItem .postedOn p.day
{
  font-size: 500%;
  line-height: 80%;
}

.blogItem .postedOn p.month
{
  text-transform: uppercase;
  font-size: 250%;
  line-height: 90%;
}

.blogItem .postedOn p.year
{
  font-size: 250%;
  line-height: 90%;
}

.blogItemLast
{
  border: none;
}

.blogItem a.readMore
{
  background-image: url(/data/images/btn_readMoreSmall.png);
  width: 110px;
  height: 30px;
  float: left;
}

.col2 .blogItem a.readMore
{
  display: none;
}

.col2 .blogItem h3 a
{
  text-decoration: underline;
  color: #333333;
}

/* -- Override for first "Main" blog item -- */
.mainBlogItem
{
  clear: both;
  margin: 0 0 20px 0;
}

.mainBlogItem h3
{
  color: #222222; 
  width: 500px; 
}

.mainBlogItem .postedOn
{
  position: absolute;
  top: 20px;
  left: 20px;
}

.mainBlogItem .blogItemImage
{
  position: relative;
  clear: both;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
}

.mainBlogItem .blogItemImage img
{
  padding: 20px;
}

.mainBlogItem .blogItem
{
  padding: 0;
  margin: 0;
  border: none;
}

.mainBlogItem .blogItemText
{
  position: absolute;
  z-index: 99;
  background-color: white;
  color: #666666;
  padding: 20px 20px 20px 120px;
  bottom: 1px;
  left: 40px;
  min-height: 120px;
  opacity: 0.85;
}

.mainBlogItem a.readMore
{
  background-image: url(/data/images/btn_readMoreSmall.png);
  width: 110px;
  height: 30px;  
}

/* -- Pages -- */
.pages a
{
  font-weight: bold;
  font-size: 160%;
  display: block;
  float: left;
  margin: 0 5px 0 0;
  text-decoration: none;
  color: #666666;
}

.pages a.selected, .pages a:hover
{
  color: #dddddd;
}

.pages .next,
.pages .previous
{
  text-transform: uppercase;
}

/* -- Page Gallery -- */
.pageGallery ul, .pageGallery li
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.pageGallery li
{
  margin: 0 10px 10px 0;
  float: left;
}

.pageGallery li a
{
  background-color: #EFEFEF;
  display: block;
  padding: 10px;
}

.body1225 .pageGallery li a
{
  padding: 0;
}

#Gallery .images {display:inline-block;padding:10px;}
#Gallery .video {display:inline-block;padding:10px;}
#Gallery .video img {display:inline-block;padding:10px 20px;width:166px;height:100%;}


/* -- Content Pages -- */
#Content
{
  background-color: white;
  padding: 20px;
}

#Content .pageImage{
  margin: 0 0 20px 0;
  padding: 0;
  border: none;
}

#Content h1
{
  margin: 0;
}

#Content p.date
{
  font-size: 80%;
  float: left;
}

.writtenAndShare
{
  background-color: #f8f8f8;
}

/* -- Author Mini Biog -- */
.writtenBy{
  padding: 20px;
  background-color: #f8f8f8;
  border-right: 1px dotted #cccccc;
}

.writtenBy img
{
  float: left;
  margin: 0 10px 10px 0;
  background-color: white;
  padding: 9px;
  border: 1px solid #cccccc;
}

.writtenBy p
{
  margin: 0;
}
/* -- End of Author Mini Biog -- */

/* -- Share this -- */
.shareThis
{
  padding: 20px;
  background-color: #F8F8F8;  
  overflow: hidden;
}

.container_12 .shareThisContainer
{
  width: 320px;
}

/* -- End of Share -- */

/* -- Comments -- */
#comments
{
  clear: both;
  background-color: #efefef;
}

h2.commentsTitle
{
  clear: both;
  padding: 20px 20px 0px 20px;
}

.comments{
  padding: 20px 20px 0px 20px;
  clear: both;
}

.commentsContainer
{
  padding: 0 0 20px 0;
}

.comments fieldset ul, .comments fieldset ul li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

.comments fieldset legend
{
  font-size: 123.1%;
  font-weight: bold;
}

.addComment input, .addComment textarea
{
  border: 1px solid #C5CDD0;
  border-radius: 4px 4px 4px 4px;
  margin: 8px 0;
  padding: 11px 15px 9px;
  width: 620px;
  display: block;
}

.addComment textarea
{
  height: 200px;
  width: 610px;
  padding: 5px;
}

.addComment #ContentPlaceHolderDefault_MasterContentPlaceHolder_Col1Bottom_Comments_8_chkSubscribeToReview
{
  padding: 5px;
  margin: 0;
  width: 20px;
  float: left;
}

.comment
{
  margin: 0 0 10px 0;
  padding: 10px 20px 40px 10px;
  background-image: url(/data/images/back_Comment2.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  min-height: 73px;
}

.comment a { word-wrap: break-word; }

.comment .commentPhoto
{
  float: left;
  width: 93px;
}

.comment .commentHeader
{
  padding: 10px 0 10px 0;
  font-size: smaller;
}

.comment img
{
  padding: 4px;
  background-color: white;
  border: 1px solid #dddddd;
}

.altComment
{
  background-image: url(/data/images/back_CommentAlt.png);
  background-position: right bottom;
}

.addComment ul, .addComment li
{
  list-style: none;
  padding: 0;
  margin: 0;
}

.addComment
{
  margin: 0px 20px 20px 20px;
  padding: 0 20px 20px 20px;
  background-color: #e5e5e5;
}

.addComment h3
{
  padding: 20px 0 0 0;
  color: #999999;
}

.addComment h4
{
  color: #999999;
  display: none;
}

.noGuestPosting
{
  margin: 0px 20px 0 20px;
  padding: 0 20px 20px 20px;
  background-color: #e5e5e5;
}

.noGuestPosting h3
{
  padding: 20px 0 0 0;
  color: #999999;
}

.noGuestPosting p
{
  margin: 0;
}

#comments .thankyou
{
  margin: 0px 20px 20px 20px;
  padding: 20px 20px 20px 20px;
  background-color: #e5e5e5;
}

#comments .thankyou p
{
  margin: 0;
}

/* -- End Of Comments -- */

.col2 .blogItems .blogItemImage
{
  display: none;
}


.col2 .blogItems .blogItem
{
}

.col2 .blogItems .postedBy,
.col2 .blogItems a.more
{
  display: none;
}

/* -- Latest Review Col2 -- */
.col2 .latestReview ul, .col2 .latestReview li{
  list-style: none;
}

.col2 .latestReview li{
  position: relative;
}

.col2 .latestReview h3
{
  margin: 10px 0 0 0;
}

.col2 .latestReview img
{
  padding: 9px;
  background-color: white;
  border: 1px solid #cccccc;
}

.col2 .latestReview .summary p
{
  margin: 0 0 10px 0;
}

/* -- Latest Articles Col2 -- */
.col2 .latestArticle ul, .col2 .latestArticle li{
  list-style: none;
}

.col2 .latestArticle h3
{
  margin: 10px 0 0 0;
}

.col2 .latestArticle img
{
  padding: 9px;
  background-color: white;
  border: 1px solid #cccccc;
}

.col2 .latestArticle .summary p
{
  margin: 0 0 10px 0;
}


/* -- Blog Archive -- */
.blogArchive, .blogArchive li, .blogArchive ul, .blogArchive ul li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

.blogArchive ul
{
  margin: 5px 0 0 0;
}

.blogArchive a
{
  text-decoration: none;
  color: #999999;
  text-shadow: 0 1px 0 white;
  font-size: larger;
  font-weight: bold;
}

.blogArchive li
{
  margin: 0 0 5px 0;
  
}

.blogArchive li a
{
  background-image: url(/data/images/control_play.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 20px;
}

.blogArchive li a.expanded
{
  background-image: url(/data/images/control_play_down.png);
}

.blogArchive li.post a
{
  background: none;
  padding: 0;
}

.blogArchive li.post a:hover
{
  color: #00456B;
}

.blogArchive .month
{
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
}

.blogArchive .post
{
  color: #666666;
  font-size: smaller;
  font-weight: normal;
  padding: 0 0 0 20px;
  margin: 0 0 10px 0;
}

.blogArchive .postedOn
{
  color: #999999;
  display: block;
  font-size: smaller;
  margin: 0 0 0 0;
}

.col2 .smallAuthors, .col2 .smallAuthors li
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.col2 .smallAuthors li
{
  clear: both;
  margin: 0 0 10px 0;
  border: none;
}

.col2 .smallAuthors img
{
  padding: 4px;
  background-color: white;
  border: 1px solid #cccccc;
  float: left;
}

.col2 .smallAuthors li h3, .col2 .smallAuthors li p
{
  padding: 0 0 0 65px;
}

.col2 .smallAuthors li h3
{
  padding: 0 0 0 65px;
  margin: 0;
}

.col2 .smallAuthors a.readMore
{
  display: none;
}

/* -- ShowCases pages -- */
.showCases
{
  clear: both;
}

.showCases ul, .showCases li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

.showCases a.imageLink
{
  background-color: white;
  border: 1px solid #CCCCCC;
  padding: 9px;
  display: block;
  clear: both;
}

.showCases .subPage
{
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px dotted #DDDDDD;
  position: relative;
}

.showCases .subPage .summary
{
  background-color: white;
  position: absolute;
  padding: 20px;
  bottom: 40px;
  left: 20px;
  opacity: 0.85;
}

.showCases .subPageLast .summary
{
  bottom: 20px;
}

.showCases .subPage .summary .showCaseSummary p,
.showCases .subPage .summary .showCaseSummary h3
{
  width: 375px;
}

.showCases .subPage .summary .showCaseSummary
{
  float: left;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  border-right: 1px dotted #DDDDDD;
}

.showCases .subPage .summary .installerSummary
{
  float: right;
  width: 200px;
}

.showCases .subPage .summary .installerSummary h3
{
  font-weight: normal;
  color: #666666;
}

.showCases .subPageLast
{
  border-bottom: none;
  margin: 0;
  padding: 0;
}

/* -- ShowCase Page -- */
.installerDetails
{
  padding: 20px;
  background-color: #F2F2F2;
}

.installerDetails img
{
  background-color: white;
  padding: 9px;
  border: 1px solid #cccccc;
}

.installerDetails .logoAndAddress
{
  float: left;
  width: 220px;
}

.installerDetails .logoAndAddress h3
{
  margin: 10px 0 0 0;
}

.installerDetails .logoAndAddress p
{
  margin: 0;
}

.installerDetails .description
{
  float: left;
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  border-left: 1px dotted #cccccc;
}

.installerDetails .description p,
.installerDetails .description h3
{
  width: 360px;
}

.body1241 .installerDetails .description p,
.body1241 .installerDetails .description h3
{
  width: 350px;
}

/* -- Installer Page -- */
.installerShowcases h3
{
  margin: 10px 0 0 0;
}

.installerShowcases li{ margin-bottom: 50px; }

.installerShowcases img
{
  padding: 9px;
  background-color: white;
  border: 1px solid #cccccc;
}

.installerShowcases .summary { position: relative; }

.installerShowcases .summary p
{
  margin: 0 0 50px 0;
}

.installerShowcases .equalHeight .summary a.readMore
{
  position: absolute;
  bottom: -35px;
  left: 0px;
}

.installerShowcases .subPage1, .installerShowcases .subPage4, .installerShowcases .subPage7
{
  margin-left: 0;
}

.installerShowcases .subPage3, .installerShowcases .subPage6, .installerShowcases .subPage9
{
  margin-right: 0;
}

/* -- Installers Pages -- */
ul.installers, ul.installers li
{
  list-style: none;
  padding: 0;
  margin: 0;
}

/* -- Directory --*/

.body7980 h1 a .body7980 h1, .body7978 h1 a, .body7978 h1{
	font-size: 20px;
	text-decoration: none;
}

.frmDirSearch { padding: 10px; background: #f2f2f2; margin-bottom: 10px; position: relative; }
.frmDirSearch form { padding: 0 0 0 10px; background-color: white; }
.frmDirSearch #search { line-height: 30px; height: 30px; padding: 0px; margin: 0; border: none; width: 100%; color: #333333; }
.frmDirSearch #btnSearchDir { line-height: 30px; height: 30px; padding: 0 10px; margin: 0; border: none; background: #333333; color: white; position: absolute; right: 10px; top: 10px; }

.featuredCompanies { border: 1px solid #ccc; padding: 20px; margin-bottom: 20px; }

.directory-subcategories { margin: 20px 0 10px 0; padding: 20px 20px 10px 20px; background-color: #00456b; }
.directory-subcategories a, .directory-subcategories h3 { color: white; }
.directory-cat { margin-bottom: 10px; }
.directory-cat-title a { font-weight: bold; }

.directory-level2 { color: #333333; padding: 0; background-color: white; margin: 0; }
.directory-level2 a { color: #333333; }
.directory-level2 h3 { display: none; }
.directory-level2 .directory-cat-title a { font-weight: bold; font-size: 1.6em; margin-bottom: 5px; text-decoration: none;}
.directory-level2 .directory-cat { margin-bottom: 20px; }

.directory-business
{
  background-color: #f2f2f2;
  padding: 20px 0;
}

.directory-business-alt { background-color: #fff; }

.directory-business img.logo
{
  background-color: white;
  padding: 9px;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}

.socialMedia img { padding: 0; border: 0; }

.directory-business .left
{
  float: left;
  width: 50%;
}

.directory-business .right
{
  float: right;
  width: 50%;
}

.directory-business .rightinner
{
  border-left: 1px solid #cccccc; 
  padding: 0px 20px;
  height: 100%;
}

.directory-business .leftinner
{
  padding: 0px 20px;
  height: 100%;
}

.directory-business .address h3
{
  margin: 10px 0 0 0;
}

.directory-business .address p
{
  margin: 0;
}

.directory-business .contact-details { margin: 10px 0; }

.directory-business .contact-details p { margin: 0; }

.directory-business .description
{
  
}

.directory-business .socialMedia a { display: block; font-size: 1.6em; float: left; margin: 0 10px 0 0; }
/*
.directory-business .socialMedia a.twitter { color: #55acee; }
.directory-business .socialMedia a.facebook { color: #4862a3; }
.directory-business .socialMedia a.youtube { color: #cc181e; }
.directory-business .socialMedia a.linkedin {  }
.directory-business .socialMedia a.pinterest { }
*/

/* -- Aricles Page -- */
.mainArticle
{
  clear: both;
  margin: 0 0 20px 0;
  border: 1px solid #DDDDDD;
  background-color: white;
  padding: 18px;
}

.mainArticle h3
{
  margin: 0 0 0 0;
}

.mainArticle ul, .mainArticle li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

.mainArticle .stars4 .summary, .mainArticle .stars5 .summary {float: left; width: 430px;}
.mainArticle .stars4 .rating, .mainArticle .stars5 .rating{ width: 220px; float: left;  margin-top: 10px; }
.mainArticle .stars4 .ratingInner, .mainArticle .stars5 .ratingInner{ margin: 0 0 10px 10px; padding: 0 20px 10px 10px; border-left: 1px solid #f6f6f6;}
.mainArticle .stars4 .ratingInner p, .mainArticle .stars5 .ratingInner p {font-size: 0.7em; margin: 5px 0 0 0; }

.articles h3
{
  margin: 10px 0 0 0;
}

.articles img
{
  padding: 9px;
  background-color: white;
  border: 1px solid #cccccc;
}

.articles .summary p
{
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

.articles .subPage
{
  margin-bottom: 20px;
}

.articles .subPage1, .articles .subPage4, .articles .subPage7
{
  margin-left: 0;
}

.articles .subPage3, .articles .subPage6, .articles .subPage9
{
  margin-right: 0;
}
/* -- Reviews Page -- */
.info { clear: both; }
.pageTitle h1 {float: left; width: 450px;}
.rating { width: 200px; float: left; }
.ratingInner { margin: 0 0 10px 10px; padding: 0 0 10px 10px; border-left: 1px solid #f6f6f6;}
.ratingInner p {font-size: 0.7em; margin: 5px 0 0 0; }
.mainReview
{
  clear: both;
  margin: 0 0 20px 0;
  border: 1px solid #DDDDDD;
  background-color: white;
  padding: 18px;
}

.mainReview h3
{
  margin: 20px 0 0 0;
}

.mainReview ul, .mainReview li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

.reviews h3
{
  margin: 10px 0 0 0;
}

.reviews img
{
  padding: 9px;
  background-color: white;
  border: 1px solid #cccccc;
}

.reviews .summary p
{
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

.reviews .subPage1, .reviews .subPage4, .reviews .subPage7
{
  margin-left: 0;
}

.reviews .subPage3, .reviews .subPage6, .reviews .subPage9
{
  margin-right: 0;
}

/* -- Author Page --*/
ul.author, ul.author li{
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.author li
{
  border-bottom: 1px dotted #dddddd;
  padding: 0;
  margin: 0 0 20px 0;
  min-height: 220px;
  clear: both;
}

ul.author .subPageLast
{
  margin: 0;
  padding: 0;
  border: none;
}

.author img
{
  padding: 9px;
  border: 1px solid #cccccc;
  background-color: white;
  float:left;
  margin: 0 20px 10px 0;
}

.author .summary
{
  padding: 0 0 0 170px;
}

.author span.twitterAccount
{
  display: block;
  padding: 10px 10px 10px 25px;
  font-weight: bold;
  float: left;
  background-image: url(/data/images/smallTwitter.png);
  background-repeat:no-repeat;
  background-position: 0px 10px;
  margin: 0 0 20px 0;
  clear: both;
}

/*--Login Page--*/
#Login h1
{
  margin: 20px 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dddddd;
}

#Login h2
{
  margin: 20px 0 10px 0;
}

#Login fieldset
{
  border: none;
  padding: 0;
  margin: 0;
}

#Login fieldset ul, #Login fieldset ul li
{
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
}

#Login fieldset ul li
{
  margin: 0 0 5px 0;
}

#Login fieldset label
{
  width: 150px;
  display: block;
  float: left; 
}

#Login legend
{
  font-size: 120%;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px 0;
}

#Login input[type=text], #Login input[type=password]
{
  padding: 5px;
}

#Login input[type=submit]
{
  padding: 5px;
  clear: both;
}

#Login li.checkbox input{
  float: left;
  width: 20px;
}

#Login li.checkbox label{
  float: none;
  width: 400px;
  display: inline;
}

#Login #ContentPlaceHolderDefault_FrameContentPlaceHolder_BlankPageContentPlaceHolder_umbPasswordForgot_3_formular
{
  border-top: 1px solid #dddddd;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}

#Login #ContentPlaceHolderDefault_FrameContentPlaceHolder_BlankPageContentPlaceHolder_umbPasswordForgot_3_formular label,
#Login #ContentPlaceHolderDefault_FrameContentPlaceHolder_BlankPageContentPlaceHolder_umbPasswordForgot_3_formular input
{
  display: inline;
  float: none;
}

#Login #ContentPlaceHolderDefault_FrameContentPlaceHolder_BlankPageContentPlaceHolder_umbPasswordForgot_3_formular input[type=text]
{
  width: 200px;
}

#ContentPlaceHolderDefault_MasterContentPlaceHolder_umbPasswordForgot_5_formular
{
  margin: 0;
  padding: 20px 0 0 0;
  border-top: 1px dotted #cccccc;
}

#Login .forgottenpassword label
{
  width: 280px;
  float: none;
  margin: 0 0 10px 0;
}

#Register
{
  padding: 0 0 20px 20px;
  border-left: 1px dotted #cccccc;
}

.avatar h3
{
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.twitterAvatar
{
  position: relative;
}

.body1148 .twitterAvatar, .body1148 .fileUpload
{
  float: left;
  width: 220px;
}

.body1148 .or{
  float: left;
  width: 60px;
}

.body1359 .or p
{
  padding: 20px 20px 20px 20px;
  margin: 0;
}

.body1148 .or p{
  padding: 20px 20px 0px 20px;
}

.twitterAvatar p,.fileUpload p
{
  margin: 0;
  padding: 0;
  font-size: smaller;
}

.avatar .or
{
  font-size: 140%;
  font-weight: bold;
}

.avatar .twitterUserNameContainer
{
  position: relative;
}

.avatar .twitterProfileImage
{
  position: absolute;
  left: -60px;
  top: -20px;
  padding: 5px 10px 5px 5px;
  clear: both;
  display: block;
  margin: 5px 0 5px 0;
  background-image: url(/data/images/back_twitterProfileImage.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.avatar .twitterAvatar input
{
  float: left;
}

.body1148 .avatar{
  margin: 20px 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 1px dotted #cccccc;
}

#UserProfile h2
{
  margin: 20px 0 10px 0;
}

#UserProfile fieldset
{
  border: none;
  padding: 0;
  margin: 0;
}

#UserProfile fieldset ul, #UserProfile fieldset ul li
{
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
}

#UserProfile fieldset ul li
{
  margin: 0 0 5px 0;
}

#UserProfile fieldset label
{
  width: 150px;
  display: block;
  float: left; 
}

#UserProfile legend
{
  font-size: 120%;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px 0;
}

#UserProfile input[type=text], #UserProfile input[type=password]
{
  padding: 5px;
}

#UserProfile input[type=submit]
{
  padding: 5px;
  clear: both;
}

#UserProfile li.checkbox input{
  float: left;
  width: 20px;
}

#UserProfile li.checkbox label{
  float: none;
  width: 400px;
  display: inline;
}

#UserProfile .profileDetails fieldset
{
  margin: 0 10px 0 0;
  padding: 0 10px 20px 0;
  border-right: 1px dotted #cccccc;
}

#UserProfile .profilePassword fieldset
{
  margin: 0 0 0 10px;
  padding: 0 0 20px 20px;
  border-left: 1px dotted #cccccc;
}

#UserProfile .currentAvatar img
{
  padding: 4px;
  background-color: white;
  border: 1px solid #dddddd;
  clear: both;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.errorBox
{
  background-color: #ffdbdb;
  color: red;
  padding: 10px;
  margin: 0 0 10px 0;
  display: block;
}

.errorBox ul
{
  margin: 0;
  padding: 0 20px 0 0;
}

.errorBox li
{
  color: red;
  padding: 0 0 5px 0;
  list-style: disc outside none;
}


/* -- File Structure -- */
.fileStructure ul, .fileStructure li
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.fileStructure li
{
  position: relative;
}

.fileStructure .folder h3
{
  cursor: pointer;
  background-image: url(/data/images/control_play.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 25px;
}

.fileStructure .folder h3.expanded
{
  background-image: url(/data/images/control_play_down.png);
}

.fileStructure .fileCategory
{
  padding: 0 0 0 20px;
}

.fileStructure > .fileCategory
{
  padding: 0;
}

.fileStructure .files
{
  margin: 0 0 20px 0;
}

.fileStructure .file
{
  border-top: 1px dotted #CCCCCC;
  margin: 20px 0 0 20px;
  padding: 20px 0 0 45px;
}

.fileStructure .link
{
  border-top: 1px dotted #CCCCCC;
  margin: 15px 0 0 20px;
  padding: 15px 0 0 45px;
  background-image: url(/data/images/link.png);
  background-repeat: no-repeat;
  background-position: 4px 10px;
}

.fileStructure .fileDescription p
{
  font-size: smaller;
  margin: 0 0 5px 0;
}

.fileStructure .file h4,
.fileStructure .link h4
{
  font-size: 100%;
  margin: 0;
}

.fileStructure .file h4 a,
.fileStructure .link h4 a
{
  text-decoration: none;
}

.fileStructure .file h4 a:hover,
.fileStructure .link h4 a:hover
{
  text-decoration: underline;
}

.fileStructure .file h4 .date,
.fileStructure .link h4 .date
{
  font-size: smaller;
  color: #999999;
}

ul.files .fileSize
{
  position: absolute;
  left: -5px;
  top: 40px;
  width: 40px;
  text-align: center;
  font-size: 60%;
}

a.readMoreDownload
{
  display: block;
  width: 30px;
  height: 34px;
  background-image: url(/data/images/file.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 0;
  margin: 0;
  text-indent: -10000px;
  position: absolute;
  left: 0px;
  top: 20px;
}

.filepdf a.readMoreDownload
{
  background-image: url(/data/images/pdf.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top: -10px;
}

.filedoc a.readMoreDownload
{
  background-image: url(/data/images/doc.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

/* -- Tag Cloud -- */
a.tag0x { font-size: 100%; text-decoration: none; display: none; }
a.tag1x { font-size: 110%; font-weight: 300; text-decoration: none; }
a.tag2x { font-size: 120%; font-weight: 500; text-decoration: none; }
a.tag3x { font-size: 130%; font-weight: 600; text-decoration: none; }
a.tag4x { font-size: 145%; font-weight: 800; text-decoration: none; }
a.tag5x { font-size: 160%; font-weight: 900; text-decoration: none; }
a.tag6x { font-size: 180%; font-weight: 900; text-decoration: none; }

a.tag:hover { 
  color: #00456B; 
}
a.tag{
  color: #999999;
  text-shadow: 0 1px 0 white;
}

/* -- XSLT Search Result -- */
.xsltsearch_result .imageLink
{
  background-color: white;
  border: 1px solid #cccccc;
  padding: 5px;
  display: block;
  float: left;
  margin: 0 10px 10px 0;
}

.xsltsearch_result{
  clear: both;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #cccccc;
}

.xsltsearch_result h3
{
  margin: 0;
}

.xsltsearch_result h3 a
{
  text-decoration: none;
}

.xsltsearch_result h3 a:hover
{
  text-decoration: underline;
}

.xsltsearch_result p
{
  margin: 0 0 5px 0;
}

/* -- Tag Results -- */
.tagResults
{
  padding: 20px;
  background-color: white;
}

.tagResultsAlt
{
  background-color: #F8F8F8;
}


/* -- Sponsors -- */
ul.random-sponsors, ul.sponsors, ul.sponsors li, ul.random-sponsors li
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.random-sponsors li, ul.sponsors li
{
  padding: 9px;
  border: 1px solid #cccccc;
  background-color: white;
  margin: 0 0 10px 0;
  text-align: center;
}

ul.random-sponsors li a, ul.sponsors li a
{
  display: block;
}
/* -- End of Sponsors -- */

/* -- Job Sponsors -- */
ul.job-sponsors, ul.job-sponsors li
{
  list-style: none;
  margin: 0;
  padding: 0;
}

.col2 ul.job-sponsors li {
  padding: 9px;
  border: 1px solid #cccccc;
  background-color: white;
  margin: 0 0 10px 0;
  text-align: center;
}

ul.job-sponsors li a { display: block; }
/* -- End of Sponsors -- */

/* -- Event Sponsors -- */

.event-sponsors ul li{float:left;margin: 0 10px 10px 0;}


/* -- Job Listings -- */
ul.job-list
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.job-list #ApplyForJob { display: block; width: 130px; height: 30px; background: url(/data/images/btn_ApplyForJob.png) no-repeat left top; text-indent: -10000px; }
ul.job-list #ApplyForJob:hover { background-position: left bottom; }
ul.job-list li.job { margin-bottom: 20px; padding-bottom: 20px; }
ul.job-list li .summary p { margin-bottom: 10px; }
ul.job-list li .item
{
  font-size: 90%;
  background-color: white;
  padding: 10px;
  border: 1px solid #cccccc;
  /*
  -webkit-box-shadow:rgba(0,0,0,.1) 0 1px 4px; -moz-box-shadow:rgba(0,0,0,.1) 0 1px 4px; box-shadow:rgba(0,0,0,.1) 0 1px 4px;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  */
  background:#fcfcfc;
  background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(240,240,240) 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(240,240,240)));
  background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  background:-o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  background:-ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(240,240,240) 100%);
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}

ul.job-list .text { margin-bottom: 10px; }
/* -- End Job Listings -- */


/* -- Sponsor Page -- */

/* Datasat sponsor page */
.node7213 .addressThree { 
	font-weight: bold;
	font-size: 120%;
	margin-top: 10px;
}

.body2153 .col1, .body2153 .col2{
  margin-top: 20px;
}

.body2153 .pageImage
{
  margin-bottom: 20px;
}

.sponsorContact
{
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #CCC;
  padding: 20px;
  margin-bottom: 10px;
}

.sponsorContact p
{ 
  margin: 0;
}

.sponsorContact p.logo
{
  margin-bottom: 10px;
 }

.sponsorContact .businessName
{
  font-weight: bold;
  font-size: 120%;
}

.sponsorContact .telephone,
.sponsorContact .emailOne,
.sponsorContact .emailTwo
{
  margin-top: 10px;
}

/* -- Adverts -- */
ul.adverts, ul.adverts li
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.adverts li
{
  padding: 9px;
  border: 1px solid #cccccc;
  background-color: white;
  margin: 0 0 10px 0;
  text-align: center;
}

ul.adverts li a
{
  display: block;
}
/* -- End of Adverts -- */

/* -- Top Search -- */
#frmSearch{
  display: block;
  margin: 15px 0 10px 0;
}
/* -- End of Top Search -- */

#Page
{
  padding: 0 0 0 0;
  /*background-image: url(/data/images/back_MainContent.gif);*/
  background-image: url(/data/images/back_Page.png)
}

#Skin { padding: 20px 0 0 0; }
#SkinTop { background-color: #00456b; }
#SkinBottom { background-color: #424242; }
#SkinBottomAdvert { padding: 20px 10px 0px 10px; }
#SkinTopAdvert { padding: 0px 10px 10px 10px; }

#HomeMessage
{
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  background-image: url(/data/images/back_AnnouncementBottom.png);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#HomeMessageInner
{
  background-image: url(/data/images/back_AnnouncementTop.png);
  color: #999999;
  background-repeat: no-repeat;
  background-position: center top;
  padding: 10px 30px 1px 55px;
}

#HomeMessageInner a
{
  color: #999999;
  text-decoration: underline;
}

#HomeMessage p
{
  margin: 0;
  min-height: 34px;
}

#HomeMessageInner a:hover
{
  text-decoration: underline;
}

ul.listRssFeeds , ul.listRssFeeds li
{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.listRssFeeds li
{
  background-image: url(/data/images/rss_small.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding: 0 0 0 20px;
}

ul.listRssFeeds li h3 a
{
  text-decoration: none;
}

ul.listRssFeeds li h3
{
  margin: 0;
}

/* -- Start of Footer -- */
#Footer
{
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 80%;
  background-color: #333333;
}

#Footer a
{
  color: #cccccc;  
}

#Footer h3
{
  margin: 0 0 5px 0;
  color: #999999;
  font-weight: normal;
  text-shadow: none;
}

#Footer ul, #Footer li
{
  padding: 0;
  margin: 0;
  list-style: none;
}

#Footer ul li
{
  float: left;
  margin: 0 10px 5px 0;
}

#Footer a.join_linkedin,
#Footer a.join_twitter,
#Footer a.join_youtube,
#Footer a.join_facebook,
#Footer a.join_rss
{
  display: block;
  width: 25px;
  height: 25px;
  float: left;
  margin: 0 5px 5px 0;
}

#Footer .social img {width:100%;height:auto;}

#Footer .fb-pages {float:left;width:100%;/*margin:5px 0 10px 0;*/}
#Footer .fb-pages a {display:block;float:left;margin: 0 5px 5px 0;width:25px;height:25px;}
#Footer .fb-pages a img {width:100%;height:auto;}

#Footer .aboutUs
{
  width: 200px;
}

#Footer .joinUs
{
  width: 160px;
}

/* -- End of Footer -- */
#Copyright{
  background-color: #212121;
}

#Copyright p
{
  padding: 10px;
  margin: 0;
  font-size: 80%;
  color: #aaa;
  text-align: right;
}

#Copyright a
{
  color: #f6f6f6;
}

/*-- Questionnaire Page --*/
#Questionnaire{
  padding: 20px;
  border: 20px solid #f0efef;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#Questionnaire .emailBox
{
  height: 20px;
  padding: 4px 6px;
  border: 1px solid lightGrey;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#Questionnaire .btn
{
  height: 30px;
}

#Questionnaire .checkboxNewsletter
{
  margin: 40px 0 15px 0;
}

/* QUESTIONNAIRE CLOSED PANEL */
#QuestionnaireClosed
{
  padding: 20px;
  border: 20px solid #f0efef;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#QuestionnaireClosed p
{
  margin: 0;
}

.body4319 h1, .body4319 .date
{
  display: none;
}

.body4319 h2
{
  padding: 0 0 10px 0;
  margin: 0;
}

.body4319 .pageImage
{
  margin-bottom: 20px;
}

/* Responsive Nav */

#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#nav li {
  display: block;
}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

#nav-toggle
{
    color: #ffffff;
    background: #00365C;
    text-decoration: none;
}

#nav-toggle {
  position: relative;
  padding-left: 1.25em;
  display: block;
  padding: 10px 20px;
}
#nav-toggle:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 20px;
  width: 2em;
  height: 0.250em;
  border-top: 0.750em double #ffffff;
  border-bottom: 0.250em solid #ffffff;
}


@media screen and (min-width: 40em) {
  .js #nav {
    position: relative;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}

.page-image
{
    padding: 10px;
    background: #ffffff;
    border: 1px solid #cccccc;
    margin: 0 0 10px 0;
    clear: both;
    float: left;
}

.page-image img,
.page-image .pageImage
{
    width: auto;
    padding: 0;
    border: 0;
    margin: 0;
}

.mainArticle .summary
{
    margin: 10px 0 0 0;
}

#featuredVids {
    margin: 5px 0 20px 0;
    padding: 20px;
    background: #eeeeee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#featuredVids #YouTubeFeed {
    margin: 0;
    padding: 0;
}

#featuredVids #YouTubeFeed .item {
    width: 50%;
    background: none;
    margin: 0;
    height: auto !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 0;
}

#featuredVids .imageLink {
    display: block;
    margin: 0 0 20px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #333333;
}

#featuredVids #YouTubeFeed .item .summary {
    background: none;
    padding: 0;
    height: auto !important;
}

#featuredVids .itemFirst {
    padding-right: 20px;
}

#featuredVids .itemLast {
    border-left: 1px solid #CCCCCC;
    padding-left: 20px;
}

#featuredVids #YouTubeFeed .item p.description {
    color: #666666;
    font-size: 100%;
}

#featuredVids #YouTubeFeed .item .summary .title {
    font-size: 123.1%;
    font-weight: bold;
    color: #333333;
    border: none;
}

#featuredVids #YouTubeFeed .item .summaryImageCrop {
    width: 100%;
    padding: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
}

#featuredVids #YouTubeFeed .item .youTubeOverlay {
    background-color: #eeeeee;
    border-radius: 0 0 5px;
    left: 0px;
    padding: 10px;
    position: absolute;
    top: 0px;
}


#featuredVids #YouTubeFeed .itemLast .youTubeOverlay {
    left: 20px;
}

#featuredVids #YouTubeFeed .item .summaryImageCrop img.mainImage {
    width: 100%;
}

#featuredVids .summaryImageCrop {
    max-height: 370px;
}

#featuredVids h2 {
    margin: 0 0 20px 0;
}

.mini-showcases{ margin: 10px 0; }
.mini-showcases a.image-link { float: left; display: block; padding: 5px; margin: 0 10px 10px 0; border: 1px solid #cccccc; }
.view-profile-btn {margin: 20px 0; display: block; padding: 10px; background-color: #00456b; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
	border-radius: 5px; color: #fff; text-decoration: none; text-align: center; }

.directory-business .socialMedia {margin-bottom:20px;}
.mini-files li {position:relative;margin:10px 0;padding: 0 0 0 40px;list-style:none;}
.mini-files li h4 {margin:0;}
.mini-files a.readMoreDownload {top:5px;}

#Gallery a.gallery-item
{ 
	overflow: hidden; 
	display: block; 
	position: relative;
	padding-bottom:100%;
	width:100%;
	margin-bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
}

#Gallery a.gallery-item img {
	position: absolute;
	top: 50%;
	left:50%;
	margin-left: -50%;
	margin-top: -50%;
	min-height: 100%;
}




#Content .hosted-event h1 {margin-bottom:10px;}
#bottomContent {padding:20px;}
#bottomContent .writtenAndShare {clear:both;}

.event-sponsors {clear:both;}

#eventsGallery {margin: 0 0 20px 0;float:left;width:100%;}
#eventsGallery .images, #eventsGallery .video {border:1px solid #cccccc;margin: 0 10px 10px 0;display:block;float:left;}
#eventsGallery .images a, #eventsGallery .video a {display:block;}
#eventsGallery #Gallery .video img {padding:0;width:180px;}












































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */