@charset "UTF-8";

/* CSS Document */

.container {
   display: table;
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #CCC;
   padding: 3px;
   margin-bottom: 15px;
}
.heading {
   font-weight: bold;
   display: table-row;
   text-align: left;
   font-size: 12px;
   color: #000;
   line-height: 25px;
}
.table-row {  
   display:table-row;
   text-align: left;
}
.col { 
   display:table-cell;
}
.fac-info {
   clear:both;
}
.fac-info .topics {
   line-height: 1.5em;
   background-color: #7BA4C1;
   background-image: -webkit-linear-gradient(#CCC, #FFF);
   background-image: linear-gradient(#CCC, #FFF);
   border: 1px solid;
   border-color: #999999;
   border-radius: 5px;
   padding: 10px;
}
.topics .heading {
   display:table-row;
   font-weight: bold;
   text-align: left;
   font-size: 12px;
   color: #000;
   line-height: 25px;
}
.topics .table-row {  
   display:table-row;
   text-align: left;
}
p.box {
      color: #FFF;
      background-color: #0059b2;
      box-shadow: inset 0px 12px 8px rgba(255,255,255,.2);
      border-color: rgba(255,255,255,0.65);
/*      border: 1px solid #0CC; */
      width: 40px;
      font-size: 16px;
      font-weight: normal;
      text-align: center;
}
.progDate {
   font-size: 1.2em;
   border-bottom: 1px solid #CCC;
   text-transform: uppercase;
   font-weight: bold;
   padding: .9em 0 .9em 0;
}
.track {
   font-size: 1.0em;
   font-weight: bold;
   padding-top: 1.0em;
}
img.file-icon {
   margin: 5px 3px 0 12px;
}
.listview {
   padding: 0;
   list-style: none;
   border-radius: .3125em;
   margin-top: .5em;
   margin: 1em 0;
   box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.listview>li.listview-divider:first-child {
   border-top-left-radius: inherit;
}
.listview>.listview-content, .listview>.listview-divider {
   margin: 0;
   display: block;
   position: relative;
   text-align: left;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   border-right-width: 1px;
   border-left-width: 1px;
}
.listview-divider {
   padding: .5em 1.143em;
   font-size: 14px;
   cursor: default;
   outline: 0;
   border-right-width: 1px;
   border-left-width: 1px;
   border-width: 1px 0 0;
   border-style: solid;
   background-color: #f6f6f6;
   border-color: #ddd;
   color: #333;
   text-shadow: 0 1px 0 #f3f3f3;
   font-weight: 700;
}
.btn-diver:hover {
   background-color: #CCC;
   border-color: #ddd;
   color: #333;
   text-shadow: 0 1px 0 #f3f3f3;
}
.listview-content {
   padding: .7em 1em;
   border-right-width: 1px;
   border-left-width: 1px;
   border-width: 1px 0 0;
   border-style: solid;
   background-color: #fff;
   border-color: #ddd;
   color: #333;
   text-shadow: 0 1px 0 #f3f3f3;
   cursor: default;
}
.pagenav {
   position: relative;
   padding: .2em;
   width: 100%;
   display: table;
}
.pagenav .page-nav {
   margin: 0;
   padding: .2em .2em 0;
}
.pagenav .page-nav li {
   list-style: none;
   float: left;
   position: relative;
   top: 0;
   margin: 1px 1% 0 0;
   border-bottom-width: 0;
   padding: 0;
   white-space: nowrap;
   width: 48%;
}
.tab-default {
   border: 1px solid #517186;
   background: #766b9b url("//s3.amazonaws.com/societyhq.amsect/quality/2014/guide/art/ui-bg_glass_75_766b9b_1x400.png") 50% 50% repeat-x;
   font-weight: normal;
   color: #FFFFFF;
   display: block;
}
.tab-default a {
   color: #FFFFFF;
}
.pagenav .page-nav li a {
   float: left;
   padding: .5em 1em;
   text-decoration: none;
   border-bottom-style: none;
}
.pagenav .page-nav li a:hover, .pagenav .page-nav li a:focus {
   border-bottom-style: none;
}
.pagenav .page-nav li.tab-active {
   margin-bottom: -1px;
   padding-bottom: 1px;
}
.pagenav .page-nav li.tab-active a,
.pagenav .page-nav li.ui-state-disabled a,
.pagenav .page-nav li.tab-loading a {
   cursor: text;
}
.pagenav .page-nav li a,
.ui-tabs-collapsible .page-nav li.tab-active a {
   cursor: pointer;
}
.tab-active {
   border: 1px solid #aaaaaa;
   background: #D31145 url("//s3.amazonaws.com/societyhq.amsect/quality/2014/guide/art/ui-bg_glass_65_D31145_1x400.png") 50% 50% repeat-x;
   font-weight: normal;
   color: #FFFFFF;
}
.tab-active a,
.tab-active a:link,
.tab-active a:visited {
   color: #FFFFFF;
   text-decoration: none;
}
.page-header {
   border-bottom: 1px solid #aaaaaa;
   color: #222222;
   font-weight: bold;
}
.helper-reset {
   margin: 0;
   padding: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none;
}
.helper-clearfix:before,
.helper-clearfix:after {
   content: "";
   display: table;
   border-collapse: collapse;
}
.helper-clearfix:after {
   clear: both;
}
.helper-clearfix {
   min-height: 0; /* support: IE7 */
}
.btn {
   border: 1px solid #d3d3d3;
   background: #e6e6e6 url("themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
   font-weight: normal;
   color: #555555;
   text-align: center;
   cursor: pointer;
   position: relative;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   -webkit-user-select: none;
   text-decoration: none!important;
   padding: .5em 1em;
}
.btn-active {
   border: 1px solid #aaaaaa;
   background: #ffffff url("themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
   color: #212121;
   margin-bottom: -2px;
   padding-bottom: 2px;
}
.btn:hover {
   border: 1px solid #999999;
   background: #dadada url(themes/smoothies/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
   color: #212121;
}
.btn:focus {
   border: 1px solid #999999;
   background: #dadada url(themes/smoothies/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
   font-weight: normal;
   color: #212121;
}
.btn-active:hover {
   cursor: text;
}
.divider-cnt {
   position: absolute;
   font-size: 12.5px;
   font-weight: 700;
   text-align: right;
   border-width: 1px;
   border-style: solid;
   padding: 0 .48em;
   line-height: 1.6em;
   min-height: 1.6em;
   min-width: 1.55em;
   right: .8em;
   top: 50%;
   margin-top: -.88em;
}
.tabs {
   padding: 1em 1.4em;
}
.tabs-header {
   color: #222222;
   font-weight: bold;
}
.state-active, .tabs-content {
   border: 1px solid #aaaaaa;
   font-weight: normal;
   color: #212121;
}
.corner-all, .corner-bottom, .corner-right {
   border-bottom-right-radius: 4px;
}
.corner-all, .corner-bottom, .corner-left {
   border-bottom-left-radius: 4px;
}
.corner-all, .corner-top, .corner-left {
   border-top-left-radius: 4px;
}
.corner-all, .corner-top, .corner-right {
   border-top-right-radius: 4px;
}
.datagrid table {
   border-collapse: collapse;
   text-align: left;
   width: 100%;
}
.datagrid {
   font: normal 12px/150% Arial, Helvetica, sans-serif;
   background: #fff; overflow: hidden; border: 1px solid #006699;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px; border-radius: 3px;
   margin-bottom: 2em;
}
.datagrid table td, .datagrid table th {
   padding: 3px 10px;
}
.datagrid table thead th {
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E1EEF4), color-stop(1, #E1EEF4) );
   background:-moz-linear-gradient( center top, #E1EEF4 5%, #E1EEF4 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1EEF4', endColorstr='#E1EEF4');
   background-color:#E1EEF4;
   color:#333333;
   font-size: 15px;
   font-weight: bold;
   border-left: 1px solid #0070A8;
   padding-top: 10px;
   padding-bottom: 10px;
}
.datagrid table thead th:first-child {
   border: none;
}
.datagrid table tbody td {
   color: #00557F;
   border-left: 1px solid #E1EEF4;
   font-size: 12px;
   font-weight: normal;
}
.datagrid table tbody .alt td {
   background: #E1EEf4;
   color: #00557F;
}
.datagrid table tbody td:first-child {
   border-left: none;
}
.datagrid table tbody tr:last-child td {
   border-bottom: none;
}
.mbrprofile {
   height: 245px;
   float: left;
   width: 32%;
   margin-right: 1%;
}
.datatable {
     border: 1px none #D6DDE6;
     boarder-collapse: collapse;
     width: 100%;
     margin-top: 10px;
}
.datatable td {
     border: 1px solid #D6DDE6;
     font-weight: normal;
}
.datatable th {
     border: 1px solid #828282;
     background-color: #009E98;
     font-weight: bold;
     text-align: left;
     padding: 0.7em .5em;
     color: #FFF;
/*     letter-spacing: 1.5px; */
     line-height: 15px;
}
.datatable tr.altrow {
     background-color: #DFE7F2;
     color: #000000;
}
.datatable table thead th:first-child {
border: none;
}
/*.datatable tr:hover {
     background-color: #DFE7F2;
     color: #000000;
}*/
.datatable a {
   border-bottom-style: none;
}
.datatable a:hover {
   border-bottom-style: dotted;
}
#discussion {
   float: left;
   padding-left: 3px;
   width: 175px;
}
#poster {
   float: left;
}
#poster a {
   text-decoration: none;
}
#poster a:hover {
   text-decoration: underline;
}
#no-poster {
   color: #999999;
}
.noposter {
   color: #999999;
}

