.clear {
	clear:both;
}
/*Start Wrappers*/
#containermaintablewrapper {
	   /* text-align: center;	  */
}

#maintablewrapper {
	display: inline-block;
	width:100%;
}

#mainpagewrapper {
	background: repeat-x scroll top #fff; /* file disappeared? url(top_controls_background.jpg)*/
	margin-bottom: 10px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 30px;
	padding: 10px;
}

/*End Wrappers*/

/*Start Title/Owner Area*/
#groups_title_info {
	text-align: left;
	margin-bottom: 10px;
}

#groups_title_info h1 {
	font-weight: bold;
	margin-bottom: 5px;
	text-transform:capitalize;
}

.group_owner_date {
	margin-top: 10px;
	font-size: 11px;
}
/*End Title/Owner Area*/

/*Start Table*/
table.sortableSAQPoutputTable, table.SmartTable  {
    /* mt: change to make more fixed to lh rather than centered */
	margin:0;
}

table.sortableSAQPoutputTable th, table.SmartTable th {
	color:#fff;
	font-size:13px;
	padding:6px 8px 5px;
	text-align: left;
	white-space:nowrap;
	border: 1px solid;
}

table.sortableSAQPoutputTable th img {
	padding: 2px 0;
}

table.SmartTable th img {
	padding: 2px;
}	

table.sortableSAQPoutputTable td, table.SmartTable td {
	padding:4px 6px 6px; 
	border: 1px solid #ccc6e1; 
}

table.SmartTable.dataTable tr td.rownum, table.SmartTable.dataTable tr th.rownum {
    text-align: left;
    color: gray;
    white-space: nowrap;
}

table.sortableSAQPoutputTable td, table.sortableSAQPoutputTable th, table.SmartTable td, table.SmartTable th  {
	border: 1px solid #b2cce5;
	
}
table.sortableSAQPoutputTable th, table.SmartTable th {
	background: #336699;
}

table.SmartTable.dataTable tr th span.dt-column-order {
    display: none
}

table.sortableSAQPoutputTable th.tdSelectedDark, table.SmartTable th.tdSelectedDark {
	background: #113B63;
}

table.sortableSAQPoutputTable tr.trDark, table.SmartTable tr.trDark:not(:hover) {
	background-color:#f2f6fb;
}

table.SmartTable tr td.tdSelectedDark {
background-color:#d9e6f2;
}

table.SmartTable tr td.tdSelectedLight {
background-color:#e5eef6;
}

table.sortableSAQPoutputTable th a:hover, table.SmartTable th a:hover {
	background:none;
	color: black;
}

table.sortableSAQPoutputTable .sort_container, table.SmartTable .sort_container {
	width: 17px;
	float:left;
}

table.sortableSAQPoutputTable .sort_container a, table.SmartTable .sort_container a{
	float: left;
}

table.sortableSAQPoutputTable .icons_right {
    display: inline-block;		/*inline-block will get them in a single line, but the col is not wide enough! */
}

table.sortableSAQPoutputTable .icons_right a {
	margin-left:2px;
	float: left;
}

table.sortableSAQPoutputTable th span {
    display:inline-block;
    margin-right:15px;
    margin-top:2px;
}

table.sortableSAQPoutputTable a {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word !important; /* IE 5.5+ */
}

/* billingt:Jul-16-2015 added specialization of above so that the cancel
   button for editing the column names in these tables is more visible */
table.sortableSAQPoutputTable a.editor_cancel_link.editor_cancel, table.SmartTable a.editor_cancel_link.editor_cancel {
        color: white; /* billingt:Jul-16-2015 added to previous */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word !important; /* IE 5.5+ */
}

table.sortableSAQPoutputTable td, table.sortableSAQPoutputTable th, table.sortableSAQPoutputTable {
	word-wrap: break-word !important;
	break-word:break-all;
}

table.sortableSAQPoutputTable td a {
	width:expression(document.body.clientWidth > 200? "200px": "auto" );
}
/*End Table*/

