/*
  CSS for pacetracker project
*/

/* \*/
* div {height: auto; width: auto; }
/* */


p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}

td.groove {border-style:groove;}
td.ridge {border-style:ridge;}
td.inset {border-style:inset;}
td.outset {border-style:outset;}


div.left { float: left; height: 100%; width: auto; }
div.right { float:right; height: 100%; }
div.clear { clear: both; height: 1px; overflow: hidden; font-size:0pt; margin-top: -1px; }

td p {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:5px;
}

.xyz {
    font-family: "Lucida Grande",Geneva,Arial,helvetica,sans-serif;	
}

* {
    font-family: Verdana,Arial,helvetica,sans,sans-serif;	
    font-size: 10pt;
}

.ttext {
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    color: #ffffaf;
}

.listbox {
    font-style: normal;
    text-decoration: none;
    padding-left: 3px;
}

pre.code { 
  font-family: fixed, Courier, monospace;
  margin:0px;
  padding:0px;
}

div.code {
	overflow:auto;
	font-family: "Courier New", Courier, mono, monospace;
    font-size: 9pt;
    max-width:95%;
    max-height:10em;
    margin:0px;
  	margin-left:1em;
  	margin-right:auto;
  	padding:0px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.hidden_element{
    display:none; 
    visibility:hidden;
}

.notebook-hidden{
    display:none; 
    visibility:hidden;
}

td.invisible{
     visibility:hidden;
     width:0;
     height:0;
}

div.invisible{
     display:none;
     visibility:hidden;
     width:0;
     height:0;
}

.footer {
    font-size: 7pt;
    text-decoration: none;
    text-align: right;
    color: #ffffaf;
    background-color: #70614e;
    background-color: #5e8f9d;
    height:20px;
}

.header {
    background-image: url(blend-bg2.png);
    background-repeat:repeat-x;
    font-size: 18pt;
    height: 110px;
    padding:5px;
}

.caption {
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
    color: #2C2CAC;
}

.smallcaption {
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    color: #2C2CAC;
}

td.selheader{
    border-style:outset;
    border-width:1px;
    font-size: 12pt;
    background-color:#d8d8d8;
    color: #121292;
}

.fixedfield{
    border-style:outset;
    border-width:1px;
    background-color:#f8f8f8;
    color: #121292;
}

.rightaligned{
   margin-left:auto;
   text-align: right;
}

.leftaligned{
   margin-right:auto;
   text-align: left;
}

.centered{
   text-align: center;
}

.centeredbox, .centered{
  padding:5px;
  background-color: #fefefe;
  margin-left:auto;
  margin-right:auto;
}

.marginbox {
  padding:5px;
  background-color: #fefefe;
  margin-left:auto;
  margin-right:auto;
  max-width:900px;
  border: 2px groove #e6e6e6;
}

td.label, label.label{
    border-style:none;
    border-width:1px;
    font-size: 12pt;
    color: #121292;
}

select.select {
    width:100%
}

div.alert_text{
      background: #AF1515;
      color: #E0F8F8;
      text-align:center;
      font-size: 15pt;
      font-weight: bold;
}

input.textType{
        background: #FFFFE5;
	
	margin:1px 0px 4px 0px;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	
	font-family: "Courier New", Courier, mono, monospace;
	
	padding:1px 2px;
}

input.textType .forDisplay{
	
}

.required{
    color: #FF4545;
	border-width:1px;
    margin:.5em
}

td.widget{
    border-style:none;
    border-width:0px;
}

.widget{
    border-style:none;
    border-width:0px;
}

.value{
    border-style:none;
    border-width:0px;
}

table.sequencewidget{
    border-style:groove;
    border-width:2px;
    border-color:green;
    padding: 1px;
    border-spacing:2px;
    text-align: right;
    border: 0px;
}


.topleft {
    background-image: url(top-left-corner2.png);
    background-repeat:repeat-x;
    height: 110px;
    width: 18px;
}

.topright {
    background-image: url(top-right-corner2.png);
    background-repeat:repeat-x;
    height: 110px;
    width: 18px;
}

.bottomleft {
    background-image: url(bottom-left-corner2.png);
    background-repeat:repeat-x;
    height: 20px;
    width: 20px;
}

.bottomright {
    background-image: url(bottom-right-corner2.png);
    background-repeat:repeat-x;
    height: 20px;
    width: 20px;
}


.otherstyle {
    font-weight: bold;
    font-family: helvetica;
    font-style: italic;
    text-decoration: none;
    background: #FFFFCC;
    background-color:#00aa00;
    color: rgb(112,97,78)
}

.selstart {
    background-image: url(theme-toptab-end-selected.png);
    width:  10px;
    vertical-align: top;
    padding: 0px;
}
.unselstart {
    background-image: url(theme-toptab-end-notselected.png);
    width:  10px;
    vertical-align: top;
    padding: 0px;
}
.selend {
    background-image: url(theme-toptab-selected-end.png);
    width:  10px;
    vertical-align: top;
    padding: 0px;
}
.unselend {
    background-image: url(theme-toptab-notselected-end.png);
    width:  10px;
    vertical-align: top;
    padding: 0px;
}
.selunsel {
    background-image: url(theme-toptab-selected-notselected.png);
    width:  20px;
    vertical-align: top;
    padding: 0px;
}

.unselsel {
    background-image: url(theme-toptab-notselected-selected.png);
    width:  20px;
    vertical-align: top;
    padding: 0px;
}

.unselunsel {
    background-image: url(theme-toptab-notselected-notselected.png);
    width:  20px;
    vertical-align: top;
    padding: 0px;
}

.seltab {
    background-image: url(theme-toptab-selected-bg.png);
    font-family:"Lucida Grande",Geneva,Arial,helvetica,sans-serif;
    font-size: 13pt;
    height:  28px;
    vertical-align: top;
    padding: 0px;
}

.unseltab {
    background-image: url(theme-toptab-notselected-bg.png);
    font-family:"Lucida Grande",Geneva,Arial,helvetica,sans-serif;
    font-size: 13pt;
    height:  28px;
    vertical-align: top;
    padding: 0px;
}

.sitebody{
    font-family:"Lucida Grande",Geneva,Arial,helvetica,sans-serif;
    background-color: #FCFCFC; 
    background-color: #5e8f9d;    
    color: rgb(0, 0, 0);
    font-size: 11pt;
    padding: 0px;
}

.smallheader{
    font-family:"Lucida Grande",Geneva,Arial,helvetica,sans-serif;
    background-repeat: repeat;
    background-color: #FCFCFC; 
    color: #2C2CAC;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}

.sitebody-div{
    padding: 10px;
    border: 2px outset #a6a6a6;
    border-width-top:0px;
    background-color: #DCE2DC;
}

.textdiv{
	border-width: 1px;
    padding: 10px;
    border: 2px groove #e6e6e6;
    background: white;
    background: #fefefe;
    overflow:hidden; 
    overflow-y:auto;
}

.horscroll{
	border-width: 1px;
    padding: 2px;
    border: None;
    overflow:hidden; 
    overflow-x:auto;
}

.textdiv h4{
	margin-left:2em;
}

.textdiv p{
	margin-left:2em;
	margin-right:2em;
	margin-bottom:1em;
}

.textdiv div{
	margin-left:1em;
	margin-right:1em;
	margin-bottom:1em;
}

abcde {
    border: 3px groove #e6e6e6;
}

.insert-div{
    padding: 10px;
    width:auto;
    background: #FFFFE5;
    border: 4px ridge #e6e6e6;
    /* Hides from MAC IE \*/
    /* END: Hides from MAC IE */
}

.insert2-div {
	padding: 10px;
    width:auto;
	background-color: #ededed;
    border: 1px solid #e6e6e6;
    border-right-color: #b4b4b4;
    border-bottom-color: #b4b4b4;
    /* \*/
    /* */
}

div.insert-div, div.insert2-div, div.textdiv, div.sitebody-div {
    padding: 10px;
}

.rounded {
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;
     border-radius:10px;
}

.ins{
    padding: 10px;
    border: 3px groove #80F0F0;
    background-color:#fafaf8;
}

.error{
    background-color:#DFA020;
    color: #00005F;
}

.expArrow{
	padding-left: 20px;
	background: url(arrow-down.png) no-repeat 0px 4px;
}

.collArrow{
	padding-left: 20px;
	background: url(arrow-up.png) no-repeat 0px 4px;
}

.expIco{
	padding-left: 20px;
	background: url(plus.gif) no-repeat 0px 4px;
}

.collIco{
	padding-left: 20px;
	background: url(minus.gif) no-repeat 0px 4px;
}

.accordian{
    border: 1px solid #B9E3FF;
    border-style:outset;
    font-size: 11pt;
    background-color:#d8d8d8;
    text-align: center;
    padding: 1px;
    color: #121292;
}

h2.accordian, .accordian_c {
    display:block;
    cursor:pointer;
    margin: 0px auto;
	border: 3px solid #B9E3FF;
    background-color:#d8d8d8;
    border-style:outset;
	text-align: left;
	padding-left: 1.5em;
    color: #121292;
}

.accordian_c {
	height:1em;
    cursor:pointer;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:4px;
	padding-bottom:8px;
}
	
div.accordian_b{
	border: 1px solid #B9E3FF;
    background-color:#d8d8d8;
    border-style:outset;
    cursor:pointer;
    text-align: left;
    width:300px;
    padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
    color: #121292;
}

.panel{
	border: 1px solid #B9E3FF;
	padding: 10px;
}

span.expander{
	border: 1px solid #B9E3FF;
    background-color:#d8d8d8;
    border-style:outset;
    cursor:pointer;
	text-align: left;
    margin-left: 2px; 
    margin-right: 2px; 
    padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
    color: #121292;
}
.expandable{
    display: none;
	padding: 10px;
}

span.paddedtext{
	margin-left: 20px; 
    margin-right: 20px; 
}

#preview{
     position:absolute;
     border:1px solid #ccc;
     background:#333;
     padding:2px;
     display:none;
     color:#fff;
     text-align:center;
}

a {
    text-decoration:none;
    color: #2020B0;
    cursor:pointer;
}

img {
    border  : none;
    padding : 0px;
}

div.waiting{
	width:100%;
	height:100%;
    background-image: url(ajax-loader.gif);
    background-repeat:no-repeat;
}

div.loadingimg{
    background-image: url(Blue_and_white.gif);
    height : 16px;
    width  : 256px;
}

div.loadingimg img {
    display : none;
    height  : 0;
    width   : 0;
}

div.loadingimg img.active {
    display : block;
    width   : 100%;
}

div.panel img {
    display : none;
}

div.panel img.active {
    display : block;
}


a:link{    text-decoration:none; background: transparent; color: #ffffef; }
a:active{  text-decoration:none; background: transparent; color: #7fff00; }
a:visited{ text-decoration:none; background: transparent; color: #ffffef; }
a:hover{   text-decoration:none; background: transparent; color: #ffff9f; }

p a:link{    text-decoration:none; background: transparent; color: #2020B0; }
p a:active{  text-decoration:none; background: transparent; color: #7FFF00; }
p a:visited{ text-decoration:none; background: transparent; color: #2020A0; }
p a:hover{   text-decoration:none; background: transparent; color: #2020D0; }

td a:link{    text-decoration:none; background: transparent; color: #2020B0; }
td a:active{  text-decoration:none; background: transparent; color: #7FFF00; }
td a:visited{ text-decoration:none; background: transparent; color: #2020A0; }
td a:hover{   text-decoration:none; background: transparent; color: #2020D0; }

.menuwrapper {
    padding-left: 10px;
    padding-right: 10px;
}

.menubar {
    background-color: #5e8f9d;
}

.menu, .menu ul, .vmenu ul { 
    font-weight: bold;
	display: block; 
	padding: 0px; 
	margin: 5px; 
	list-style: none; 
	text-align: center; 
}
	 
.menu ul li { 
	display: inline;
	line-height: 2em;
	padding: 5px 8px 5px 8px;
	margin: 5px; 
	list-style: none; 
	background-color: #6a7f61;
    background-image: url(blend-white-small.png);
}

.menu ul li:hover { 
    background-color: #7ee267;		
}

.vmenu {
	display: block; 
	padding:0px; 
	margin:3px;
    width:auto;
    height:auto;
	overflow:hidden;
	overflow-y:auto;
}

.vmenu ul {
	padding: 0px; 
	margin: 0px; 
	width:auto;
}

.vmenu ul li { 
	display: block; 
	text-align:left;
	width:auto;
	margin:0px;
	padding: 2px 5px 2px 5px; 
	list-style: none; 
    background-color: #6a7f61;
    background-image: url(blend-white-small.png);
}


.plainmenu {
    padding: 5px;
    background-color: #7dbed1;
}

.plainmenu ul li {
    padding: 2px;
	background-image: none;
    background-color: #7dbed1;
}

.vmenu ul li:hover { 
    background-color: #7ee267;
}

.vmenu ul li a button {
	width: 100%;
}

.menu ul li.selectedmenu {
    background-color: #7ee267;		
}
	
.menu ul li a:link    { text-decoration:none; background: transparent; color: #2020B0; } 
.menu ul li a:active  { text-decoration:none; background: transparent; color: #7FFF00; }
.menu ul li a:visited { text-decoration:none; background: transparent; color: #2020A0; }
.menu ul li a:hover   { text-decoration:underline; background: transparent; color: #2020D0; }

h1 {
    font-family:"Lucida Grande",Geneva,Arial,helvetica,sans-serif;
    font-size: 15pt;
    padding:5px;
    margin:15px;
}

tr.oddline, div.odd {
    background-color: #f2f2f2;
}

tr.evenline, div.even {
    background-color: #fefefe;
}

/*_____________________________________________________________________________________________________________________*\
   Table layout for auto-generated forms
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.form-fields {
  text-align: left;
}

/*_____________________________________________________________________________________________________________________*\
       Some nice fieldset styling
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
fieldset { 
  border:None; 
  padding: 0px;
}

legend {
  border: none;
  padding: 0px;    
}

fieldset.sequencewidget { 
  border:1px solid blue;
  font  : 10pt "Lucida Grande",Geneva,Arial,helvetica,sans-serif;
  padding-left:1em
}

legend.sequencewidget {
  padding: 0.1em 0.3em;
  border:1px solid blue;
  color:blue;
  font-size:90%;
  text-align:right;
}

div.row{
  border-style:none;
  border-width:0px;
}

fieldset.listWidget { 
    border:1px solid blue;
    font:10pt "Lucida Grande",Geneva,Arial,helvetica,sans-serif;
    padding-left:10px;
    padding-right:10px;
}

legend.listWidget {
    padding: 0.1em 0.3em;
    border:1px solid blue;
    color:blue;
    font-size:9pt;
    text-align:right;
}

table.selectable {
	border:none;
}

table.selectable tbody tr.selgroup td {
    border: 1px dotted #e6e6e6;
    border-right-color: #b4b4b4;
    border-bottom-color: #b4b4b4;
}

table.selectable tbody tr.oddline {
    background-color: #FFFFF1;
}

table.selectable tbody tr.ui-selected {
 	background-color: #a0e8a0;
}

table.selectable tbody tr.ui-selecting {
	background-color: #d0e8d0;
}


/*_____________________________________________________________________________________________________________________*\
     This part deals with list tables.  These tables are shown almost like a list box, with selectable rows.
        Needs considerable jquery support, and the html must be laid out correctly.
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.listTable tbody.selectable {
  overflow   : hidden; 
  overflow-y : auto; 
  height     : 300px; 
  width      : 100%; 
  background-color:white; 
}

table.listTable tbody.selectable tr td {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
  border-width:0px;
  font-size: 10pt;
}

table.listTable {
  border        : 1px black solid;
  margin-top    : 5px;
  margin-bottom : 5px;
  width         : 100%;
}

table.listTable thead {
  background-color:lightgreen;
  width           : 100%; 
}


table.listTable thead tr { 
  position: relative; 
} 

table.listTable thead tr th {
  padding-left:5px;
  padding-right:5px;
  border-bottom : 1px black solid;
}

/*_____________________________________________________________________________________________________________________*\
  The following section deals with gradient backgrounds.  Probably won't work with IE.
    The following jquery turns a table data element into a gradientised element:

  $(".aheader").each(function(){
    var src = "@@/pacetracker/blend-white.png";
    var content = $(this).html();
    var adiv= $('<div class="gradient" />')
      .append($("<p />").html(content))
      .append($('<img src="'+src+'" class="gradient" alt="blend-img" />'));
    $(this).html("").append(adiv);
  });

\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.listTable tbody tr td.aheader {
  font-family     : "Lucida Grande",Geneva,Arial,helvetica,sans-serif;
  text-decoration : none;
  font-weight     : bold;
  color           : #050530;
  border-bottom   : solid;
  border-width    : 1px;
  padding         : 0px;
} 

table.listTable tbody tr td.headercell {
  border-left    : solid;
  border-bottom  : solid;
  border-width   : 1px;
  padding        : 0px;
}

table.listTable tbody tr td.subjectcell {
  border-left  : solid;
  border-width : 1px;
  padding-right: 2em;
  padding-left : 4em;
}

div.gradient img.gradient {
  height           : 100%;
  width            : 100%;
  top              : 0px;
  left             : 0px;
  position         : absolute;
  z-index          : 0;
  background-color : #5e8f9d;
  background-color : #659ec3;
  overflow         : hidden;
}

.gradient * {
  z-index          : 1;
  position         : relative;
  height           : 100%;
}

.gradient p {
  margin           : 0px;
  padding          : 0px;
  height           : 100%;
}

div.gradient {
  position         : relative;
  padding-right    : 2em;
  height           : 100%;
  width            : auto;
  overflow         : hidden;
}

/*_____________________________________________________________________________________________________________________*\
                                  ... End gradient backgrounds...
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.perfData thead tr th.col1{ width:82px; }
table.perfData thead tr th.col2{ width:40px; }
table.perfData thead tr th.col3{ width:40px; }
table.perfData thead tr th.col4{ width:55px; }
table.perfData thead tr th.col5{ width:90px; }
table.perfData thead tr th.col6{ width:60px; }
table.perfData thead tr th.col7{ width:75px; }
table.perfData tbody tr td div table tr td.col1{ width:82px; }
table.perfData tbody tr td div table tr td.col2{ width:40px; }
table.perfData tbody tr td div table tr td.col3{ width:40px; }
table.perfData tbody tr td div table tr td.col4{ width:55px; }
table.perfData tbody tr td div table tr td.col5{ width:90px; }
table.perfData tbody tr td div table tr td.col6{ width:60px; }
table.perfData tbody tr td div table tr td.col7{ width:60px; }



/*_____________________________________________________________________________________________________________________*\
                ....  Media overrides ....
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media handheld {

}

.tnctext { height:493px }
.subscribetext { height:195px }
.fullheight { height:auto }
.showcaseheight { height:auto }
.prodheight { height:auto }

@media all and (max-device-width: 480px) {
  /* For iPhone layouts */
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
	.tnctext { height:330px }
    .subscribetext { height:100px }
    .fullheight { height:auto }
    .prodheight { height:auto }
    .showcaseheight { height:auto }
}

@media only screen and (max-device-width: 1024px) {
    .marginbox { max-width:800px }
}

@media only screen and (max-device-width: 800px) {
    .marginbox { max-width:620px }
}

@media only screen and (device-height: 800px) {
	.tnctext {	   height:390px	}
    .subscribetext { height:150px }
    .fullheight { height:auto }
    .prodheight { height:auto }
    .showcaseheight { height:auto }	
}

@media only screen and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only - IPad */
  .marginbox { max-width:650px }
  .tnctext { height:960px; }
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only - IPad */
	.tnctext { height:350px; }
    .marginbox { max-width:800px }
}

@media only screen and (max-device-width: 683px) and (orientation:portrait) {
  /* For portrait layouts only - Galaxy Tab */
  .marginbox { max-width:650px }
  .tnctext { height:960px; }
}

@media only screen and (max-device-width: 683px) and (orientation:landscape) {
  /* For landscape layouts only - Galaxy Tab */
	.tnctext { height:350px; }
    .marginbox { max-width:900px }
}

@media screen {
	
	div.subjectlist {
	  height:190px; 
	  overflow:auto; 
	  padding:3px
	}
	
	div.learnerlist {
  	  height:325px; 
  	  overflow:auto; 
  	  padding:3px; 
  	  margin-top:10px	
    }
    	
	div.printer {
      display:none; 
      visibility:hidden;		  
	}
}

@media print {

	.notebook-hidden{
	    display:block; 
	    visibility:visible;
	}
		
	div.screen {
      display:none; 
      visibility:hidden;		  
	}
	input.screen {
      display:none; 
      visibility:hidden;		  
	}
	div.insert-div {
	  border: None;	
	  margin:0px;
	  padding:0px;
	}
	div.insert2-div {
	  border: None;	
	  margin:0px;
	  padding:0px;
	}
	div.textdiv {
	  border: None;
	  margin:auto;
	  padding:0px;
	}
	.ui-selected {
	    font-weight: bold;
	    font-style: italic;
	}
	
	table {
	  font  : 9pt "Lucida Grande",Geneva,Arial,helvetica,sans-serif;
	}
	fieldset.sequencewidget { 
	  border: None;
	  font  : 9pt "Lucida Grande",Geneva,Arial,helvetica,sans-serif;
	  padding-left:1em
	}
	legend.sequencewidget {
	  font  : 12pt "Lucida Grande",Geneva,Arial,helvetica,sans-serif;
	  background-color: white;
      text-decoration: underline;
      margin-top: 2em;
	  color : black;
	  border: None;
	}
	a {
        text-decoration : underline;
        color : #0000ff;  	
    }	
}

@page { 
	margin: 2cm;
}




/*_____________________________________________________________________________________________________________________*\
                ....  End Media overrides ....
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/