﻿
.AjaxPopupCalendar .ajax__calendar_container 
{
    border:4px solid #005D85;
    background-color:#ffffff;
    color:#000000;
    padding:2px;
    margin:4px;
}

.AjaxPopupCalendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;padding:3px;margin:3px;color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;padding:0;margin:0;color:#000000;font-size:small;}

.AjaxPopupCalendar .ajax__calendar_day {border:1px solid #ffffff;padding:0;margin:0;color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_month {border:1px solid #ffffff;color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_year {border:1px solid #ffffff;color:#000000;font-size:small;}

.AjaxPopupCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#000000;color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#000000;color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#000000;color:#000000;font-size:small;}

.AjaxPopupCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;font-size:small;}

.AjaxPopupCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#000000;font-size:small;}

.AjaxPopupCalendar .ajax__calendar_hover .ajax__calendar_title {color:#000000;font-size:small;}
.AjaxPopupCalendar .ajax__calendar_hover .ajax__calendar_today {color:#000000;font-size:small;}


/* GridView Control */
.gridview
{
    color: #3B6576;
    background-color: #F5F5F5;
}
.gridview-row
{
    font-size:10pt;
    border-bottom: 1px solid #D3D3D3;  
}
.gridview-row-alternating
{
    font-size:10pt;
     border-bottom: 1px solid #D3D3D3;  
}
.gridview-footer
{
    font-size:10pt;
}


/* Alignment */
.left
{
 	text-align: left;   
}
.right
{
 	text-align: right;   
}
.center
{
 	text-align: center; 
    margin-left: auto; 
    margin-right:auto;
}
.top
{
 	vertical-align:top;  
}
.bottom
{
 	vertical-align:bottom; 
}
.middle
{
 	vertical-align:middle; 
}

.instructions {
	/* font-size:72%; */
}




/* form fields
------------------------------ */

.field {
	 float: left; 
	display: inline;
	margin-right: 8px;
	margin-left: 5px;
}

.field-block {
	display: block;
	clear: both;
	margin-left: 5px;
}

.field2 {
	display: inline;
	margin-right: 8px;
	margin-left: 5px;
}

.floatLeft
{
   float: left; 
}

.floatRight
{
    float:right;
}


.horizontalDisplaycb { /* apply to form check box inputs that should be inline with their label */

display: inline-block;
font-size:16px;
}


#divGridButton a:link {
	color:#666666;
	text-decoration:none;	
	border-style:none;
}

#divGridButton a:hover {
	color:#860F06;
	text-decoration:none;	
	border-style:none;
}






table.dataGrid {
	
}

table.dataGrid th {
	font-weight: bold;
	color: #860F06;
	font-size: .8em;
	text-align: left;
	background-color: #E8E8DC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CECEB5 ;
	padding-right: 3px;
	padding-left: 3px;
	
}

table.dataGrid td {
	font-size: .8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:Black ;
	padding-right: 3px;
	padding-left: 3px;
	
}

table.dataGrid a:hover {
	border:none !important;
}

table.dataGrid a:link,ul.paging-bottom li a:link{
	color:Black;
border:none !important;
	text-decoration: none;


}

table.dataGrid a:visited,ul.paging-bottom li a:visited {
	color:Black ;
	
}

table.dataGrid a:hover,ul.paging-bottom li a:hover{
	color: #860F06;
	text-decoration: none;
	border:none !important;
	
}

table.dataGrid a:active,ul.paging-bottom a:active {
	font-weight: bold;
	color: #860F06;
	
}


table.dataDisplay td {
	font-size: .8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	
}

.paging-top {
	float: right;
	font-size: .8em;
	
}


ul.paging-bottom {
	list-style-type: none;
	display: inline;
	margin-left: 0px;
	color: Black;
	
}

ul.paging-bottom li {
	border: 1px solid #999;
	padding-right: 2px;
	padding-left: 2px;
	margin-top: 10px;
	margin-right: 3px;
	text-align: center;
	font-size: .8em;
	float: left;
	color: Black;
	
}

ul.paging-bottom a {
	display:block;
}


table a,#side ul a {
	display:block;
}

.clear {
	clear:both;
}

/* styles for error messages */

.error {
	font-size: .8em;
	color: #F00;
}

.errorMessage {
	padding-left: 10px;
	margin-left: 10px;
	color: #FF0000;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #F00;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* Wizard styles */
/* Wizard styles */

/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
                padding:0px;
                position: relative;
                clear:both;
                font-weight: bold;
                display: block;
                margin-top: 20px;
                margin-right: 10px;
                margin-bottom: 75px;
                margin-left: 10px;
                font-family:Verdana, Geneva, sans-serif;
}
.wizard-steps div {
    position:relative;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
                display: block;
                float: left;
                font-size: 75%;
                text-align:center;
                width:15px;
                margin: 2px 5px 0px 0px;
                line-height:15px;
                color: #ccc;
                background: #FFF;
                border: 2px solid #CCC;
                -webkit-border-radius:10px;
                -moz-border-radius:10px;
                border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 18px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    background: #F0EEE3;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
                border:none !important;
}
.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}

.wizard-steps b {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 18px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    background: #F0EEE3;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
                border:none !important;
}
.wizard-steps b:before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.wizard-steps b:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}

