html,body{font-family:Arial, Helvetica, sans-serif;font-size:small;background-color:#999;}
#page{width:80%;margin:0 auto;padding:10px 10px 0 10px;background-color:#333;border:1px solid black;border-top-color:#AAA;border-left-color:#AAA;}
h1{color:white;font-size:3.5em;margin:10px;}
h3{color:#900;margin:10px 0 3px 0;border-bottom:1px solid #CCC;}
a{color:#069;}
#index{margin:0;padding:3px;border-bottom:2px solid #999;background-color:#FFFCC4;}
.page-content{background-color:white;padding-bottom:10px;}
.card{width:90%;margin:30px auto 10px auto;padding:0;}
.tabs{margin:0;padding:0;list-style:none;}
.tabs li{float:left;font-size:1.3em;width:15.5em;margin:0 0 0 5px;padding:3px;background-color:#F0F0F0;border:2px solid #999;border-bottom:none;}
.infoWrapper{padding:10px;}
.card .content{clear:both;background-color:#FFFCC4;border:2px solid #999;}
.info{margin:0;padding:0;width:100%;border:none;border-collapse:collapse;background-color:white;}
.info td{vertical-align:top; padding:5px;}
.info .column1{border-left:1px solid #CCC;border-top:1px solid #CCC;border-bottom:1px solid #666;}
.info .column2{border-top:1px solid #CCC;border-bottom:1px solid #666;}
.info .column3{border-right:1px solid #666;border-top:1px solid #CCC;border-bottom:1px solid #666;}
.info .preview{padding:2px;padding-top:0;background-color:#FFFCC4;width:114px;text-align:center;}
.preview .window{width:110px;height:140px;margin:0 auto;padding:0;border:1px solid #CCC;color:#666;}
.card .footer{background-color:#CCC;padding:2px;padding-left:3px;}
.page-footer{padding:3px 0;text-align:center;}
.page-footer a{color:#999;}