body 
 {
     font-size: 12px;
     font-family: arial, sans-serif;
     color: #333; 
     margin:0px; 
     padding:0px;
 }
/* ------------------Table style---------------- */
table.application
{
    Border-top: 3px solid #0077C0;
    Border-bottom: 3px solid #0077C0;
    Background: #FFF;
    Width: 100%;
    border-left: none;
    border-right: none;
}
table.application th, .tableHead
{
    Font-family: Arial;
    Font-size: 13px;
    Color: #333;
    Font-weight: bold;
    Background: #ECECEC;
    Padding: 15px;
    Border-bottom: 1px solid #8E8E8E;
    border-left: none;
    border-right: none;
}
table.application td
{
    Font-family: Arial;
    Font-size: 13px;
    Color: #333;
    Font-weight: normal;
    Padding: 15px;
    Border-bottom: 1px solid #E0E0E0;
    border-left: none;
    border-right: none;
}
table.application tr.alternate td
{
    Font-family: Arial;
    Font-size: 13px;
    Color: #333;
    Font-weight: normal;
    Background: #ECECEC;
    Padding: 15px;
    Border-bottom: 1px solid #E0E0E0;
}
.tableApp
{
    Border-top: 3px solid #0077C0;    
    Background: #FFF;
    Width: 100%;
}
.tdHead
{
    Font-family: Arial;
    Font-size: 16px;
    Color: #0077C0;
    Font-weight: bold;
}

/* ------------------Paging style---------------- */
.app_pagination 
{
    Font-family: Arial;
    Font-size: 11px;
    Color: #333;
    Background: #ECECEC;
    Padding: 10px;
    Border-top: 3px solid #0077C0;
    Border-bottom: 1px solid #8E8E8E;
}
.app_pagination .right a.selected
{
    Font-family: Arial;
    Font-size: 12px;
    Color: #333;
    Text-decoration: none;
    Font-weight: normal;
    Background: #ECECEC;
    Border: 1px solid #333;
}
.app_pagination .right a.selected a:hover, a:focus
{
    Text-decoration: underline;
}
.app_pagination .right a:link, a:visited
{
    Font-family: Arial;
    Font-size: 12px;
    Color: #0077C0;
    Text-decoration: none;
    Font-weight: normal;
}
.app_pagination .right a:hover, a:focus
{
    Text-decoration: underline;
}
.app_item 
{
    Padding: 10px;
    Border-bottom: 1px solid #E0E0E0;
}

/* ------------------Button style---------------- */
/*.button a:link, a:visited 
{
    Font-family: Arial;
    Font-size: 13px;
    Color: #FFF;
    Padding: 5px 25px;
    Border: #9B9B9B;
    Background: Top color: #73C968;
    Bottom color: #51A746;
}
.button a:hover
{
    Background: Top color: #54964C;
    Bottom color: #32742D;
}
.button a:focus
{
    Background: Top color: #32742D;
    Bottom color: #54964C;
}
.button.cancel, .button.reset a:link, a:visited
{
    Font-family: Arial;
    Font-size: 13px;
    Color: #333;
    Padding: 5px 25px;
    Background: Top color: #F3F3F3;
    Bottom color: #D1D1D1;
}
.button a:hover
{
    Background: Top color: #D3D3D3;
    Bottom color: #B0B0B0;
}
.button a:focus
{
    Background: Top color: #B0B0B0;
    Bottom color: #D3D3D3;
}*/

/* copy of button style from styles.css */
/*
.button {
        background: url("/cassette.axd/file/images/ui/button-44b761860f91a39c63119080b1235c40704e8b80.png") top left repeat-x;
        color: #104B7D;
        border: none;
        padding: 4px 10px;
        border: 1px solid #cccccc;
    }
*/
.app_button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 4px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.app_button:hover {
	text-decoration: none;
}
.app_button:active {
	position: relative;
	top: 1px;
}

