body
{	
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:url(/content/images/bodyBG.png) top repeat-x;
}

/* Sticky Footer Styling */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
a img { border: 0; }
a.round-button { text-decoration: none; display: inline-block; zoom: 1; *display: inline; }


input[type="button"], input[type="submit"], button[type="submit"]
{
    background: rgb(122,217,105); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzdhZDk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmJiNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(122,217,105,1) 1%, rgba(82,187,69,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(122,217,105,1)), color-stop(100%,rgba(82,187,69,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ad969', endColorstr='#52bb45',GradientType=0 ); /* IE6-8 */
    padding: 5px 10px; 
    border-radius: 5px; 
    color: White; 
    font-weight: bold; 
    border: none;     
    margin-top: 10px;
    cursor: pointer;
    font-size: 11px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px auto; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 40px; /* .push must be the same height as .footer */
}
.footer {
	height: 40px; /* .push must be the same height as .footer */
}
/* END Sticky Footer Styling */

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}

.banner{
	height:64px;
	background:url(/content/images/bannerImage.png) center no-repeat #FFF;
	overflow:hidden;
}
.bannerLogo{
	width:380px;
	height:64px;
	float:left;
	background:url(/content/images/banner-logo.png) no-repeat;
}
.globalMenu{
	height:35px;
	width:325px;
	margin:24px 0 0 0;
	float:right;
	border:0px solid #F00;
	text-align:right;
}
.globalMenu a{
	height:35px;
	line-height:20px;
	padding:0 0 0 24px;
	margin:0 20px 0 0;
	text-decoration:none;
	color:#666;
	display:inline-block;
}
.globalMenu a:hover{
	color:#069
}
.globalMenu a.portalGuide{
	background:url(/content/images/globalNav-portalGuide.png) top left no-repeat;
}
.globalMenu a.portalGuide:hover{
	background:url(/content/images/globalNav-portalGuide-hover.png) top left no-repeat;
}
.globalMenu a.contactUs{
	background:url(/content/images/globalNav-contactUs.png) top left no-repeat;
}
.globalMenu a.contactUs:hover{
	background:url(/content/images/globalNav-contactUs-hover.png) top left no-repeat;
}
.globalMenu a.logOut{
	background:url(/content/images/globalNav-logOut.png) top left no-repeat;
}
.globalMenu a.logOut:hover{
	background:url(/content/images/globalNav-logOut-hover.png) top left no-repeat;
}
.globalMenu a.logIn{
    background:url(/content/images/globalNav-login.png) top left no-repeat;
}
.globalMenu a.logIn:hover{
    background:url(/content/images/globalNav-login-hover.png) top left no-repeat;
}


.menuContainer{
    height:64px;
    width:100%;
    background:url(/content/images/menuContainerBG.png) top repeat-x;
    overflow:hidden;
    position:relative;
}

.menu{
    height:64px;
    background:url(/content/images/menuBG.png);
    overflow:hidden;
    margin:0 360px 0 0;
}

a.menuItem{
    float:left;
    height:64px;
    line-height:86px;
    width:25%;
    color:#FFF;
    font-size:12px;
    text-decoration:none;
    text-align:center;
    border-right:1px solid #59adc8;
    margin-left:-1px;
}


.myAccounts{
	background:url(/content/images/menu-myAccounts.png) top center no-repeat;
}
.myAccounts:hover, .myAccounts.selected{
	background:url(/content/images/menu-myAccounts-hover.png) top center no-repeat;
}
.manageMyAccounts{
	background:url(/content/images/menu-manageMyAccounts.png) top center no-repeat;
}
.manageMyAccounts:hover, .manageMyAccounts.selected{
	background:url(/content/images/menu-manageMyAccounts-hover.png) top center no-repeat;
}
.myPaymentAccounts{
	background:url(/content/images/menu-MyPaymentAccounts.png) top center no-repeat;
}
.myPaymentAccounts:hover, .myPaymentAccounts.selected{
	background:url(/content/images/menu-MyPaymentAccounts-hover.png) top center no-repeat;
}
.myProfile{
	background:url(/content/images/menu-myProfile.png) top center no-repeat;
}
.myProfile:hover, .myProfile.selected{
	background:url(/content/images/menu-myProfile-hover.png) top center no-repeat;
}

.searchTab{
    height:64px;
    width:360px;
    background:url(/content/images/searchTab.png) left bottom no-repeat;
    float:right;
    position: absolute;
    top:0;
    right:0;
}
.searchTab .inputs{
	position:absolute;
	bottom:0;
	right:15px;
}

.main{
	margin:15px 20px 20px 20px;
}
h1{
	color:#069;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
h2{
	color:#54b948;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #CCC;
	padding-bottom:5px;
	margin-bottom:15px;
	margin-top: 15px;
}
h3 { color: #066295; }
h3 span { color: #54b948; font-size: 10px; }

p{
	margin:0 0 15px 0;
	line-height:16px;
}
a{
	color:#54b948;
}

/** Data Grid **/
.dataGrid{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666; 
	border:0px solid #e7e7e7;
	border-collapse:collapse; 
	background:#FFF;
	margin:0 0 20px 0;
}
.dataGrid th{ 
	text-align:left;
	vertical-align:bottom;
	color:#54b948;
	font-weight:normal;
	padding:5px 10px;
	border-bottom:3px solid #54b948;

}
.dataGrid td{ 
	text-align:left;
	vertical-align:top;
	color:#666; 
	padding:5px 10px;
	border:1px solid #e7e7e7;
}
td.center, th.center{
	text-align:center;
}
td.right, th.right{
	text-align:right;
}

.dataGrid a{
	color:#005c96;
	text-decoration:none;
}
.dataGrid img{
	border:0;
}

.dataGrid .altRow{
	background:#f5f5f5;
}

/** Legend **/
.legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	border-collapse: collapse;
	border:0px solid #DDD;
	margin-bottom: 20px;
}
.legend td{
	vertical-align:top;
	border-bottom:1px solid #DDD;
}
.legend td.item{
	padding:5px 10px 5px 5px;
	width:1%;
	white-space:nowrap;
	color:#66cc33;
}
.legend td.description{
	padding:5px 5px 5px 10px;
	width:99%;
}

/** Success **/
.success{
    width:auto;
    display:table;
    padding:15px 15px 15px 45px;
    margin:15px 0;
    border:1px solid #54b948;
    background:url(/content/images/checkmark.png) 10px 10px  no-repeat;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
.success span{
                font-weight:bold;
                font-size:14px;
                color:#54b948;
}


/** Button **/
.buttonContainer{
	height:30px;
	width:100%;
	margin:20px 0 0 0;
	border-top:3px solid #CCC;
	padding-top:10px;
	clear:both;
}
.buttonContainer .left{
	height:30px;
	float:left;
	width:50%;
}
.buttonContainer .right{
	height:30px;
	float:right;
	width:50%;
}
span.button {
	background:url(/content/images/buttonInputBG.png) #66cc00 bottom repeat-x;
	border: 1px solid #360;
	padding:0;
	cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	display:inline-block;
}
span.button input {
	background:none;
	border:0;
	margin:0;
	cursor:pointer;
	color:#FFF;
	font-size:12px;
	padding:7px 10px;
	height:30px;
}
span.button:hover {
	background:none #35c725;
}

/* Footer */
.footer {
	line-height:40px;
	background: url(/content/images/footerBG.png) top repeat-x;
	color:#FFF;
}
.footer a{
	color:#FFF;
	text-decoration:none;
	margin:0 10px;
}
.footer span{
	display:block;
	color:#EEE;
	margin:0 10px;
}
.footer a:hover{
	text-decoration:underline;
}
.footer .left{
	float:left;
}
.footer .right{
	float:right;
}

/*Site Wide*/
/*------------------------------------------------------------------------------------------*/


.cf:before,
.cf:after 
{
    content: ' ';
    display: table;
}
    
.cf:after { clear: both; }
.cf { zoom: 1; }

.field-validation-error { color: Red; font-size: 12px; padding-left: 10px; }
.validation-summary-errors { color: Red; font-size: 12px; }
.input-validation-error { border: 2px solid #FF6E6E!important; color: #FF6E6E; }

.blue-button { }

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/content/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

a.account-button { display: block; text-decoration: none; }

.account-button
{
    background: url('/content/images/signin-button.png');    
    width: 140px;
    height: 31px;
    border: none;
    font-weight: bold;
    color: #518B1C;    
    line-height: 31px;
    text-align: center;    
    font-size: 13px;
    cursor: pointer;
}
.account-button:hover { background: url('/content/images/signin-button.png') -140px 0px; }

.combobox
{
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
}

.combobox select 
{
    height: 27px;
    padding: 5px;
    border: none;
}

form { margin-bottom: 10px; padding-bottom: 10px; }


form.standard label  
{
    color: black;
    margin: 10px 0px 5px 0px;
}
form.standard input[type="text"]  
{
    outline: none;
    border: 1px solid silver;
    height: 20px;
    font-size: 11px;
    padding: 5px 5px 5px 10px;
}



.editable { display: inline-block; }
.editable input, .editable span {  }
.editable .input, .editable .save, .editable .cancel { display: none; }
.editable .display { font-size: inherit; font-weight: inherit; }
.editable .edit, .editable .save, .editable .cancel { margin-left: 10px; font-size: 10px; cursor: pointer; }
.error { color: Red; font-size: 12px; }

.green { color: forestgreen !important; }
.red { color: Red !important; }
.black { color: Black !important; }


/* Icons
------------------------------------------------------------------------------------------------------------------------------- */
.icon:before, .icon:after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 0; 
}
.icon a:before, .icon a:after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 0; 
}
.icon
{
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0px;
    margin: 0 0 0.25em;
}

.icon a
{
    padding-left: 30px;
}

/* Info
------------------------------------------------------------------------------------------------------------------------------- */
.info a:before {
    content:"i";
    left:3px;
    width:16px;
    height:16px;
    margin-top:-8px;
    font-size: 1em;
    font-weight:bold;
    font-style:italic;
    line-height:15px;
    text-align:center;
    color: Black;
    background:white;
    /* css3 */
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
}

/* PROFILE
------------------------------------------------------------------------------------------------------------------------------- */
.profile a:before {
    left:4px;
    width:16px;
    height:5px;
    margin-top:1px;
    /* css3 */
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background: white;   
}

.profile a:after {
    left:9px;
    width:6px;
    height:10px;
    margin-top:-7px;
    /* css3 */
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px 10px;
    -webkit-border-bottom-left-radius:5px 10px;
    -moz-border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
    border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
    background: white;   
}

/* Question
------------------------------------------------------------------------------------------------------------------------------- */
.question a:before {
    content:"?";
    left:3px;
    width:16px;
    height:16px;
    margin-top:-8px;
    font-size: 1em;
    font-weight:bold;
    font-style:italic;
    line-height:15px;
    text-align:center;
    color: Black;
    background:white;
    /* css3 */
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
}


/* View */
/*------------------------------------------------------------------------------------------------------------------------------- */
.view a:before { 
    left: 3px;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #555;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius: 12px 0 12px 0;
    border-radius: 12px 0 12px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.view a:after {
    left: 6px;
    width: 4px;
    height: 4px;
    border: 2px solid #fff;
    margin-top: -5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/*Header Styles*/
/*------------------------------------------------------------------------------------------*/
.page-header { width: 100%; background: url('/content/images/header.png'); padding-top: 50px; }

#header-top { text-align: right; height: 35px; }
#header-top ul { display: inline-block; list-style: none; margin: 0px; padding: 0px; }
#header-top ul li  
{
    float: left;
    line-height: 35px;
    vertical-align: middle;
}
#header-top ul li a  
{
    cursor: pointer; 
    color: White; 
    text-decoration: none;
    padding: 0px 30px;
    display: block; 
}
#header-top span.title { float: left; color: White; padding-left: 20px; line-height: 35px; font-size: 20px; }
nav 
{
    font-weight: bold; 
    font-family: 'Merriweather Sans', sans-serif; 
    font-size: 15px;
    border-bottom: 1px solid black;
    background: white;
}
nav .left img { float: left; height: 50px; padding-left: 20px; }
nav .right { float: right; padding-right: 20px; }
nav ul li { float: left; }
nav ul li a  
{
    color: Black; 
    text-decoration: none; 
    line-height: 50px;
    border-right: 1px solid silver;
    padding: 0px 15px;
}
nav ul li:last-child a { border: none; }
nav span { float: right; line-height: 50px; padding-right: 20px; }


#nav { float: left; width: 100%; padding-right: 20px; }

#welcome { float: left; background: url('/content/images/welcome.png') repeat-x; height: 45px; line-height: 45px; padding: 0px 15px; font-size: 20px; }
#welcome a { text-decoration: none; }
#welcome-left { color: #838383; }
#welcome-right { color: #065180; }


/*Search*/
/*------------------------------------------------------------------------------------------*/
#search { display: block; font-size: 19px; font-weight: bold; float: right; line-height: 35px; padding-right: 20px; }
.search-loading { background: white url('/content/images/loading.gif') no-repeat right; }


/*Menu*/
/*------------------------------------------------------------------------------------------*/
#menu { padding: 0px; margin: 0px; height: 45px; float: left }
#menu li  
{
    display: inline-block; 
    zoom:1; 
    *display: inline; 
    line-height: 45px;
}
#menu li:hover { background: white; }
#menu li a  
{
    display: inline-block; 
    color: White; 
    font-size: 12px; 
    text-decoration: none;
    padding: 0px 15px;
}
#menu li a:hover { color: #065180; background: white; }


/*Content Area*/
/*------------------------------------------------------------------------------------------*/

#UserGuide
{
    width: 830px;
    margin: 0 auto;
    text-align: right;
    padding: 0px;
    text-decoration: none;    
}


#leftpanel { float: left; padding: 10px; margin: auto; }
#leftpanel ul { list-style: none; font-size: 12px; padding: 0px; margin: 0px; }
#leftpanel li { padding: 3px 0px; }
#leftpanel li a { color: #579F4F; text-decoration: none; }
#leftpanel li a:hover { color: #EC7821; text-decoration: underline; }

#rightpanel { float: left; width: 840px; padding: 10px; }

/*Footer*/
/*------------------------------------------------------------------------------------------*/
footer
{
    background: silver;
    color: Gray;
    text-align: right;
}
footer ul { list-style: none; margin: 0px; padding: 0px 20px; }
footer ul li { display: block; }
footer ul li a { display: block; float: left; color: Gray; padding: 0px 10px; }


/*Reports*/
/*------------------------------------------------------------------------------------------*/
.report { width: 100%; font-size: 8pt; border-collapse: collapse; }
.report th, .report td { border: 1px solid #065180; }
.report th.header { cursor: pointer; background-repeat: no-repeat; background-position: center right; background-image: url('/content/images/table_sort_bg.png'); }
.report th.headerSortUp { background-image: url('/content/images/table_sort_asc.png'); }
.report th.headerSortDown { background-image: url('/content/images/table_sort_desc.png'); }
.report th { text-align: left; background: #065180; color: white; padding: 5px 20px 5px 5px; text-align: left; }
.report tbody td { font-size: .8em; padding: 0px 5px; }
.report tbody td.right { text-align: right; }

/*Breadcrumb*/
/*------------------------------------------------------------------------------------------*/
.breadcrumb:before,
.breadcrumb:after 
{
    content: ' ';
    display: table;
}
    
.breadcrumb:after { clear: both; }
.breadcrumb { zoom: 1; }
.breadcrumb { list-style: none; padding: 0px; margin: 0px; /*border-bottom: 1px solid #ccc;*/ margin-bottom: 10px; padding-bottom: 10px; }
.breadcrumb li { float: left; color: #066295; }
.breadcrumb li a  
{
    color: #066295; 
    padding-right: 20px; 
    padding-left: 3px;
    background: url('/content/images/icon-breadcrumbseparator.png') no-repeat right top; 
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
.breadcrumb li:last-child a { background: none; }

/* Misc */
/*------------------------------------------------------------------------------------------*/
.register-section { color: #626263; /*font-family: Arial;*/ line-height: 18px; font-size: 1.1em; }
.register-section h3 { font-size: 18px; font-weight: bold; line-height: 21px; }
.register-section p { width: 425px; padding-left: 20px; }
.register-section .editor-label { display: inline-block; font-size: 11px; font-weight: bold; width: 175px; text-align: right; padding-right: 10px; }
.register-section .editor-hint { display: inline-block; font-size: 9px; font-weight: bold; width: 175px; text-align: right; padding-right: 5px; }
.register-section .editor-field { display: inline-block; }
.register-section .editor-validation { display: inline-block; } 
.register-section .editor-field input[type="text"], .register-section .editor-field input[type="password"] { width: 250px; }
.register-section .editor-field.phone input { width: 45px; }

#tree ul { padding-left: 20px; margin: 0px; }
#tree ul li { list-style: none; margin: 7px 0px; border-bottom: 1px dotted #ccc; }
#tree ul li a { text-decoration: none; }
#tree ul li a.tree-icon { height: 16px; width: 16px; display: block; float: left; }
#tree ul li a.arrow { background: url('/content/images/icon-expand.png'); }
#tree ul li a.arrow-down { background: url('/content/images/icon-collapse.png'); }
#tree ul li a.account-link, #tree ul li span.account-link { color: #066295; padding-left: 10px; }
#tree ul li span.account-link { color: #999; }


/*Account Page Styles*/
section.account-section { }
section.account-section header h3  
{
    cursor: pointer; 
    color:#006699; 
    background:#FFF url(/content/images/panel-headerBG-collapsed.png) bottom repeat-x;
                border:1px solid #CCC;
    border-radius: 7px;
    padding:5px 5px 5px 10px;
    font-size: 12px !important;
                line-height:12px !important;
    margin: 10px 0px 0px 0px;
}
section.account-section header h3 a { color:#54b948 ; display: block; text-decoration: none; }
section.account-section header h3.expanded
{
    border-bottom-right-radius: 0px; 
    border-bottom-left-radius: 0px;
    background:#FFF url(/content/images/panel-headerBG.png) bottom repeat-x;
                border:1px solid #54b948;
                padding:5px;
}

section.account-section header h3:before
{
    content: " ";
    border-top: 5px solid transparent; 
    border-bottom: 5px solid transparent; 
    border-left: 5px solid #54b948;
    display: block;
    float: left;
    margin-right: 10px;
}

section.account-section header h3.expanded:before
{
    border-bottom: none;
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-top: 5px solid #54b948;
}

section.account-section div.content
{
    
    border: 1px solid #54b948;
                border-top:0;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    padding:15px 15px 20px 15px;
                
                background:#FFF;
}


/* Icon List
------------------------------------------------------------------------------------------------------------------------------- */
ul.icon-list  {
    padding:0;
    margin:0;
}

.icon-list li {
    position:relative;
    z-index:1;
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0 0 0.25em;
}

.icon-list li a:link,
.icon-list li a:visited {
    display:block;
    border:0;
    padding-left:28px;
    color:#066295;
    font-size: 11px;
    text-decoration: none;
}

.icon-list li a:hover,
.icon-list li a:focus,
.icon-list li a:active {
    color:#52BB45;
    background:transparent;
}

.icon-list li:before,
.icon-list li:after,
.icon-list li a:before,
.icon-list li a:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
}

.icon-list li a:before,
.icon-list li a:after {
    margin:-8px 0 0;
    background:#066295;
}

.icon-list li a:hover:before,
.icon-list li a:focus:before,
.icon-list li a:active:before {
    background:#52BB45;
}

/* FOLDER
------------------------------------------------------------------------------------------------------------------------------- */

.folder a:before {
    left:4px !important;
    width:16px;
    height:12px;
    margin-top:-6px !important;
    /* css3 */
    -webkit-border-bottom-right-radius:1px;
    -webkit-border-bottom-left-radius:1px;
    -moz-border-radius:0 0 1px 1px;
    border-radius:0 0 1px 1px;
}

.folder a:after {
    left:6px !important;
    width:6px;
    height:2px;
    margin-top:-8px !important;
    background:#066295;
    /* css3 */
    -webkit-border-top-right-radius:1px;
    -webkit-border-top-left-radius:1px;
    -moz-border-radius:1px 1px 0 0;
    border-radius:1px 1px 0 0;
}

.folder a:hover:after,
.folder a:focus:after,
.folder a:active:after {
    background:#52BB45;
}

/* FILE
------------------------------------------------------------------------------------------------------------------------------- */

.file a:before {
    left:5px !important;
    width:8px;
    height:12px;
    border:2px solid #066295;
    background:transparent !important;
}

.file a:after {
    left:4px !important;
    border-width:3px;
    border-style:solid;
    border-color:#fff #066295 #066295 #fff;
    margin-top:-9px;
    background:transparent;
}

.file a:hover:before,
.file a:focus:before,
.file a:active:before {
    border-color:#52BB45;
    background:transparent;
}

.file a:hover:after,
.file a:focus:after,
.file a:active:after {
    border-color:#fff #52BB45 #52BB45 #fff;
}

/* HOME
------------------------------------------------------------------------------------------------------------------------------- */

.home a:before {
    left:1px !important;
    border-style:solid;
    border-color:transparent;
    border-width:8px 7px;
    border-bottom-color:#066295;
    margin-top:-16px !important;
    background:transparent !important;
}

.home a:after {
    left:3px !important;
    width:2px;
    height:4px;
    border-style:solid;
    border-color:#066295 #066295 transparent;
    border-width:3px 4px 0;
    margin-top:0 !important;
    background:transparent !important;
}

.home a:hover:before,
.home a:focus:before,
.home a:active:before {
    border-bottom-color:#52BB45;
    background:transparent;
}

.home a:hover:after,
.home a:focus:after,
.home a:active:after {
    border-color:#52BB45 #52BB45 transparent;
}

/* LOCATION
------------------------------------------------------------------------------------------------------------------------------- */
.location { padding-left: 28px; }
.location a:before {
    left:6px !important;
    width:2px;
    height:2px;
    border:3px solid #066295;
    border-bottom:0;
    margin-top:-9px !important;
    background:#fff !important;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius:8px 8px 0 0; 
    border-radius:8px 8px 0 0;
}

.location a:after {
    left:6px !important;
    border-width:12px 4px 0;
    border-style:solid;
    border-color:#066295 transparent;
    margin-top:-4px !important;
    background: transparent !important;
}
.location a:hover:before,
.location a:focus:before,
.location a:active:before {
    border-color:#52BB45;
    background:transparent;
}
.location a:hover:after,
.location a:focus:after,
.location a:active:after {
    border-color:#52BB45 transparent;
}


/* RIBBON
------------------------------------------------------------------------------------------------------------------------------- */

.ribbon a:before {
    left:6px !important;
    border-width:10px 5px 6px;
    border-style:solid;
    border-color:#066295 #066295 transparent;
    margin:-8px 0 0 !important;
    background: transparent !important;
}

.ribbon a:hover:before {
    border-color:#52BB45 #52BB45 transparent;
}

/* Star
------------------------------------------------------------------------------------------------------------------------------- */

.star:before,
.star a:before {
    left:6px !important;
    border-width:10px 0 10px 8px;
    border-style:solid;
    border-color:transparent white;
    margin-top:-9px !important;
    background:transparent !important;
    /* css3 */
    -webkit-transform:rotate(22.5deg);
    -moz-transform:rotate(22.5deg);
    -ms-transform:rotate(22.5deg);
    -o-transform:rotate(22.5deg);
    transform:rotate(22.5deg);
}

.star a:before {
    left:6px !important;
    /* css3 */
    -webkit-transform:rotate(157.5deg);
    -moz-transform:rotate(157.5deg);
    -ms-transform:rotate(157.5deg);
    -o-transform:rotate(157.5deg);
    transform:rotate(157.5deg);
}

.star a:after {
    border-width:8px 10px 0;
    border-style:solid;
    border-color:white transparent !important;
    margin-top:-3px !important;
    background:transparent !important;
}

.star.selected:before,
.star a.selected:before,{
    border-left-color:#52BB45;
    background:transparent !important;
}

.star a:hover:after,
.star a:focus:after,
.star a:active:after {
    border-top-color:#52BB45;
    background:transparent !important;
}


/* EDIT
------------------------------------------------------------------------------------------------------------------------------- */

.edit a:before {
    left:3px !important;
    width:5px;
    height:5px;
    margin-top:2px !important;
    background:white !important;
    -webkit-transform:skew(-10deg, -10deg);
    -moz-transform:skew(-10deg, -10deg);
    -ms-transform:skew(-10deg, -10deg);
    -o-transform:skew(-10deg, -10deg);
    transform:skew(-10deg, -10deg);
}

.edit a:after {
    left:3px !important;
    width:13px;
    height:6px;
    border-left:1px solid #fff !important;
    margin-top:-3px !important;
    /* css3 */
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}



/* TRASH
------------------------------------------------------------------------------------------------------------------------------- */

.trash:after {
    left:6px !important;
    width:1px;
    height:7px;
    border-right:3px double white;
    border-left:1px solid white;
    margin-top:-2px !important;
}

.trash a:before {
    left:2px !important;
    width:9px;
    height:11px;
    margin-top:-6px !important;
    border:2px solid white;
    background:transparent !important;
}

.trash a:after {
    left:5px !important;
    width:3px;
    height:2px;
    margin-top:-9px !important;
    border:2px solid white !important;
    border-bottom:0;
    background:transparent;
    /* css3 */
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius:2px 2px 0 0;
    border-radius:2px 2px 0 0;
}

/* USER
------------------------------------------------------------------------------------------------------------------------------- */
.user { padding-left: 28px !important; color: #066295; font-size: 14px; }

.user:before {
    left:4px !important;
    width:16px;
    height:5px;
    margin-top:1px !important;
    /* css3 */
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background: #066295;
}

.user:after {
    left:9px !important;
    width:6px;
    height:10px;
    margin-top:-7px !important;
    /* css3 */
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px 10px;
    -webkit-border-bottom-left-radius:5px 10px;
    -moz-border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
    border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
    background: #066295;
}

.user:hover:after,
.user:focus:after,
.user:active:after,
.user:hover:before,
.user:focus:before,
.user:active:before {
    background:#52BB45;
}

/* EMAIL
------------------------------------------------------------------------------------------------------------------------------- */

.email { padding-left: 28px !important; color: #066295; font-size: 14px; }

.email:before {
    z-index: 10;
    left: 6px;
    width: 12px;
    height: 12px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    margin-top: -13px;
    background: transparent;
    -webkit-transform: rotate(39deg) skew(-12deg);
    -moz-transform: rotate(39deg) skew(-12deg);
    -ms-transform: rotate(39deg) skew(-12deg);
    -o-transform: rotate(39deg) skew(-12deg);
    transform: rotate(39deg) skew(-12deg);
}

.email:after {
    z-index: 10;
    left: 6px;
    width: 12px;
    height: 12px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    margin-top: -13px;
    background: transparent;
    -webkit-transform: rotate(39deg) skew(-12deg);
    -moz-transform: rotate(39deg) skew(-12deg);
    -ms-transform: rotate(39deg) skew(-12deg);
    -o-transform: rotate(39deg) skew(-12deg);
    transform: rotate(39deg) skew(-12deg);
}

.email:hover:after,
.email:focus:after,
.email:active:after,
.email:hover:before,
.email:focus:before,
.email:active:before {
    background:#52BB45;
}

/* DELETE
------------------------------------------------------------------------------------------------------------------------------- */

.delete a:before {
    width:16px;
    height:16px;
    /* css3 */
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
}

.delete a:after {
    left:3px;
    width:10px;
    height:2px;
    margin-top:-1px;
    background:#fff;
    /* css3 */
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

.delete:before {
    z-index:10;
    left:7px;
    width:2px;
    height:10px;
    margin-top:-5px;
    background:#fff;
    /* css3 */
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* Alternative style */

.delete-alt a:before,
.delete-alt a:after {
    left:6px;
    width:5px;
    height:15px;
    margin-top:-7px;
    background:#c55500;
    /* css3 */
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

.delete-alt a:after {
    left:1px;
    width:15px;
    height:5px;
    margin-top:-2px;
}

.delete-alt a:hover:after,
.delete-alt a:focus:after,
.delete-alt a:active:after {
    background:#730800;
}

.esiidlist { padding: 0px 10px 10px 10px; } 
.esiidlist table { width: 773px; }
.esiidlist table th { text-align: left; padding: 5px; }
.esiidlist table tbody tr:hover { background: silver; }
.esiidlist ul { padding: 0px 10px; margin: 0px; list-style-type: decimal-leading-zero; }
.esiidlist li {  }
.esiidlist li a { /*font-family: Arial;*/ text-decoration: none; }

.paymentaccountlist { display: inline-block; position: relative;  }

.EsiidTableAccountNumber { width: 100px; }
.EsiidTableEsiidNumber { width: 150px; }
.EsiidTableEsiidName { width: 150px; }
.EsiidTableAddress {  }
.EsiidTableStatus { width: 100px; }
.EsiidTableEdit { width: 100px; }



.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip 
{ 
    background: #459E00 !important; 
    color: White !important; 
    font-size: 12pt !important; 
    padding: 4px !important; 
    z-index: 90 !important; 
}

.displayform { }
.displayform label { display: block; font-weight: bold; width: 200px; text-align: right; padding-right: 10px; float: left; }
.displayform span { display: block; }

.datepick { width: 80px; text-align: center; }

.ui-autocomplete 
{
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.round-button  
{
    cursor: pointer; 
    padding: 5px 10px; 
    border-radius: 5px; 
    color: White; 
    font-weight: bold; 
    border: none; 
    margin-top: 10px; 
    margin-right: 10px; 
    font-size: 11px;
}

/*Gradients*/
/*------------------------------------------------------------------------------------------*/
.gradient-green
{
    background: rgb(122,217,105); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzdhZDk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmJiNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(122,217,105,1) 1%, rgba(82,187,69,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(122,217,105,1)), color-stop(100%,rgba(82,187,69,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(122,217,105,1) 1%,rgba(82,187,69,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ad969', endColorstr='#52bb45',GradientType=0 ); /* IE6-8 */

}
.gradient-gexa-v
{
    background: #066295; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NjI5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzUyYmI0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmJiNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #066295 0%, #2989d8 27%, #52bb45 93%, #52bb45 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#066295), color-stop(27%,#2989d8), color-stop(93%,#52bb45), color-stop(100%,#52bb45)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066295', endColorstr='#52bb45',GradientType=0 ); /* IE6-8 */
}
.gradient-gexa-h
{
    background: #066295; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NjI5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzUyYmI0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmJiNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #066295 0%, #2989d8 27%, #52bb45 93%, #52bb45 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#066295), color-stop(27%,#2989d8), color-stop(93%,#52bb45), color-stop(100%,#52bb45)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* IE10+ */
    background: linear-gradient(to right,  #066295 0%,#2989d8 27%,#52bb45 93%,#52bb45 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066295', endColorstr='#52bb45',GradientType=1 ); /* IE6-8 */
}

.gradient-gray
{
    background: #565656; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc5Nzk3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzZlNmU2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGE4YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #565656 0%, #797979 50%, #6e6e6e 51%, #a8a8a8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(50%,#797979), color-stop(51%,#6e6e6e), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #565656 0%,#797979 50%,#6e6e6e 51%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #565656 0%,#797979 50%,#6e6e6e 51%,#a8a8a8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #565656 0%,#797979 50%,#6e6e6e 51%,#a8a8a8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #565656 0%,#797979 50%,#6e6e6e 51%,#a8a8a8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#a8a8a8',GradientType=0 ); /* IE6-8 */
}
.gradient-black
{
    background: rgb(76,76,76); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
}
.gradient-blue
{
    background: rgb(107,119,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  rgba(39,49,158,1) 0%, rgba(79,93,251,1) 44%, rgba(7, 24, 211, 1)100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,49,158,1)), color-stop(44%,rgba(79,93,251,1)), color-stop(100%,rgba(43,60,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,49,158,1) 0%,rgba(79,93,251,1) 44%,rgba(7, 24, 211, 1)100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,49,158,1) 0%,rgba(79,93,251,1) 44%,rgba(7, 24, 211, 1)100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,49,158,1) 0%,rgba(79,93,251,1) 44%,rgba(7, 24, 211, 1)100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(39,49,158,1) 0%,rgba(79,93,251,1) 44%,rgba(7, 24, 211, 1)100%); /* W3C */
}

.gradient-gexa
{    
    background: #1db1cf; /* Old browsers */
    background: -moz-linear-gradient(top,  #207ED5 0%, #066295 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207ED5), color-stop(100%,#066295)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #207ED5 0%,#066295 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #207ED5 0%,#066295 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #207ED5 0%,#066295 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #207ED5 0%,#066295 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ED5', endColorstr='#066295',GradientType=0 ); /* IE6-9 */
}

/*Payment Styles*/
/*------------------------------------------------------------------------------------------*/

.gexa-table tbody tr:nth-child(even) td { background: whitesmoke; }

/** Data Grid **/
.gexa-table{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666; 
	border:0px solid #e7e7e7;
	border-collapse:collapse; 
	background:#FFF;
}
.gexa-table th{ 
	text-align:left;
	vertical-align:bottom;
	color:#54b948;
	font-weight:normal;
	padding:5px 10px;
	border-bottom:3px solid #54b948;

}
.gexa-table td{ 
	text-align:left;
	vertical-align:top;
	color:#666; 
	padding:5px 10px;
	border:1px solid #e7e7e7;
}
td.center, th.center{
	text-align:center;
}
td.right, th.right{
	text-align:right;
}

.gexa-table a{
	color:#005c96;
	text-decoration:none;
}
.gexa-table img{
	border:0;
}

.gexa-table .altRow{
	background:#f5f5f5;
}


.credit-card  
{
    width: 250px;
    border-radius: 25px;
    height: 140px;
    font-family: 'Quantico', Sans-Serif;
    box-shadow: 3px 3px 3px gray;
    float: left;
    margin: 6px;
    /*padding: 10px 20px;*/
    text-shadow: -1px -1px 1px white, 1px 1px 1px black;
    color: rgba(255,255,255,0);
    font-size: 12pt;
    /*background: black;*/
    border: 2px solid silver;
    position: relative;
    overflow: hidden;
}

.credit-card:after
{
    content: 'GEXA';
    bottom: 0px;
    left: -16px;
    color: rgba(255,255,255,0.06);
    font-size: 100px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    text-shadow: none;   
    
}
    
.credit-card div { padding-left: 10px; padding-right: 10px; padding-top: 10px; }
.credit-card .logo { text-align: right; margin-right: 15px; margin-top: 6px; }
.credit-card .logo img { height: 20px; }
.credit-card .account-number { text-align: center; letter-spacing: 2px; }
.credit-card .expiration { font-size: 14px; text-align: right; }    
.credit-card .account-name { text-align: left; letter-spacing: 4px; margin-left: 10px; }
.credit-card .options  
{
    position: relative;
    left: 25px;
    bottom: 113px;
    display: none;
}
.credit-card .options a 
{
    color: white;
    text-shadow: none;
    /*font-family: Arial;*/
    text-decoration: none;
}
.credit-card .options ul { list-style: none; margin: 0px; padding: 0px; }
.credit-card .options ul li { float: left; margin-left: 10px; }
.credit-card .options ul li a:before,

.credit-card:hover .options { display: block; }

.credit-card.ui-selectable:hover
{
    box-shadow: 0px 0px 25px #065180;
    cursor: pointer;
}

.credit-card.ui-selectable..ui-selected
{
    box-shadow: 3px 3px 15px #065180, 3px -3px 15px #065180, -3px 3px 15px #065180, -3px -3px 15px #065180; 
    border: 2px solid white;
}

.e-check
{
    width: 250px;
    height: 140px;
    font-family: 'Quantico', Sans-Serif;
    box-shadow: 3px 3px 3px gray;
    float: left;
    margin: 6px;
    color: black;
    font-size: 12pt;
    /*background: black;*/
    border: 2px solid black;
    position: relative;
    overflow: hidden;
    background: rgba(78, 209, 89, 0.12);
}
.e-check:after
{
    content: 'GEXA';
    bottom: 0px;
    left: -16px;
    color: rgba(32, 141, 17, 0.13);
    font-size: 100px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    text-shadow: none;
}
.e-check .header { font-size: 10px; padding: 2px; } 
.e-check .amount { margin: 16px 5px; }
.e-check .name { font-size: 10px; margin: 12px 7px 0px 7px; }
.e-check .account { font-size: 12px; padding: 4px; }

.e-check .header-name { float: left; width: 25%; line-height: 10px; }
.e-check .date { float: right; }
.e-check .pay-to { font-family: 'Allura', cursive; border-bottom: 1px solid black; }
.e-check .pay-amt { float: right; border: 1px solid black; font-size: 12px; }
.e-check .pay-amt-w { display: block; font-family: 'Allura', cursive; border-bottom: 1px solid black; }
.e-check .e-check-for { }
.e-check .account-name { float: right; font-family: 'Allura', cursive; font-size: 16px; text-decoration: underline; }
.e-check .account-number { font-size: 12px; }
.e-check .routing-number { float: right; }

.e-check .options  
{
    position: relative;
    left: 25px;
    bottom: 113px;
    display: none;
}
.e-check .options a 
{
    color: Black;
    text-shadow: none;
    /*font-family: Arial;*/
    text-decoration: none;
}
.e-check .options ul { list-style: none; margin: 0px; padding: 0px; }
.e-check .options ul li { float: left; margin-left: 10px; }
.e-check .options ul li a:before,
.e-check .options ul li a:after
{
    background: black;
}
.e-check:hover .options { display: block; }

.e-check .star:before, .e-check .star a:before { border-color: transparent Black !important; }
.e-check .star a:after { border-color: Black transparent !important; }
.e-check .edit a:before { background: black !important; }
.e-check .trash a:before { border: 2px solid black !important; }
.e-check .trash a:after { border: 2px solid black !important; }
.e-check .trash:after { border-right: 3px double black !important; border-left: 1px solid black !important; }

.e-check.ui-selectable:hover
{
    box-shadow: 3px 3px 15px #065180, 3px -3px 15px #065180, -3px 3px 15px #065180, -3px -3px 15px #065180; 
    border: 2px solid white;
    cursor: pointer;
}

.e-check.ui-selectable.ui-selected
{
    box-shadow: 3px 3px 15px #065180, 3px -3px 15px #065180, -3px 3px 15px #065180, -3px -3px 15px #065180; 
    border: 2px solid white;
}

.credit-card.ui-selected:before, .e-check.ui-selected:before
{
    content: 'Selected';
    display: block;
    font-size: 45px;
    font-weight: bold;
    top: 50%;
    left: 10%;
    position: absolute;
}

/* Make Payment Page Styles
------------------------------------------------------------------------------------------*/

.amount-due { padding: 15px; }
.amount-due div { padding: 10px; margin: 0px 10px; border-radius: 10px; color: White; float: left; height: 100px; width: 200px; cursor: pointer; }
.amount-due div h3 { color: White; margin: 0px; padding: 0px; font-weight: normal; text-align: center; }
.amount-due div span { display: block; text-align: center; font-size: 24px; padding-top: 15px; }
.amount-due div input { height: 30px; margin-top: 10px; width: 98%; font-size: 30px; text-align: center; }
.amount-due div:hover, .amount-due div.ui-selected { border: 4px solid white; padding: 6px; }
.amount-due .past-due { background: red; }
.amount-due .past-due:hover, .amount-due .past-due.ui-selected
{
    box-shadow: 3px 3px 2px red, -3px -3px 2px red, -3px 3px 2px red, 3px -3px 2px red;
}
.amount-due .curr-due { background: green; }
.amount-due .curr-due:hover, .amount-due .curr-due.ui-selected
{
    box-shadow: 3px 3px 2px green, -3px -3px 2px green, -3px 3px 2px green, 3px -3px 2px green;
}
.amount-due .total-due { background: black; }
.amount-due .total-due:hover, .amount-due .total-due.ui-selected
{
    box-shadow: 3px 3px 2px black, -3px -3px 2px black, -3px 3px 2px black, 3px -3px 2px black;
}
.amount-due .other-amt { background: #065180; }
.amount-due .other-amt:hover, .amount-due .other-amt.ui-selected
{
    box-shadow: 3px 3px 2px #065180, -3px -3px 2px #065180, -3px 3px 2px #065180, 3px -3px 2px #065180;
}

.payment-submit
{
    background: #066295;
    color: white;
    border: 2px double white;
    padding: 10px;
    box-shadow: 0px 0px 17px #066295;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.home-legal section { margin: 10px; }
.home-legal section header { color: #066295; font-size: 18px; font-weight bold; }
.home-legal section article { padding: 7px 15px; }
.home-legal section article p { }
.home-legal section a { }
    
/*Add Drop Account Form*/
.AccountForm { }
.AddForm { } 
.DropForm { } 
.AccountForm div { padding: 5px; }
.AccountForm div label { padding: 0px 2px 0px 0px; }
.hideOnLoad { display: none; }