/************************************************************/
/* symmetryStyle.css                                        */
/* shared style definitions for symmetry learning module    */
/* written by Ji Young Chong (jchong@indiana.edu)           */
/************************************************************/

/***************** Elements definitions***********/
a:link {	color: #316AC5;}
a:visited {	color: #316AC5;}
a:hover {	color: #66CC66;}
body {	margin: 62px 0 0 0;	padding: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.7em;	margin-top: 7px;	line-height: 1.5em;}
h1 {	font-size: 1.8em;	color: #3366CC;	font-family: Georgia, "Times New Roman", Times, serif;	vertical-align: top;}
h2 {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 1.3em;}
img {	border: none;	vertical-align: middle;}
td {	vertical-align: top;}
td img { display: block;}

/***************** Font definitions ******************/
.blackMediumFont {	font-size: 1.5em;	font-weight: bolder;	color: #000000;	font-family: Geneva, Arial, Helvetica, sans-serif;}
.smallCaptionFont {	font-size: 0.9em;	color: #666666;}
.symmetryColorFont {	font-size: 0.8em;	color: #5973A7;}
.symmetryHeaderFont {	font-size: 1.9em;	font-weight: bolder;	color: #000000;	font-family: "Arial Narrow", Arial;}
.symmetryTitleFont {	font-size: 1.3em;	font-weight: bolder;	color: #000000;	font-family: Geneva, Arial, Helvetica, sans-serif;}

/***************** Class definitions***************/
.borderTD {	width: 30px;	margin: 0px;	padding: 0px;	border: none;	vertical-align: top;}
.center{ text-align: center;}
.centerAgain{ margin-left:auto; margin-right:auto; }
.centerFullTable {	margin-left: auto;	margin-right: auto;	text-align: left;	width: 100%;}
.centerTable {	margin-left: auto;	margin-right: auto;	text-align: left;}
.footerLine {	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-top-color: #5973A6;	border-right-color: #5973A6;	border-bottom-color: #5973A6;	border-left-color: #5973A6;}
.halfWidthTable {	margin-left: auto;	margin-right: auto;	width: 50%;	text-align: center;}
.indent {	text-indent: 40px;	display: block;}
.navTable {	text-align: center;	border: none;	width: 307px;	margin-left: auto;	margin-right: auto;}
.padding {	padding: 10px;}
.paddingColor {	padding: 10px;	color: #6BBB40;}
.right {	text-align: right; float: right;}
.symmetryBar1 {	border-top-width: 1px;	border-top-style: solid;	border-top-color: #DDF0D2;}
.symmetryFooterTD {	border-right-width: 30px;	border-bottom-width: 30px;	border-left-width: 30px;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-right-color: #80C65A;	border-bottom-color: #80C65A;	border-left-color: #80C65A;	padding: 0px 30px;	vertical-align: top;	height: 70px;}
.symmetryNavTable {	margin-left: auto;	margin-right: auto;	text-align: left; }
.symmetryTable {	width: 800px;	margin-left: auto;	margin-right: auto;	text-align: left;	padding: 0px;}
.symmetryTable p{	margin: 8px 0;	line-height: 150%;	text-align: justify;}
.symmetryTD {	border-right-width: 30px;	border-left-width: 30px;	border-right-style: solid;	border-left-style: solid;	border-right-color: #80C65A;	border-left-color: #80C65A;	padding-right: 50px;	padding-bottom: 30px;	vertical-align: top;	border-top-style: none;	margin: 0px;	height: 110px;	padding-left: 50px;}
.symmetryTDContent {	border-right-width: 30px;	border-right-style: solid;	border-right-color: #80C65A;	padding-right: 50px;	vertical-align: top;	border-top-style: none;	margin: 0px;	padding-left: 50px;}
.yellowBox {	border: 1px solid #CCCCCC;	background-color: #FFFFCC;}

/***************** Id definitions******************/
#symmetry {	cursor: help;}

/***************** Popup box definitions********************************/
/* Originally created by PVII.  Changed for Symmetry by Ji Young Chong */
/***********************************************************************/
.p7snaptrigger {	border: 1px solid #FFFFFF;}
.p7snaptrigger a {	display: block;	background-color: #ffffff;}
.p7snaptrigger a:hover, .p7snaptrigger a:active, .p7snaptrigger a:focus {	background-color: #FFFFFF;}
#p7snapsubs1, #p7snapsubs2, #p7snapsubs3 {	position: absolute;	width: 135px;	top: 87px;	font-size: 0.93em;	visibility: hidden;	background-color: #FFFFFF;	line-height: normal;}
#p7snapsubs1 {left: 14px;}
#p7snapsubs2 {left: 135px;}
#p7snapsubs3 {left: 260px;}
.p7submenus p {margin: 0;}
.p7submenus a, .p7submenus a:visited {	display: block;	padding: 2px 9px 2px 12px;	background-color: #e8eff7;	color: #333333;	text-decoration: none;	border-top: 1px solid #ffffff;	border-right: 1px solid #d5f7d5;	border-bottom: 1px solid #b1d3d1;	border-left: 1px solid #d5f7d5;}
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {	background-color: #D8E6F1;	color: #333333;	border-top: #afd1e9;}
#p7content1{	position: absolute;	width: 180px;	top: 60px;	font-size:0.9em;	visibility: hidden;	background-color: #F7FBFA;	padding: 7px;	border-width: 1px;	border-style: solid;	border-color: #c0c0c0;}