@charset "UTF-8";
/* CSS Document */
body {
	margin: 0; padding: 0;
	max-width: 1000px; min-width:400px;
	font:Arial, Helvetica, sans-serif;
	text-align: left;
	/*background:url(../img/math.jpg) repeat;*/
	/*opacity:0.5;*/
	
}

img { 
	border: #666 1px solid;
	alignment-adjust:central;
	
}

.mainDiv {
	 max-width:940px; 
	 background:#fff;
	 margin:auto;
}

h3 {
	color: #900;	
}
h4 {
	color: #003;	
}

.bodyText {
	text-align:justify;
	text-indent:30px;
	color: #222;
	margin: 7px;
}

.smallText { 
	font-size:small;
}

.redAsterik {
	color:#F00;	
	font-size: xx-small;
}

.bibText {
	color: #003;	
	font-size: small;
}

/* tables */
table.fin {
	margin-left:auto; margin-right:auto; 
	border-left:#333 1px solid;
	border-top:#333 1px solid;
	color:#003300;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none; 
	text-align: right;
    border-spacing: 0;
    -moz-border-radius: 12px;
    -moz-box-shadow: #999 3px 3px 4px;
    -webkit-border-radius: 12px;
    -webkit-box-shadow: #999 3px 3px 4px;
    border-radius: 3px;
    box-shadow: #999 3px 3px 4px;
}
table.fin td {
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	vertical-align:top;
	padding:1px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color:#003;
}
table.fin tr:nth-child(odd) {
	background: #fff;
}
table.fin tr:nth-child(even) {
	background: #eee;
}
table.fin tr:not(.header):hover {
	background: #FFC;
}
table.fin tr.header td {
	border-bottom:#333 double 3px;
	background: #445cbd;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding:2px;
	color:#fff;
}
table.fin td.header {
	background: #445cbd;
	font-size: 11px;
	font-weight: normal;
	text-align:center;
	padding:2px;
	color:#fff;
}
table.fin td.total {
	background: #C1CAE1;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding:2px;
	color:#000;
	border-top:#333 3px double;
}


/* ---  ---*/
.myPage2 .ui-content {
        padding: .25em; /* 4px */
  }
.myPage2 .detailDiv{
	display:inline-block; position:relative; float:left; 
	width:95%;   
	padding:6px; margin: 4px;
	background:#fff; border:#999 1px solid;
	-webkit-border-radius: 4px; border-radius: 4px;
}
/* 48em (768px). 2 column layout. Tiles 370 pixels */
@media ( min-width: 48em ) {
  .myPage2 .ui-content {
        padding: .5px; /* 5px */
  }
  .myPage2 .detailDiv{
	  width:47%;  
	  padding:5px; margin: 5px;
  }
}

/* 63.75em (1020px). 3 column layout. Tiles will be 250x250 pixels incl. margin */
@media ( min-width: 63.75em ) {
  .myPage2 .ui-content {
	  padding: .6px; /* 6px */
  }
  .myPage2 .detailDiv{
	  width:31%;  
	  padding:6px; margin:6px; 
  }
	
}