body
{
    font-size: .85em;
    font-family: "Verdana, Trebuchet MS", Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    text-align:center;
}

#pagewidth {
	position: relative;
	width: 800px;
	background-color: #000000;
	text-align: left;
	}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: red;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    color: red;
}

.validation-summary-errors ul
{
    list-style-type:none;
}

.validation-summary-valid
{
    display: none;
}


.tooltip{
	margin:8px;
	padding:8px;
	border:1px solid black;
	background-color:orange;
	position: absolute;
	z-index: 2;
	width: 300px;
}

 
#captcha-wrap{
	border:solid #870500 1px;
	width:310px;
	-webkit-border-radius: 10px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#870500;
	text-align:left;
	padding:3px;
	margin-top:3px;
	height:110px;
	margin-left:80px;
}
#captcha-wrap .captcha-box{
	-webkit-border-radius: 7px;
	background:#fff;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align:center;
	border:solid #fff 1px;
}
#captcha-wrap .text-box{
	-webkit-border-radius: 7px;
	background:#ffdc73;
	-moz-border-radius: 7px;
	width:170px;
	height:43px;
	float:left;
	margin:4px;
	border-radius: 7px;
	text-align:center;
	border:solid #ffdc73 1px;
}

#captcha-wrap .text-box input{ width:120px;}
#captcha-wrap .text-box label{
	 color:#000000;
	 font-family: helvetica,sans-serif;
	 font-size:12px;	
	 width:150px;
	 padding-top:3px; 
	 padding-bottom:3px; 
	 text-align:left;
}
#captcha-wrap .captcha-action{
	float:right; width:130px; 
	background:url(logos.jpg) top right no-repeat; 
	height:44px; margin-top:3px;
}
#captcha-wrap  img#captcha-refresh{
	margin-top:9px;
	border:solid #333333 1px;
	margin-right:6px;
	cursor:pointer;
}



/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: .85em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: rgb(234,234,234);
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


a { color: black; }
a:hover { color: black; }
a:visited { color: black; }


.divHeaderTable
{
            width: 100%;
            padding-bottom:5px;
            display:block;
}
.divHeaderRow
{
            width: 100%; /* add extra that you want to for header column */
            display:block;
            height:105px;
}
.divHeaderColumn
{
            float: left;
            width: 33%;
            display:block;
}
.divTable
{
            width: 100%;
            display:block;
            padding-top:10px;
            padding-bottom:10px;
            padding-right:10px;
            padding-left:10px; 
}
.divRow
{
         width: 99%; 
         display:block;
         padding-bottom:5px;
}
.divColumn
{
         float: left;
         width: 50%;
         display:block;
}


#dialog-message, #dialog-important-message, #dialog-message-person, #dialog-message-age
{
    display:none;
}

.field-validation
{
    color: red;
    display:none;
}

#MainBody
{
    border: 1px solid;
    border-color: rgb(100,146,200);
    box-shadow: 0px 0px 5px #888888;
}

.LargeButton
{
    font-size: 24px;
}

.ButtonClass
{
    min-width: 20px;
    text-decoration: none;
    border-top: 1px solid #ffc88d;
    border-right: 1px solid #ad7334;
    border-left: 1px solid #c57b2d;
    border-bottom: 1px solid #a96b27;
    padding: 5px 20px;
    border-radius: 2px;
    font-weight: 800;
    font-size: 13px;
    color: rgb(0,0,0);
    box-shadow: inset 0px 2px 5px rgba(250, 255, 255, 1), 
                inset 2px 0px 5px #f7ae61, 
                inset -2px 0px 5px #e4963f, 
                inset 0px -2px 2px #e4963f, 
                0 2px 5px rgba(0,0,0,0.3);
    background: -webkit-linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79));
    background: -o-linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79));
    background: -moz-linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79));
    background: linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79));
}

.ButtonClass:hover
{
    cursor:pointer;
}

