/*
 * Developed by Altum, Inc.
 * 12100 Sunset Hills Rd, Suite 101, Reston, VA 20190 USA
 * Copyright (c) 2000-2016 Altum, Inc.
 * All rights reserved.
 */
a:hover{
	text-decoration:underline;
}

.button-column a,
.button-row a,
body button,
.buttonish-no-hover,
.button,
.yui3-panel-content .yui3-button{
	border:solid #a3a3a3;
	border-width:1px;
	color:#000;
	cursor:pointer;
	font-size:85%;
	font-weight:bold;
	letter-spacing:.5px;
	padding:0.3em .75em;
	text-decoration:none;
}
body a.button,
body button{
	color:#000;
}
.button-column a,
.button-row a,
body button,
.button,
.buttonish-no-hover,
.yui3-skin-sam .yui3-tabview-list .yui3-tab-label,
.yui3-panel-content .yui3-button{
	background:#CFE8FF;
	background:url(../images/actionable_35.png) repeat-x 0% 0% / 100% 100%;
	background: -ms-linear-gradient(top, #EFF8FF 0%, #CFE8FF 70%, #AFD8FF 100%);
	background: -moz-linear-gradient(top, #EFF8FF 0%, #CFE8FF 70%, #AFD8FF 100%);
	background: -o-linear-gradient(top, #EFF8FF 0%, #CFE8FF 70%, #AFD8FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFF8FF), color-stop(0.7, #CFE8FF), color-stop(1, #AFD8FF));
	background: -webkit-linear-gradient(top, #EFF8FF 0%, #CFE8FF 70%, #AFD8FF 100%);
	background: linear-gradient(to bottom, #EFF8FF 0%, #CFE8FF 70%, #AFD8FF 100%);
}

.old-ie .button-row a,
/*.old-ie .button-row button,*/
.old-ie button,
.old-ie .button,
.old-ie .buttonish-no-hover,
.old-ie .yui3-tabview-list .yui3-tab-label,
.old-ie .yui3-panel-content .yui3-button{
	background:#CFE8FF url(../images/actionable_25.png) repeat-x;
}
.old-ie .button-column a,
.old-ie .button-column button{
	background:#CFE8FF url(../images/actionable_35.png) repeat-x;
}
.old-ie .button-column .rows3{
	background:#CFE8FF url(../images/actionable_40.png) repeat-x;
}


.button-column a,
.button-row a,
body button,
.button,
.buttonish-no-hover,
.yui3-panel-content .yui3-button{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(64, 64, 64, 1);
	box-shadow: 1px 1px 3px 0px rgba(64, 64, 64, 1);
	border-collapse:separate;
}
/* In IE10 emulating IE8 and at anything over 100% zoom, this style caused buttons to disappear!
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#808080')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#808080');
*/
.old-ie .button-column a,
.old-ie .button-row a,
.old-ie button,
.old-ie .button,
.old-ie .buttonish-no-hover,
.old-ie .yui3-panel-content .yui3-button{
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
}

.yui3-tab-label{
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.yui3-skin-sam .yui3-tabview-list .yui3-tab-selected .yui3-tab-label{
	background:#388D38;
	background:url(../images/actionableSelected_25.png) repeat-x 0% 0% / 100% 100%;
	background: -ms-linear-gradient(top, #388D38 0%, #1C781C 70%, #005F00 100%);
	background: -moz-linear-gradient(top, #388D38 0%, #1C781C 70%, #005F00 100%);
	background: -o-linear-gradient(top, #388D38 0%, #1C781C 70%, #005F00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #388D38), color-stop(0.7, #1C781C), color-stop(1, #005F00));
	background: -webkit-linear-gradient(top, #388D38 0%, #1C781C 70%, #005F00 100%);
	background: linear-gradient(to bottom, #388D38 0%, #1C781C 70%, #005F00 100%);
}
.old-ie .yui3-tabview-list .yui3-tab-selected .yui3-tab-label{
	background:#388D38 url(../images/actionableSelected_25.png) repeat-x;
}


.button-column a:hover,
.button-column a:focus,
.button-column a:active,
.button-row a:hover,
.button-row a:focus,
.button-row a:active,
body button:hover,
body button:focus,
body button:active,
.button:hover,
.button:focus,
.button:active,
.yui3-skin-sam .yui3-tab .yui3-tab-label:hover,
.yui3-skin-sam .yui3-tab .yui3-tab-label:focus,
.yui3-skin-sam .yui3-tab .yui3-tab-label:active,
.yui3-skin-sam .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:hover,
.yui3-skin-sam .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:focus,
.yui3-skin-sam .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:active,
.yui3-panel-content .yui3-button:hover,
.yui3-panel-content .yui3-button:focus,
.yui3-panel-content .yui3-button:active{
	color:#FFFFFF;
	outline:0;
	text-decoration:none;
	background:#0072C2;
	background:url(../images/actionableHover_35.png) repeat-x 0% 0% / 100% 100%;
	background: -ms-linear-gradient(top, #0072C2 0%, #0052C2 70%, #0032C2 100%);
	background: -moz-linear-gradient(top, #0072C2 0%, #0052C2 70%, #0032C2 100%);
	background: -o-linear-gradient(top, #0072C2 0%, #0052C2 70%, #0032C2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0072C2), color-stop(0.7, #0052C2), color-stop(1, #0032C2));
	background: -webkit-linear-gradient(top, #0072C2 0%, #0052C2 70%, #0032C2 100%);
	background: linear-gradient(to bottom, #0072C2 0%, #0052C2 70%, #0032C2 100%);
}

.old-ie .button-row a:hover,
.old-ie .button-row a:focus,
.old-ie .button-row a:active,
/*.old-ie .button-row button:hover,
.old-ie .button-row button:focus,
.old-ie .button-row button:active,*/
.old-ie button:hover,
.old-ie button:focus,
.old-ie button:active,
.old-ie .button:hover,
.old-ie .button:focus,
.old-ie .button:active,
.old-ie .yui3-tab .yui3-tab-label:hover,
.old-ie .yui3-tab .yui3-tab-label:focus,
.old-ie .yui3-tab .yui3-tab-label:active,
.old-ie .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:hover,
.old-ie .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:focus,
.old-ie .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:active,
.old-ie .yui3-panel-content .yui3-button:hover,
.old-ie .yui3-panel-content .yui3-button:focus,
.old-ie .yui3-panel-content .yui3-button:active{
	/* IE7 shows :hover for all, :active for a; does not show :focus */
	background:#0072C2 url(../images/actionableHover_25.png) repeat-x;
}
.old-ie .button-column a:hover,
.old-ie .button-column a:focus,
.old-ie .button-column a:active,
.old-ie .button-column button:hover,
.old-ie .button-column button:focus,
.old-ie .button-column button:active{
	/* IE7 shows :hover for all, :active for a; does not show :focus */
	background:#0072C2 url(../images/actionableHover_35.png) repeat-x;
}
.old-ie .button-column .rows3:hover,
.old-ie .button-column .rows3:focus,
.old-ie .button-column .rows3:active{
	/* IE7 shows :hover for all, :active for a; does not show :focus */
	background:#0072C2 url(../images/actionableHover_40.png) repeat-x;
}

.button-column a:focus,
.button-column a:active,
.button-row a:focus,
.button-row a:active,
body button:focus,
body button:active{
	outline:1px dotted blue;
}
body button::-moz-focus-inner{
	border:0;
}

.button-column a span,
.button-row a span,
body button span{
	vertical-align:-50%;
}

.button-column{
	font-size:90%;
	text-align:center;
	margin:0 2px;
	padding:0;
	width:100px;
	list-style-type:none;
}

.button-column div,
.button-column a,
.button-column button{
	margin:3px 0;
}
.button-column a,
.button-column button{
	display:inline-block;
	min-height:30px;
	width:90px;
	padding:2px 0;
}
.button-column div.header{
	font-size:85%;
	font-weight:bold;
	line-height:1;
}
.button-column .rows3{
	line-height:0.95;
}

.button-row{
	text-align:center;
	margin-bottom:3px;
}
.button-row button,
.button-row a{
	white-space:nowrap;
	margin:5px;
}
.button-row a{
	display: inline-block;
}

.structure-buttons{
	width:auto;
	margin:0px;
	font-size:90%;
}
.structure-buttons li{
	position:relative;
	width:33px;
	height:35px;
	margin:3px 0;
}
.structure-buttons button{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:33px;
	height:33px;
/*	background-size:auto; not working with background image */
}
.structure-buttons button.active{
	width:262px;
	left:-229px;
}
.structure-buttons .title{
	position: absolute;
	z-index:1;
	top: -9999px;
	left: -9999px;
	display:block;
	white-space:nowrap;
	padding-left:5px;
	text-align:left;
	width:260px;
	height:33px;
	color:#FFFFFF;
}
.structure-buttons button.active .title{
	top:9px;
	left:0px;
}
.old-ie .structure-buttons button.active .title{
	top:-5px;
}
.structure-buttons button .image{
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	width:31px;
	height:31px;
}
.old-ie .structure-buttons button .image{
	top:-14px;
}
.structure-buttons button.active .image{
	left:229px;
	color:#FFFFFF;
}
.transferStructure .image{
	background-image: url(../images/chemidheavy/structure_transfer_trans.gif);
}
.transferStructure:hover .image,
.transferStructure.active .image{
	background-image: url(../images/chemidheavy/structure_transfer_trans_white.gif);
}
.similarStructures .image{
	background-image: url(../images/chemidheavy/structure_sim_trans.gif);
}
.similarStructures:hover .image,
.similarStructures.active .image{
	background-image: url(../images/chemidheavy/structure_sim_trans_white.gif);
}
.findSalt .image,
.view3D .image{
	padding-top:9px;
	display:inline-block;
	letter-spacing:0px;
}
.view3D .image{
	padding-top:6px;
	font-size:150%;
	font-weight:normal;
}
.enlargeStructure .image{
	background-image: url(../images/chemidheavy/structure_enlarge_trans.gif);
}
.enlargeStructure:hover .image,
.enlargeStructure.active .image{
	background-image: url(../images/chemidheavy/structure_enlarge_trans_white.gif);
}

.structure-img-btns{
	width:241px; /* 200+4+37 */
}
.structure-img-btns td{
	padding:0;
}
.structure-img-btns td.imgCol{
	width:200px;
	padding-right:4px;
}
.structure-img-btns td.btnCol{
	width:37px;
}