.green {
	color: #fef4e9;
	border: solid 1px #9B9B9B;
	background: #73C968;
	background: -webkit-gradient(linear, left top, left bottom, from(#73C968), to(#51A746));
	background: -moz-linear-gradient(top,  #73C968,  #51A746);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73C968', endColorstr='#51A746');
}
.green:hover {
	background: #54964C;
	background: -webkit-gradient(linear, left top, left bottom, from(#54964C), to(#32742D));
	background: -moz-linear-gradient(top,  #54964C,  #32742D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#54964C', endColorstr='#32742D');
}
.green:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#32742D), to(#54964C));
	background: -moz-linear-gradient(top,  #32742D,  #54964C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#32742D', endColorstr='#54964C');
}

.cancel, .reset {
	color: #333333;
	border: solid 1px #9B9B9B;
	background: #F3F3F3;
	background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D1D1D1));
	background: -moz-linear-gradient(top,  #F3F3F3,  #D1D1D1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D1D1D1');
}
.cancel:hover, .reset:hover {
	background: #D3D3D3;
	background: -webkit-gradient(linear, left top, left bottom, from(#D3D3D3), to(#B0B0B0));
	background: -moz-linear-gradient(top,  #D3D3D3,  #B0B0B0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D3D3D3', endColorstr='#B0B0B0');
}
.cancel:active, .reset:active {
	color: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#B0B0B0), to(#D3D3D3));
	background: -moz-linear-gradient(top,  #B0B0B0,  #D3D3D3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0B0B0', endColorstr='#D3D3D3');
}

/* ------------------Form style---------------- */
.boxForm 
{
    Border: 1px solid #0077C0;
    Background: #EDF1F6;
    Padding: 5px;
    Width: 96%;
}
.boxForm h4
{
    Font-family: Arial;
    Font-size: 18px;
    Text-align: left;
    Color: #104B7D;
    Font-weight: normal;
    margin: 0;
}
.boxForm th, .blankForm th
{
    Font-family: Arial;
    Font-size: 13px;
    font-weight: normal;
    Text-align: right;
    Color: #333;
}
.boxForm td, .blankForm td
{
    Font-family: Arial;
    Font-size: 13px;
    font-weight: normal;
    Text-align: left;
    Color: #333;
}
.amBoxForm 
{
    Border: 1px solid #0077C0;
    Background: #EDF1F6;
    Padding: 10px;    
}
.amBoxForm h4
{
    Font-family: Arial;
    Font-size: 18px;
    Text-align: left;
    Color: #104B7D;
    Font-weight: normal;
    margin: 0;
}
.amBoxForm th, .blankForm th
{
    Font-family: Arial;
    Font-size: 13px;
    font-weight: normal;
    Text-align: right;
    Color: #333;
}
.amBoxForm td, .blankForm td
{
    Font-family: Arial;
    Font-size: 13px;
    font-weight: normal;
    Text-align: left;
    Color: #333;
}
.formTools a.iconAdd a:link, a:visited 
{
    Color: #0077C0;
    Text-decoration: none;
    Font-family: Arial;
    Font-size: 13px;
}
.formTools a.iconAdd a:hover, a:focus
{
    Text-decoration: underline
}

/* ------------------Accordian style---------------- */
.menuAccordion
{
    Background:#E5E5E5;
    Padding: 10px;
}
.menuAccordion ul li.opened h3
{
    Font-family: Arial;
    Font-size: 14px;
    Color: #FFF;
    Padding: 10px;
    Background-color: #51A746;
}
.menuAccordion ul li.opened ul li,
.expendedSection
{
    Background:#F8F8F8;
    Padding: 10px;
}
.menuAccordion ul li.closed h3
{
    Font-family: Arial;
    Font-size: 14px;
    Color: #FFF;
    Padding: 10px;
    Background-color: #0B476C;
}

.expandedAccordion .rpText
{
    Font-family: Arial;
    Font-size: 14px;
    Color: #FFF;
    Padding: 10px !important;
    Background-color: #51A746;
}

.closedAccordion .rpText
{
    Font-family: Arial;
    Font-size: 14px;
    Color: #FFF;
    Padding: 10px !important;
    Background-color: #0B476C;
}

/* ------------------Tab navigation style---------------- */
ul.tabNav li.selected, .tabNavSelected 
{
    Background: #5AC251;
    Font-family: Arial;
    Font-size: 14px;
    Font-weight: bold;
    Color: #FFF;
    Text-align: center;
    padding: 10px;
    margin-right: 5px;
}
ul.tabNav li, .tabNav
{
    Background: #104B7D;
    Font-family: Arial;
    Font-size: 14px;
    Font-weight: bold;
    Color: #FFF;
    Text-align: center;
    padding: 10px;
    margin-right: 5px;
}
.tabContainer
{
    Border: 2px solid #F5CF47;
    Padding: 0px;
}
.tabContainer h3
{
    Background: #EDEDED;
    Padding: 10px 10px 10px 30px;
    /*Width: 100%;*/
    Font-family: Arial;
    Font-size: 16px;
    Font-weight: bold;
    Color: #104B7D;
    clear: both;
}
.tabContainer .tabBody
{
    padding: 10px 10px 10px 30px;
}

/* ------------------Instructional text style---------------- */
.infoBox
{
    Border: 1px solid #C0C0C0;
    Background: #F3F3F3;
    Padding: 15px;
    /*Width: 100%;*/
    Float: right;
    Font-family: Arial;
    Font-size: 12px;
    Text-align: left;
    line-height: 16px;
    margin-bottom: 20px;  
}

/* ------------------Misc style---------------- */ 
.wideDivider
{
    margin: 20px 0;
    border-top: 3px solid #0077c0;
    padding-top: 10px;
}

.personifybox 
{
	border:solid 1px #0077C0;
	border-top: solid 3px #0077C0;
	background-color: #FFFFFF;
	width: 200px;
	margin: 20px 0 20px 10px;
    padding: 0 5px 10px;
	font:12px Arial,Helvetica,sans-serif;
}

.personifybox h2 
{
	font: bold 24px Arial,Helvetica,sans-serif;
    color: #104B7D;
	/*background-color: #E5E5E5; 
	margin: 0 -5px 5px;*/
	padding: 5px 5px;
}

.personifybox h4
{
	border-bottom:1px solid #CCCCCC;
	font: bold 14px Arial,Helvetica,sans-serif;
	margin: 5px 0;
	color: #3A96CE;
}

.personifybox div
{
	padding: 5px 10px;
}