/* = COMPLETED STEPS
----------------------------*/

.wizard-steps .completed-step a {
    color:#fff;
    background: #A3C1C9;
}
.wizard-steps .completed-step a:before {
    border-top: 12px solid #A3C1C9;
    border-bottom: 12px solid #A3C1C9;
}
.wizard-steps .completed-step a:after {
    border-left: 12px solid #A3C1C9;
}
.wizard-steps .completed-step span {
                border: 2px solid #163038;
                color: #4B6184;
                text-shadow:none;
}

.wizard-steps .completed-step b {
    color:#fff;
    background: #A3C1C9;
                text-shadow:none !important;
}
.wizard-steps .completed-step b:before {
    border-top: 12px solid #A3C1C9;
    border-bottom: 12px solid #A3C1C9;
}
.wizard-steps .completed-step b:after {
    border-left: 12px solid #A3C1C9;
}

.wizard-steps .completed-step span {
                border: 2px solid #163038;
                color: #4B6184;

}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
                color:#FFFFFF !important;
                background: #77A3B8;
                text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
                border-top: 12px solid #77A3B8;
                border-bottom: 12px solid #77A3B8;
}
.wizard-steps .active-step a:after {
                border-left: 12px solid #77A3B8;
}

.wizard-steps .active-step b {
                color:#FFFFFF !important;
                background: #77A3B8;
                text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step b:before {
                border-top: 12px solid #77A3B8;
                border-bottom: 12px solid #77A3B8;
}
.wizard-steps .active-step b:after {
                border-left: 12px solid #77A3B8;
}
.wizard-steps .active-step span {
                color: #990000;
                -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
                -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
                box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
                text-shadow:none;
                border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#fff;
    background: #8F061E;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
                
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#8F061E;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    border-top: 12px solid #8F061E;
    border-bottom: 12px solid #8F061E;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
    border-left: 12px solid #8F061E;
}


#main .form1 { /* use this to wrap form areas */
	text-align: center; 
	background-color: #F5F4F2;
	border: 1px solid #D7D9D7;
	padding: 10px;
	/* to make the form area smaller, change the width via an inline style */
}


#main .form { /* use this to wrap form areas */
	
	background-color: #F5F4F2;
	border: 1px solid #D7D9D7;
	padding: 10px;
	/* to make the form area smaller, change the width via an inline style */
}

/* use to bold references to actions or links */
.emphasis01 {
	color:#5D749B;
	font-weight: bold;
}


    .navbutton {
    border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2.5px 5px;
    -webkit-box-shadow:rgba(0,0,0,1) 0 1px 0 0;
    -moz-box-shadow:rgba(0,0,0,1) 0 1px 0 0;
    box-shadow:rgba(0,0,0,1) 0 1px 0 0;
    color:White;
    background-color:#65a9d7;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:none;
    font-family:'Helvetica Neue', Calibri,sans-serif;
    font-size:16px;
    font-weight:700;
    height:32px;
    padding:4px 16px;
    text-shadow:#FE6 0 1px 0
}
.hangingIndent {
    text-indent: -24px;
     font-size: 14px;
   
}

.button {
   border: 1px solid #c9c7c5;
   background-color: #d9d8d6;
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #396575;
   font-size: 14px;
   font-weight:bold;
   text-transform:uppercase;
   text-decoration: none;
   vertical-align: middle;
}
.button:hover {
   background: #c9c7c5;
   color: #396575;
}
.button:active {
   background: #d9d6d6;
}



input.button01 { /* use for the primary action */
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline;

}

input.button02 {
	
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline;
	
}

input.button03 {
	
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline;
	
}

.aspLabelRB
{
     margin-right: 10px;
	margin-left: 10px;
	margin: 2px 2px 2px 2px;
	padding: 1px 1px 1px 1px;
	padding-left: 1px;
	text-indent: 10px;
	text-align: left;
	width: 10px;
	font-size:.9em;
    }
.aspLabel 
{
   margin-right: 2px;
	margin-left: 2px;
	margin: 2px 2px 2px 2px;
	padding: 1px 1px 1px 1px;
	padding-left: 1px;
	text-indent: 1px;
	text-align: left;
	width: 10px;
    font-size:.9em;
}


.Header1
{
    color:#5D552F;
    font-weight:bold;
	text-transform:uppercase;
	font-size:1.7em;
	border-width:0px 0px 10px 0px;
	-moz-border-image:url(../img/heading-border.png) 0 0 10 0 repeat stretch;
	-webkit-border-image:url(../img/heading-border.png) 0 0 10 0 repeat stretch;
	border-image:url(../img/heading-border.png) 0 0 10 0 repeat stretch;
	line-height:1em;
	margin-top:25px;
}

.Header2
{
    color:#5D552F;
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.3em;
	border-width:0px 0px 10px 0px;
	-moz-border-image:url(../img/heading-border.png) 0 0 10 0 repeat stretch;
	-webkit-border-image:url(../img/heading-border.png) 0 0 10 0 repeat stretch;
	border-image:url(../img/heading-border.png) 0 0 10 0 repeat stretch;
	line-height:1em;
	margin-top:25px;
}



h1 {
                border:none;
}
h2 {
                border:none;
}
