body {
	font-family: 'Open Sans', sans-serif;
	background-color: #fff; 
	}
	
h1 {
	text-transform: uppercase;
}

.wrapper { 
	width: 700px; 
	height: auto; 
	margin-right: auto; 
	margin-left: auto;
	margin-top: 50px; 
	
}

.header {
	font-size: 28px; 
	font-weight: bold; 
	text-align: center;
	margin-bottom: 30px;
	}
	
li {
	margin-bottom: 15px;
	list-style-type: circle;
}

li.sub {
	margin-left: 50px;
	list-style-type: square;
}

a {color: #000; background-color:#ffffcc; text-decoration: none; font-weight: bold; padding: 2px 4px 2px 4px; border-bottom: 1px solid black;}

a.green {color:#ffffff; text-decoration: none; background-color: #009900; font-weight: bold; font-size: 150%; padding: 4px; border-radius: 7px; padding: 5px 10px 5px 10px; margin: 40px 25px 25px 25px; border: 0px;}
a.red {color:#ffffff; text-decoration: none; background-color: #cc0000; font-weight: bold; font-size: 150%; padding: 4px; border-radius: 7px; padding: 5px 10px 5px 10px; margin: 40px 25px 25px 25px; border: 0px;}
a.orange {color:#ffffff; text-decoration: none; background-color: #ff9900; font-weight: bold; font-size: 150%; padding: 4px; border-radius: 7px; padding: 5px 10px 5px 10px; margin: 40px 25px 25px 25px; border: 0px;}
a.blue {color:#ffffff; text-decoration: none; background-color: #0066cc; font-weight: bold; font-size: 150%; padding: 4px; border-radius: 7px; padding: 5px 10px 5px 10px; margin: 40px 25px 25px 25px; border: 0px;}

.button {
	background-color: #eee;
	padding: 0px 4px 0px 4px;
	border: 1px solid black;
}

li.alert {
	background-color: #ffcccc;
	padding: 15px;
}

.alertBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding: 15px;
	border: 1px solid maroon;
	text-align: left;
	font-size: 120%;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

#callChris {
	
	background-color: #eee;

    /* fixed within viewport */
    position: fixed;

    /* set position */
    top: 20px;
    right: 30px;

    /* must have dimension */
    width: 200px;
    height: 50px;
	
	padding: 5px;
	text-align: center;
}

.notDone {
	width: 30px;
	height: 5px;
	background-color: silver;
	margin-right: 20px;
	float: left;
}

.doing {
	width: 30px;
	height: 5px;
	background-color: red;
	margin-right: 20px;
	float: left;
}

.done {
	width: 30px;
	height: 5px;
	background-color: green;
	margin-right: 20px;
	float: left;
}