/* DEFAULTS
----------------------------------------------------------*/
body {
    width: 100%;
    background-color:#DEDED7;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0 auto;
    padding: 0px;
    color: #696969;
    -webkit-text-size-adjust: 100%;
}

a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #b6b7bc;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

/* PRIMARY LAYOUT ELEMENTS */

.container {
	margin: 0;
	padding: 5px 0 10px 0;
	background-color: #E8E8E3;
}

.main {
    width: 1000px;
    background-color: #DEDED7;
    margin: 10px auto 0 auto;
    border: 1px solid #A1A1A1;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}

.centre_main {
    width: 980px;
    padding: 0px;
    margin: 10px auto;
}

.table_header {
	width:100%;
	padding:0;
	border-top: 4px solid #9d2c00;
	border-bottom: 1px solid #a1a1a1;
	background-color: #deded7;
}

.table_footer {
	width:100%;
	padding:0;
	margin: 0;
	border-top: 1px solid #a1a1a1;
	background-color: #deded7;
}

.tb_bottom {
	width:1000px;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.footer {
    font-size: .90em;
    color: #4e5766;
    padding: 0;
    margin: 0px auto;
    text-align: left;
    line-height: normal;
}

/* TAB MENU */

div.hideSkiplink {

}

div.menu {
	height:30px;
	float: left;  /*redundant float to resolve Safari top margin issue*/
	padding: 0;
	background-color: #deded7;
	}

div.menu ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

div.menu ul li a, div.menu ul li a:visited {
	display: block;
	height:15px;
	padding: 8px 15px;
	text-decoration: none;
	color: #464646;
}

div.menu ul li:first-child a, div.menu ul li a:visited {

}
	
div.menu ul li a:hover {
	color: #9d2c00;
	background-color: #e8e8e3; 
	outline: none;
	text-decoration: overline;
}

div.menu a.static.selected {
	color: #9d2c00;
	background-color: #e8e8e3; 
	outline: none;
	border: 1px solid #a1a1a1;
	border-bottom: 1px solid #e8e8e3;
}

div.menu ul li a:active {
    background-color: #fff;
	color: #9d2c00;
	text-decoration: overline;
}

/* FORM ELEMENTS */
.fstable {
    width: 100%;
}

.fstable tr td {
    height: 20px;
    width: 50%;  
}

.fsleft {
    border-top-left-radius:8px;
}

.fsright {
    border-bottom-right-radius:8px;
}

fieldset {
    border: 1px solid #5078B3;
    margin: 0;
    padding: 0 5px;
}

fieldset p {
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: inline;
}

fieldset label.inline {
    display: inline;
}

legend {
    font-size: 1.0em;
    font-weight: 600;
    padding: 0;
    margin: 0 10px;
}

input.LoginText {
    padding: 4px 4px 4px 4px;
    border: 1px solid #999999;
    width: 200px;
    margin: 0px 20px 0px 0px;
    outline: none;
}

input.txtTime {width:65px;margin:0;}

input.txtDate  {width:72px;margin:0;}

textarea {
    width: 575px;
    padding: 0;
    margin: 0;
    border: 1px solid #999999;
    outline: none;
    overflow: auto;
    resize: none;
}

.tbwe {color:Gray;}

input.txtMoney {width:49px;margin:0;}

input.txtTny {width:25px;margin:0;border:1px solid grey;}

input.txtSml {width:55px;margin 0;}

input.txtMed {width:80px;margin:0;}

input.txtMedLge {width:120px;margin:0;}

input.txtLge {width:250px;margin:0;}

input.txtLger {width:400px;margin:0;}

input.txtRed {border:1px solid #CC0000;background-color:#FFEEDD;}

input.txtGreen {border:1px solid Green;background-color:#E5F2CC;}

input.AcctDeets {
    background: #FFEEDD;    
    border: 1px solid red;
    width:125px;
    margin-left:10px;
}

/* end of need to integrate into above*/

input.TextEntry  {width:72px;margin:0;}

div.ajax__calendar_days table tr {height:10px;}

div.accountInfo {width:100%;}

/* TAB PANEL */
.tpShadow {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}

.tab_main {
    width: 1000px;
    background-color: #DEDED7;
    margin: 0 auto;
    border: 1px solid #A1A1A1;
}
    
.tab_centre {
    width: 980px;
    padding: 0px;
    margin: 0 auto 10px auto;
}

.TabPrnt {width:1002px;margin: 10px auto 0 auto;}

.TabChld {
    height:21px;
    border: 1px solid #A1A1A1;
    border-bottom:none;
    display:-moz-inline-box;
    display:inline-block;
    text-align:center;
    margin:0;
}

.tpLeft {float:left;}

.tpRight {float:right;}

.TabChld:hover {height:20px;background-color:#DEDED7;}

.tcActive {background-color:#DEDED7;color: #464646 !important;}

.tcActive:hover {height: 21px;}

.TabSpacer {width:100%;height:21px;}

.TabBtn {
    height:21px;
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    text-decoration:none;
    padding: 1px 7px 5px 7px;
}

.TabBtn:hover {color: #9d2c00;}

.TabBtnAct {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    text-decoration:none;
    color: #9d2c00 !important;
    padding: 1px 7px 5px 7px;
}

/* VALIDATION */

.failureNotification {
    font-size: 1.0em;
    color: Red;
}

.valError {
    float: left;
    background: red;
    text-align: left;
    list-style-type: none;
}

label.error {
    color: white;
    padding: 0 2px;
}

input.error {
    background: #FFEEDD;    
    border: 1px solid red;
    padding: 2px;
}

textarea.error {
    background: #FFEEDD;    
    border: 1px solid red;
}

/* MISC */
.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: float;
    text-align: right;
    padding: 0px;
    color: White;
}

.loginDisplay a:link {
    color: white;
}

.loginDisplay a:visited {
    color: white;
}

.loginDisplay a:hover {
    color: white;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

/* TABLES */

table {
    border-spacing: 0;
    color: black;
    padding:0;
}

.warning {
   background-color: Red;
   color: White;   
}


/************************** GOOD STUFF BELOW ***************************/
.tblClear tr {
    height:0 !important;
}

/* HEADERS */
.hdr {
    border-top-left-radius:8px;
    width: 980px;
    color: white;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 95%);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 95%);
}
.hdr tr {height: 25px;}
.hdr td {vertical-align: middle;}
.hdr a:link {color: #fff;}
.hdr a:visited {color: #fff;}
.hdr a:hover {color: #ccc; text-decoration: underline;}

.mfv {background-color: #443266; margin-top:3px;}

.master {background-color: #2E4d7B; margin-top: 10px;}

.detail {margin-top: 5px;}
.dBlue {background-color: #5078B3;}
.dGreen {background-color: Green;}
.dOrange {background-color: #FF6600;}
.dRed {background-color: #CC0000;}
.dShade {background-color: #A5A5A5;}
.warn {
    border: 1px solid #CC0000;
    font-weight: bold;
    background-color: #CC0000;
    padding: 0 5px;
}
.notice {
    border: 1px solid Green;
    font-weight: bold;
    background-color: Green;
    padding: 0 5px;
}
.cHdr {
    background-color: #5078B3;
    width:100% !important;
    padding: 1px 0;
    margin-top: 5px;
}

.hover {
    border-top-left-radius:8px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 95%);
}
.over {cursor: pointer;}
.overBlue {background-color: #2E4d7B;}
.overGreen {background-color: #006600;}
.overOrange {background-color: #FF4500;}
.overRed {background-color: #990000;}
.overShade {background-color: #7F7F7F;}

.out {cursor: default;}
.outBlue {background-color: #5078B3;}
.outGreen {background-color: Green;}
.outOrange {background-color: #FF6600;}
.outRed {background-color: #CC0000;}
.outShade {background-color: #A5A5A5;}

/* CONTENT */
.cnt {
    width: 980px;
    border: 1px dashed #2F4F4F;
    border-top: none;
    border-bottom-right-radius:8px;
    padding: 5px;       
}
.cfv {background-color: #C3C3E5;}
.cBlue {background-color: #D3DEEF;}
.cAlt {background-color: #F7F7F7;}
.cShade {background-color: #BFBFBF; color: #787878;}
.cAltShade {background-color: #D8D8D8; color: #787878;}

.tblCnt {width: 100%; padding: 5px;}
.tBlue {background-color: #D3DEEF;}
.tShade {background-color: #BFBFBF; color: #787878;}
.tAlt {background-color: #F7F7F7;}
.tAltShade {background-color: #D8D8D8; color: #787878;}

.vtop td { vertical-align: top; }

.cDiv {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    border-bottom-right-radius: 8px;
}

.cDivHalf {
    width: 480px;
}

.cDivOneThird {
    width: 320px;
}

.cDivTwoThirds {
    width: 640px;
}

/* PAGINATION */
.PgBar {
    width: 100%;
    color: White;
    background-color: #5078B3;
    border-bottom-right-radius:8px;
    padding: 3px 5px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.35)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 95%);
    }
.PgBar a {color: White;}
    
.PgBarFull {border-top-left-radius:8px; margin-top:5px;}
.PgBarFull a { color: White;}
  
.PgDiv {display:inline-block;}

.PgNo {
    border: 1px solid #DEDED7;
    background-color: Gray;
    display:inline-block;
    text-decoration: none;
    padding: 0 3px;
}
.PgNo:hover {color: #9d2c00;background-color: #DEDED7;}

.PgNoAct {
    border: 1px solid #DEDED7;
    color: #9d2c00 !important;
    background-color: #DEDED7;
    padding: 0 3px;
}

.PgNoSpc {padding: 0 3px; display:inline-block;}
    
/* BILLING_BATCH SUMMARY */
.BillSumm {
    width:210px;
    display:none;
    padding: 0 5px;
    position:absolute;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    }
    
.BatchSumm {
    width:255px;
    display:none;
    padding: 0 5px;
    position:absolute;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    }
    
/* NOTE HIGHLIGHT */
.note {
    position: absolute;
    top: 5px;
    font-size: smaller;
    width: 85px;
    color: White;
}
.noNote { position:absolute; }

.ntRWrap { border-left: 5px solid Red; position:relative; }
.ntR {
    background-image: -webkit-gradient(linear, 55% 0%, 95% 0%, from(rgba(255, 0, 0, 0.90)), to(rgba(255, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, rgba(255, 0, 0, 0.90) 55%, rgba(255, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(rgba(255, 0, 0, 0.90) 55%, rgba(255, 0, 0, 0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#E5FF0000,endColorstr=#00FF0000);
        }
    
.ntOWrap { border-left: 5px solid Orange; position: relative; }
.ntO {    
    background-image: -webkit-gradient(linear, 55% 0%, 95% 0%, from(rgba(255, 165, 0, 0.90)), to(rgba(255, 165, 0, 0)));
    background-image: -moz-linear-gradient(left, rgba(255, 165, 0, 0.90) 55%, rgba(255, 165, 0, 0) 100%);
    background-image: -ms-linear-gradient(rgba(255, 165, 0, 0.90) 55%, rgba(255, 165, 0, 0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#E5FFA500,endColorstr=#00FFA500);
        }

.ntGWrap { border-left: 5px solid Green; position: relative; }
.ntG {
    background-image: -webkit-gradient(linear, 55% 0%, 95% 0%, from(rgba(0, 128, 0, 0.90)), to(rgba(0, 128, 0, 0)));
    background-image: -moz-linear-gradient(left, rgba(0, 128, 0, 0.90) 55%, rgba(0, 128, 0, 0) 100%);
    background-image: -ms-linear-gradient(rgba(0, 128, 0, 0.90) 55%, rgba(0, 128, 0, 0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#E5008000,endColorstr=#00008000);
    }

.ntPWrap { border-left: 5px solid Purple; position: relative; }
.ntP {
    background-image: -webkit-gradient(linear, 55% 0%, 95% 0%, from(rgba(128, 0, 0, 0.90)), to(rgba(128, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, rgba(128, 0, 0, 0.90) 55%, rgba(128, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(rgba(128, 0, 0, 0.90) 55%, rgba(128, 0, 0, 0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#E5800000,endColorstr=#00800000);
    }

.noPri { float: right; text-align:center; width: 8%; }
.npR { background-color: Red; border: 1px solid White; }
.npO { background-color: #F87217; border: 1px solid White; }
.npY { background-color: #FDD017; border: 1px solid White; color: Grey; }
.npG { background-color: Green; border: 1px solid White; }
.npP { background-color: Purple; border: 1px solid White; }

/* HELP MOUSEOVERS */
.HelpPop {
    display: none;
    padding: 0px 5px 2px 5px;
    border-top-left-radius:4px;
    border-bottom-right-radius:4px;
    font-size:smaller;
    text-align:left;
    float:right;
    position:absolute;
    color:Black;
    width:200px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
    }

.PopInfo { background-color:#9FDAEE;border:1px solid #2BB0D7; }
.PopWarn { background-color:#FFFFAA;border:1px solid #FFAD33; }
.PopError { background-color:#FFCCAA;border:1px solid #FF3334; }

/************************** GOOD STUFF ABOVE ***************************/
.NewsCnt {
    width: 100%;
    background-color: #E8E8E3;
    border: 1px solid #A1A1A1;
    margin-bottom: 5px;
    padding: 5px 15px;
    border-bottom-right-radius: 8px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 80%);
}

.NewsHdr {
    width: 100%;
    background-color: #A1A1A1;
    color: Black;
    font-weight:bold;
    margin-top: 10px;
    padding: 0 10px;
    border-top-left-radius: 8px;
}

.CntAdminStats {
    width: 315px;
    text-align:center;
    background-color: #DEDED7;
    border: 1px solid #A1A1A1;
    margin: 0 5px;
    border-radius: 8px;
}

.CntPrnt {
    background-color: #D3DEEF;
    width: 980px;
    border-left: 1px dashed #2F4F4F;
    border-right: 1px dashed #2F4F4F;
    border-top: none;
}

.CntPrntNoPg {
    background-color: #D3DEEF;
    width: 980px;
    border: 1px dashed #2F4F4F;
    border-top: none;
    border-bottom-right-radius:8px;
}

.DivHalfWidth {
    width: 480px;
}

.CntHalfWidth {
    width: 100%;
    background-color: #D3DEEF;
    padding: 5px;
}

.CntHalfWidthAlt {
    width: 100%;
    background-color: #F7F7F7;
    padding: 5px;
}

.WarningCnt {
    background-color: #FFEEDD;
    width: 980px;
    border: 1px solid #CC0000;
    border-top: none;
    border-bottom-right-radius:8px;
}

.NoticeCnt {
    background-color: #E5F2CC;
    width: 980px;
    border: 1px solid Green;
    border-top: none;
    border-bottom-right-radius:8px;
}

.RepHead {
    width: 980px;
    border: 1px dashed #2F4F4F;
    border-top: none;
    border-bottom: none;
    text-align: center;
    color: White;
    background-color:gray;
    padding: 0 5px;
}

.RepSep {
    background-color: #DEDED7;
    padding: 0;
    margin: 0;
    border: 3px solid #DEDED7;
}

/* INPUTS */  

.SearchBoxWrapper {
    display:inline;
	border:1px solid #999999;
	width:215px;
	padding:4px 0px 4px 22px;
	background: white url(../../Images/search.png) no-repeat 4px 4px;
}

.SearchBoxEmpty {
    border:0;
    width:220px;
    background: white;
}

.SearchBox {
    border:0;
    width:220px;
	outline: none;
}

.SearchCancel {
    cursor: pointer;
    visibility: hidden;
}

.button {
    margin-left:2px;
    background-color: #DEDED7;
	border: 1px solid #999999;
    border-radius: 4px;
    padding:2px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.button:hover {
	background-color: #E8E8E3;
    cursor:pointer;
}

.button:active {
    transform: translateY(1px);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
}

.slide {
    display: none;
    width:100%;
    background-color: #F2DCDB;
}

.nolnk:hover {
    color: Black;
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
body {width: 1005px;
    background-color:#DEDED7;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0 auto;
    padding: 0px;
    color: #696969;}
}