*
{
	font-family: Arial;
	font-size: 11px;
}
body
{
	margin: 0 2 2 2;
}
body, td, p, div, input, textarea, select, th
{
	line-height: 16px;
	color: #000000;
}
select.width, input.width
{
	width: 145px;
}

td.borderbottom
{
	border-bottom: solid 1px black;
}

th
{
	text-align: left;
}

table.Surrounding
{
	background-color:#CCCCCC;
	width: 100%;
}

table.Surrounding td
{
	background-color:#FFFFFF;
	padding: 8px 8px 8px 8px;
}

td.label
{
	width:150px;
}

td.person_label
{
	width:150px;
	color: #CCCCCC;
}

.fakeboxheader
{
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	font-weight: bolder;
 	color: #669966;
 	padding: 5 5 5 0;
 	height: 30px;
}

.fakeboxheader_top_only
{
	border-top: solid 1px #CCCCCC;
	font-weight: bolder;
 	color: #669966;
 	padding: 10 5 5 0;
}

.fakeboxheader_bottom_only
{
	border-bottom: solid 1px #CCCCCC;
	font-weight: bolder;
 	/* color: #669966; */
 	padding: 5 5 5 0;
 	height: 30px;
}

.fakeboxsubheader_top_only
{
    border-top: solid 1px #CCCCCC!important;
 	height: 30px;
    width: 70px;
}

.descriptionText {
    padding-bottom: 3px;
}

.border_top_only {
    border-top: solid 1px #CCCCCC!important;
}

.singleChoiceTypeColumn {
    width: 200px;
}

.questionTextArea
{
    width: 100%;
    margin-bottom: 4px;
}

td.fakeboxheader_borderbottom
{
	border-bottom: solid 1px #CCCCCC;
}

input.submit
{
	border: solid 1px black;
	background-color: white;
	font-weight: bold;
    cursor: pointer;

}
input.submit:disabled {
    cursor: not-allowed;
}

A
{
	font-size: 11px;
	text-decoration: underline;
	color: #000000;
}
A:hover
{
	color: #209740;
}

A:visited
{
	color: #209740;
	text-decoration: underline;
}

.BottomText
{
	font-size: 10px;
	color: #CCCCCC;
}
h3
{
	font-family: Arial;
	font-size: 11px;
	color: #669966; 
	margin: 0px;
}

a.leftmenu
{
	color: black;
	text-decoration: none;	
}
a.leftmenu:visited
{
	color: black;
	text-decoration: none;
}
a.leftmenu:hover
{
	color: black;
	text-decoration: none;
}
table.leftmenu
{
	width: 100%;
	padding: 0px 0px 0px 0px;
}
table.noborder
{
	border: none 0px transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-collapse: collapse;
	width: 100%;
}

table.noborder td
{
	border: none 0px transparent;
	margin: 0 0 0 0;
	padding: 2 2 2 0;
	border-collapse: collapse;
}


tr.leftmenu
{
	height:20px;
}
td.leftmenu
{
	border-bottom: groove 3px #DADADA;
}
#MenuTable, #MenuTable A	{
	font-family:arial;
	color:#000000;
	font-size:11px;
}

#MenuTable A	{
	text-decoration:none;
}
	
#MenuTable A:hover { 
	color:#60A457;
	}
.leftmenu_divider
{
	border-top:1px solid #C0C0C0; 
	border-bottom:1px solid #F0F0F0;
}
.leftmenu_itemdiv	
{
	padding-left:10px; 
	padding-top:2px; 
	padding-bottom:2px;
}
.userPicker
{
    background-color:#F0F0F0;
    width: 100%;
    height:100%;
}
.searchContainer
{
    padding: 5px 5px 5px 5px;
    border-bottom: solid 1px black;
}
.messageLabel
{
    color:Green
}
.navigationContainer
{
    border-top: solid 1px black;
}

.navigationLink
{
    padding-left:3px;
}
.navigationPageSelected
{
    font-weight:bold;
}
.searchDialog
{
    background-color:#F0F0F0;
    border: solid 1px black;
}
div.displayAsTable {
    display: table !important;
}
div.displayAsRow {
    display: table-row !important;
}
div.displayAsCell {
    display: table-cell !important;
}
.viewQuestions {
    font-weight: bold;
    width: 50%;
}
.viewAnswers {
    vertical-align: top;
    padding-left: 6px!important;
}
.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 100ms ease-in;
    -moz-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    pointer-events: none;
}
    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 400px;
        position: relative;
        margin: 10% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 5px;
        background: #fff;
    }
        .modalDialog > div > a:visited {
            color: #c0c0c0;
            
        }
        .modalDialog > div > a:hover {
            color: #219640;
        }
.close {
    background: #219640;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

    .close:hover {
        background: #F0F0F0;
    }