/*Start Pagination*/
#groups_pagination {
	text-align: left;
}
.editable {
    background: lightyellow;
}
/*End Pagination*/

/*Start Group Directory Button*/

#group_directory_button {
	display:block;
	background: url(https://biocyc.org/group_directory_button.jpg) no-repeat;
	width: 120px;
	height: 80px;
	float:left;
	margin-right: 35px;
	margin-left: 10px;
}

#group_directory_button a {
	color:#333;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding-left:38px;
	padding-top:10px;
	text-align:left;
}

#group_directory_button a:hover {
	background: url(https://biocyc.org/group_directory_button.jpg) no-repeat;
	color: #000;
}
/*End Group Directory Button*/

/*Start Top Controls*/
#top_controls {
	border-bottom:1px solid #E5E5E5;
	padding: 0 10px;
	color: #336699;
}

#top_controls select {
	width: 180px;
	margin-right: 5px;
}

#top_controls label {
	display:block;
/*	font-size:11px; */
	font-weight:bold;
	line-height:1;
	margin-left:0;
	vertical-align:middle;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#top_controls .top_form_selects {
	float:left;
	margin-bottom:0;
	padding:0 10px 10px 10px;
	
}

#top_controls h4 {
	width: 135px;
	float:left;
}
/*End Top Controls*/

/*Start Add Row Below Table*/
#add_row {
	margin-top: 10px;
	display: block;
	background: url(https://biocyc.org/pgroups/go-jump.png) no-repeat scroll left top #fff;
	padding-left: 20px;
}
/*End Add Row Below Table*/
/*Start Tabs*/

#tabs_group_directory .yui-nav {
	margin-bottom:-16px;
	border:0;
}

#tabs_group_directory li {
	text-indent: 0;
	font-weight: bold;
	margin:0;
}

#tabs_group_directory em {
	padding: .3em .8em;
	color: #333;
	font-size: 12px;
}

#tabs_group_directory .selected em {
	padding: .4em .7em;
	color: #113B63;
	border-color: #113B63;
	font-size: 13px;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover  {
	background:url("https://biocyc.org/yui/build/assets/skins/sam/sprite.png") repeat-x scroll left -1300px #BFDAFF !important;
	border-color:#A3A3A3;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a em {
	border-color:#3E6AA6 !important;
}
/*End Tabs*/
.group-directory-button {
	background:url("https://biocyc.org/yui/build/assets/skins/sam/sprite.png") repeat-x scroll 0 0 #D8D8D8;
	white-space:nowrap;
	border:1px solid #A3A3A3;
	color:#000000;
	margin-top:10px;
	padding:5px;
	position:relative;
	text-decoration:none;
	display:inline-block;
}

/* create_group in style.css since it is accessed all over */

#panel_c .hd {
    font-size:16px;    
    color:#336699;
}
#panel_c .bd {
    padding:5px;
}

table.SmartTable td.collapsedCol {
    background-color:#EEEEEE;
}

table.SmartTable td.collapsedCol.selectedCol {
    background-color:#BBBBBB;
}

table.SmartTable td.centeredCol {
    text-align: center;
}

table.SmartTable td.selectedCol {
    background-color:#e5eef6;
}

table.SmartTable tr.trDark td.selectedCol {
    background-color:#d9e6f2;
}

table.SmartTable span.col_head {
    line-height: 20px;
    vertical-align: top;
}

table.SmartTable span.icons_right {
    margin: 0 1em;
}

table.SmartTable span.icons_right span.collapse-arrow img {
    vertical-align: top;
    margin-top: 3px;
}

table.SmartTable span.icons_right a:hover, table.SmartTable span.sort_container a:hover {
    opacity: .7;
}

table.SmartTable span.col_head span.inplace-editable:hover {
    color: #0162b7;
}

/* We're not using the DataTables ordering controls, so don't need the extra
   space for them.
 */
table.SmartTable.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc {
    padding-right: 8px;
}