#posterTitle {
   float: left;
}
#DataLoaded {
   display: none;
}
#LoadingData {
   padding-top: 20px;
   text-align: center;
   height: 200px;
   font-weight: bold;
/*   font-size: 115%; */
}
#searchTable {
   margin-top: 20px;
   margin-bottom: 20px;
}
#searchTable .title {
   color: #000;
   background-color: #E3F2F7;
   font-weight: normal;
   text-transform: uppercase;
   padding: 3px;
   border: 1px solid #000;
   margin-left: 5px;
   letter-spacing: 2px;
}
#txtSession {
   margin-left: 20px;
   padding-left: 20px;
   padding-right: 20px;
}

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
/*	float: left;
	clear: none;*/
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	padding: 0px;
/*	margin-top: 0px; */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	font: bold 0.8em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 18px;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #0059b2;
	color: #FFF;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
/*	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF; */
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 0px;
/*	font-size: 80%;*/
}
/*.TabbedPanelsContent table {
	border: 1px none #D6DDE6;
	boarder-collapse: collapse;
	width: 100%;
	margin-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
}
.TabbedPanelsContent table th {
     border: 1px solid #828282;
     background-color: #DDD;
     font-weight: normal;
     text-align: left;
     padding-left: 0.5em;
     color: #000;
     letter-spacing: 2px;
     line-height: 15px;
}
.TabbedPanelsContent table td {
     border: 1px solid #D6DDE6;
     font-weight: normal;
}
.TabbedPanelsContent table tr:hover {
     background-color: #DFE7F2;
     color: #000000;
}
.TabbedPanelsContent table a:hover {
     text-decoration: underline;
}*/


/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
#alertmsg {
	margin-top: 5px;
	margin-bottom: 10px;
}
#alertmsg .msg-content {
	border: 1px solid;
	border-color: #B61C24;
	border-radius: 5px;
	background-color: #FFF;
	padding: 5px 10px;
}
.comment-content {
       margin-top: 5px;
       background-color: #fff;
       padding: 15px;
       -webkit-border-radius: 5px;
       border-radius: 5px;
       border: 1px solid #ddd;
       word-break: break-word;
       word-wrap: break-word;
       display: block;
       font-size: 1.1em;
       line-height: 1.4em;
}
.post-comments {
   background: url(//s3.amazonaws.com/societyhq.amsect/quality/2014/guide/art/comment-img.jpg) no-repeat left top;
   color: #333;
   height: 39px;
   position: relative;
}