/*...................................................Case Western Reserve University Modal Boxes...................................................*/

.modalBody
    {
    background-color:#fff;
    padding:20px;
    width:560px;
    }

#modalAbout div.modalBody
    {
    width:750px;
    }

.modalBody div.modalClose
    {
    width:30px;
    height:31px;
    float:right;
    padding:0px;
    margin:-30px -30px 0px 0px;
    }

.modalBody div.modalClose a img
    {
    border:none;
    }

.modalBody h4, .modalBody h4 a
    {
    font-size:22px;
    font-weight:normal;
    color:#0a304e;
    text-decoration:none;
    padding:0px;
    margin:0px;
    padding-bottom:20px;
    }

.modalBody h4 a:hover
    {
    text-decoration:underline;
    color:#ccc;
    }

.modalBody p
	{
	padding-bottom:20px;
	font-size: 16px;
	}

.modalBody p span
	{
	font-family:Tahoma, Helvetica, Arial, sans serif;
	}

.modalBody p, .modalBody p a, .modalBody ul li a
    {
    font-size:13px;
    line-height:16px;
    color:#444;
    text-decoration:none;
    }

.modalBody p a
	{
	color:#0a304e;
	}

.modalBody p a:hover, .modalBody ul li a:hover
    {
    text-decoration:underline;
    color:#1f7eba;
    }

/*past questions*/
p.pastq
    {
    font-size:17px;
    font-weight:bold;
    padding:0px;
    color:#0a304e;
    line-height:20px;
    }

p.pastans
    {
    padding:5px 0px 15px 0px;
    line-height:17px;
    }

p.pastans a
    {
    text-decoration:underline;
    }

/*Leaderboard Table*/
#modalLeader table
    {
    width:550px;
    padding:0px;
    margin:0px;
    font-size:12px;
    float:left;
    border:#ccc 1px solid;
    }

#modalLeader #topRow
    {
    border-bottom:#aaa 2px solid;
    }

#modalLeader .infoRows
    {
    border-bottom:#ccc 1px solid;
    }

#modalPastQ a
    {
    color:#0a304e;
    }

#modalLeader table td.columnHead
    {
    font-weight:bold;
    text-transform: uppercase;
    padding:5px;
    border-right:#ccc 1px solid;
    color:#0a304e;
    }

#modalLeader #colPlace
    {
    text-align:center;
    width:10px;
    }

#modalLeader .colPlaces
    {
    text-align:center;
    border-right:#ccc 1px solid;
    }

#modalLeader #clearTable
    {
    clear:both;
    padding-top:15px;
    font-size:10px;
    line-height:12px;
    }

#modalLeader p.subTable
    {
    font-size:10px;
    line-height:12px;
    font-family:Tahoma, Helvetica, Arial, sans serif;
    }

#modalLeader #colID
    {
    width:140px;
    }

#modalLeader .colIDs
    {
    padding:5px;
    border-right:#ccc 1px solid;
    }

#modalPastQ .colAnswers
    {
    text-align:center;
    }

#modalLeader #colWpt
    {
    width:137px;
    }

#modalLeader .colWpts
    {
    border-right:#ccc 1px solid;
    padding-left:5px;
    }

#modalLeader #colTotal
    {
    text-align:right;
    width:137px;
    }

#modalLeader .finalScore
    {
    text-align:right;
    padding-right:5px;
    }

/*Facebook box specs*/
#facebox .b {
  background:url(images/b.png);
}

#facebox .tl {
  background:url(images/tl.png);
}

#facebox .tr {
  background:url(images/tr.png);
}

#facebox .bl {
  background:url(images/bl.png);
}

#facebox .br {
  background:url(images/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}