@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
/* Full-width */
.Row {
 /*  width: 90%; margin-left:auto; margin-right:auto; */
 width:100%; margin:0; padding:0
}
h1,h2,h3,h4,h5,h6 {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;}
body {background-color:#323232;}
#container {width:90%; margin:auto; background-color:white; max-width:80em; margin-top:2.5rem; margin-bottom:2.5rem;}
.roundedtop { -moz-border-radius-topright: 5px; border-top-right-radius: 5px;-moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
.roundedbottom { -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
#header-top {padding:1em;margin-top:-10px; margin-bottom: -10px; background: #5d5d5d}
#header-top h1 {text-align:center; font-size: 2.8em; color:#FFFFFF; line-height:2rem;padding-top:0.5rem; font-family:sans-serif}
#header-top h1 span {font-size:0.3em;}
.right {float:right}
#heading-right {float:right; width:260px; padding-top:3px;}	
.button_menu, .button_menu_here {margin-bottom:8px; display: block;width: 120px; height: 20px; background: url(../../../../images/buttons_etc/menu-button.gif) no-repeat 0 0; text-align:left; padding-top:0; padding-left:5px; overflow:hidden; text-decoration:none; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.button_menu:hover, .button_menu_here {background-position: 0 -20px; color:#FFFFFF}	
.button_menu:link, .button_menu:visited, #Head a:link, #Head a:visited {color:#FFFFFF !important}
.SiteSearch {margin-top:5px; margin-right:20px;}

#PagerBefore {display:none}
ul.SiteMenu { margin: 0; padding: 0; overflow: hidden;}

ul.SiteMenu li a:link, ul.SiteMenu li a:visited {display: inline-block; font-weight: bold;  color: #FFFFFF; text-align: center; padding: 6px 10px 0 10px; margin:0; text-decoration: none;height:29px;
border-right: 1px solid #5d5d5d;}

ul.SiteMenu li a:hover {background-color:#8abc5d;}
ul.SiteMenu li a.Selected {background-color:#8abc5d;}

.menu-background { background-color:#323232;height:35px;clear:both; position:relative; border-right:1px solid #5d5d5d; border-left:1px solid #5d5d5d;}
#Foot {margin:0 auto;background-color:#5d5d5d;padding:10px 10px 15px 10px;}
#Foot p, #Foot a {color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none}
#Foot a:hover {color:#8abc5d;}
.Activities {display:none}

/* Breadcrumbs */
.BreadcrumbsWrapper {
   font-size: 11px;
   padding: 6px;
   background: #fafafa;
   border: 1px dashed #eee;
   border-width: 1px 0;
   margin-bottom: 10px;
   display:none;
}
/* Transparent Head & Menu */
#Head {
   background: transparent;
   color: #000;
   padding: 4px 0;
   margin-bottom:-10px;
}
#Head a {
   color: #1E79A7;
}
#Head a:hover {
   color: #ff0084;
}
.SiteTitle { display: none; }

h2.CommentHeading {font-size: 20px;}

/* Panel on the right */
#Panel { float: left; padding:20px; width:200px; margin:0;}
#Body .ContentColumn { margin: 0 0 0 240px; padding:20px; background-color:#eaf6ff; border-left:1px solid #323232;}
#Panel input.InputBox {
   width: 192px;
}

/* Backwards compatibility for themes that extended/customized the old version */
#Body .Wrapper #Content {
   margin: 0 215px 0 0;
}
.Banner ul {
    background: none repeat scroll 0 0 #3B5998;
    margin: 0;
    padding: 0;
}

#Menu {
   margin-right: 0 !important;
}
.Banner ul li,
#Menu li { display: inline; }
.Banner ul li a,
#Menu a { 
   display: inline-block;
   padding: 3px 7px;
   font-size: 11px;
   font-weight: bold;
   color: #fff; 
}
.Banner ul li a:hover,
#Menu a:hover {
   text-decoration: underline;
   color: #fff;
}
#Head #Search form {
    float: right;
    padding: 0;
    margin-top: -30px;
}
#Head #Search form input.InputBox {
   width: 204px;
   border: 0;
   padding: 4px;
	margin: 0 6px 0 0;
   background: #fff;
   -moz-border-radius: 2px;
   -webkit-border: 2px;
   border-bottom: 2px;
   color: #969696;
   font-size: 13px;
	vertical-align: bottom;
}
#Head #Search form input.Button {
	font-size: 11px;
	border: none;
}
@media screen and (max-width: 900px) {#Head h1{ font-size:2em}}

/* If window is less than 800px wide, hide the panel for all pages except profile. */
@media screen and (max-width: 799px) {
   /* Hide the "started by" column of the discussions table. */
   body.Discussions .DataTable .FirstUser { display: none; }
   .site-pic {display:none}
   
   /* Hide the panel on non-profile pages. */
   #Body .Row {
      position: relative;
   }
   #Body .ContentColumn {
      padding-top: 50px;
   }
   .MeBox,
   .BigButton {
      visibility: visible;
      position: relative;
      width: 120px;
      display: inline-block;
   }
   .BigButton {
      padding: 8px 20px;
   }
   .MeBox {
      width: 200px;
   }
   #Panel {
      overflow: visible;
      visibility: hidden;
      position: absolute;
      right: 2px; /* Don't know why this is adding some extra padding */
      width: auto;
      display: block;
   }
   .Column.ContentColumn {
      margin: 0 !important;
   }

   /* Don't hide the panel on the profile page */
   body.Profile #Body .ContentColumn {
      padding-top: 0;
   }
   body.Profile .MeBox,
   body.Profile .BigButton {
      visibility: visible;
      position: relative;
      top: auto;
      right: auto;
      width: auto;
   }
   body.Profile .MeBox {
      width: auto;
      right: auto;
   }
   body.Profile #Panel {
      visibility: visible;
      position: relative;
      right: auto;
      width: 200px;
   }
   body.Profile .Column.ContentColumn {
      margin: 0 220px 0 0 !important;
   }
}