.ButtonClass:disabled
{
    color:Gray;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    border: 1px solid Gray;
    background: -webkit-linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* Standard syntax */
}

.ButtonClass:disabled:hover
{
    cursor:default;
}

.DisabledButtonClass
{
    min-width:20px;
    text-decoration:none;
    border: 1px solid Gray;
    padding: 5px 20px;
    font-weight: 800;
    color:Gray;
    background: -webkit-linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, rgb(234,234,234),rgb(211,211,211),rgb(195,195,195)); /* Standard syntax */
}

.DisabledButtonClass:hover
{
    cursor:default;
    color:Gray;
}


.HelpText
{
    color: rgb(255,150,6);
}

.PlanTable tr th
{
    background-color:rgb(170,170,170);
    border:2px solid rgb(150,150,150);
}

.PlanTable tbody.PlanTableBody tr td
{
    background-color:white;
    border:2px solid rgb(150,150,150);  
}

.highlightedRow
{
    background-color:rgb(247,167,79) !important;
}

fieldset
{
    border:2px solid rgb(247,167,79);
}

fieldset legend
{
     color:rgb(247,167,79);
}


input[type=text]
{
    border: 1px solid #B9BDC1;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #BBB inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input[type=text]:focus
{
    background-color: #E7E8E7;
    outline: 0;
}

select
{
    border: 1px solid #B9BDC1;
    -moz-box-shadow: 0 2px 4px #bbb inset;
    -webkit-box-shadow: 0 2px 4px #BBB inset;
    box-shadow: 0 2px 4px #BBB inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.Reminder
{
    color:rgb(247,150,60);
    font-weight:bold;
}

.popupBox
{
    font-size:.85em; 
    font-family:Verdana, Trebuchet MS, Helvetica, Sans-Serif; 
    color:#232323; 
    background-color:#fff; 
    text-align:left
}

.ui-dialog-titlebar, .ui-dialog-title, .ui-dialog-titlebar-close, .ui-resizable-handle, .ui-widget-header
{
    background-color:rgb(252,220,193) !important; 
}

.ui-dialog-buttonset .ui-button
{
    min-width:20px;
    text-decoration:none;
    border-top: 1px solid Gray;
    border-right:1px solid Gray;
    font-weight: 800;
    color: rgb(0,0,0);
    box-shadow: 1px 2px 5px #888888;
    background: -webkit-linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79)) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79)) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79)) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, rgb(250,191,117),rgb(247,180,110),rgb(247,167,79)) !important; /* Standard syntax */
}

/*Modal CSS*/
.modal {
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 25px;
    border: 1px solid #888;
    width: 750px;
    font-family:Segoe UI;
    top:50%;
    left:50%;
    position:absolute;
    transform: translate(-50%, -50%);
}

.modal-content-container
{
    width:60%;
    float:left;
    margin-left:20px;
}

.modal-content-container p
{
    margin:0px;
}

.modal-image
{
    float:left;
    width:35%;
}

.modal-image img
{
    width:100%;
}

.modal-button
{
    margin-top:20px;
}

.modal-header
{
    font-size:36px;
    font-weight:bold;
    text-align:center;
    color: rgb(69,91,169);
}

.modal-message
{
    margin:20px 0px;
    font-size:16px;
    color:rgba(255,0,0,1);
    font-weight:bold;
}

.content-message
{
    font-size: 20px;
    font-weight: bold;
}

/*
Author: RSG
Date: 9/14/2017
Description: css for the success page.
            also modified the buttonclass above
*/
/*success page*/
#success-tbl
{
    width: 675px;
    margin: auto;
    border-collapse: collapse;
}
#success-tbl td
{
    width: 225px;
    margin: auto;
    border: 2px solid #d4d4d4;
    padding: 10px;
    text-align: center;
}
#success-tbl tr:nth-child(2) td
{
    padding: 0px;
}
.button-desc
{
    display: block;
    height: 30px;
    margin: 5px 0 0 0;
    font-weight: 600;
}