/*
=================================
mt.gov Default Stylesheet

Agency/Division:  Department of Administration
Service: 9-1-1 Allocation & Distribution Service

Date: 02/26/2007
==================================
*/

/* SITEWIDE */
body {margin:0;color: #000000;background-color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif}
#wrap {width:745px;}
#container {color:#000000;width:650px;margin: 0 auto;padding: 10px 0px 30px 40px;text-align:left;float:left;border:0;}

/* Headers */
h2 {font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size: 16px;color:#666666;}
h3 {font-family: Arial, Helvetica, sans-serif;font-weight:bold;font-size: 14px;color:#060;margin-bottom:5px;width:200px;}
h4 {font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size: 11px;color:#000;padding:2px 1px 2px 4px;width:250px;margin-bottom:2px;}
.txt {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;}

/* test note */
#testnote{font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size: 12px;color:#CC0000;padding:5px;background-color:#fff;margin:0px;margin-bottom:5px;}
				
/* programmer note */
#programmernote{font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;color:#006600;padding:5px;background-color:#fff;margin:0px;margin-bottom:5px;}

/* Navigation */
#nav {width:747px;height:16px;line-height:16px;white-space:nowrap;clear:both;background-color:#ccc;border-top:1px solid #ccc;border-bottom:1px solid #666;margin-right:-1px;margin-top:0px;padding:0px;}
#nav ul {margin:0px;padding-left:0px;display:inline;}
#nav ul li {list-style:none;margin-left:0px;display:inline;}
#nav a {font-size:10px;font-weight:bold;color:#383838;padding:0px 8px;text-decoration:none;display:block;float:right;border-right:solid 1px #666;}
#nav a:hover {background-color:#666;color:#fff;font-weight:bold;}

/* Tabs */
#tab {width:235px;height:16px;line-height:16px;white-space:nowrap;clear:both;background-color:#ccc;border-top:1px solid #fff;margin-right:-1px;margin-top:0px;padding:0px;}
#tab ul {margin:0px;padding-left:0px;display:inline;}
#tab ul li {list-style:none;margin-left:0px;display:inline;}
#tab a {font-size:10px;font-weight:bold;color:#383838;padding:0px 20px;text-decoration:none;display:block;float:left;border-right:solid 1px #666;}
#tab a:hover {background-color:#666;color:#fff;font-weight:bold;}
.active {color:#fff;float:left;border-right:solid 1px #666;background-color:#666;position:relative;top:1px;}
#tab a.active {color:#fff;}
p .box {font-size:10px; color:#006600; float:right; margin-top:-22px; margin-left:170px; margin-bottom:5px;}

/* Main Menu */
#menu {float:left;padding:2px;}
#menu h4 {padding: 5px 3px 5px 7px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;}
#menu ul {list-style-type:none;margin:10px 10px 0 10px;padding:0;}
#menu li {padding-top:0;padding-bottom:5px;padding-left:17px;background: url(../images/b.gif) no-repeat 0px 30%;}
.menulink {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.menulink, .menulink:link, .menulink:visited {font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;color:#000033;}
.menulink:hover {color:#666699;}

/* user options */
#useroptions {width:600px;margin-top:2px;margin-bottom:5px;padding:0px;background-color:#fff; border:solid 1px #eee;}
#useroptions h4 {width:auto;background-color:#666666;margin-left:0px; margin-right:0px; margin-top:0px; padding:2px 4px 2px 8px; line-height:1.6em;color:#fff;font-size:12px; }
#useroptions ul {list-style:none; margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:1px; padding:3px 3px 5px 0px;}
#useroptions ul li {background:url(../images/b.gif) no-repeat 2px 3px; margin-left:0px; margin-right:0px; padding:0px 0px 0px 20px; line-height:1.7em; font-size:12px;}
#useroptions a {font-size:12px;}
#useroptions a:hover {font-size:12px; color:#999999;}
 
/* Table */
#tablelayout {border:solid 1px #CCCCCC; background-color:#FFFFFF;width:670px;}
.tableShadeLight {background-color:#DFDFDF;}
.tableShadeMed {background-color:#AAAAAA;}
.tableShadeDark {background-color:#006600;}
.tableShadeDarkest {background-color:#0A0A86;}
#tablelayout th {color:#FFFFFF;border:solid 1px #FFFFFF; margin-bottom:5px;}
#tablelayout th img {float:right;margin-top:-10px; margin-right:2px;}
#tablelayout td {font-size:12px; padding:5px 5px 5px 5px;}
#tablelayout td img {margin-left:25px;}
#tablelayout ul {list-style:none; margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:1px; padding:3px 3px 5px 0px;}
#tablelayout ul li {background:url(/images/greenarw.gif) no-repeat 5px 5px; margin-left:0px; margin-right:0px; padding:0px 0px 0px 20px; line-height:1.7em; font-size:11px; color:#333; font-weight:bold;}
.userlabel {font-weight:bold; width:120px; text-align:right;}
.downloadlabel {font-weight:bold; width:120px; text-align:right;}
#tablelayout a {font-size:11px; color:#000033;}
#tablelayout a:hover {font-size:11px; color:#666699;}
#tablelayout input {font-size:11px;}
#tablelayout select {font-size:11px;}
#tfoot,
#thead {color:#000;background-color:#D3D3C1;text-align:center; }

/* Links */
a:link.header {font-family:tahoma; font-size: 10px; color: #006600; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a:visited.header {font-family:tahoma; font-size: 10px; color: #006600; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a:hover.header {font-family:tahoma; font-size: 10px; color: #999999; font-weight: bold; text-decoration: none; text-transform: uppercase;}

/*header layout*/
#header {margin:0px 0px -3px 0px;padding:0px;width:747px;height:57px;background-color:#transparent;}
.startbutton {float:right; margin-top:-5px; margin-right:5px;}


#container {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;width:745px;margin: 0 auto;padding: 30px 0px 30px 40px;text-align: left;float: left;border:0;}
#container .button {margin-top:5px; margin-bottom:0px; margin-right:45px; float:right; color:#009900; font-size:10px; font-weight:bold; padding:1px;}
#container .downloadbutton {margin-left:125px;margin-top:2px; margin-bottom:5px; color:#009900; font-size:10px; font-weight:bold; padding:1px;}
#container .backbutton {margin-top:5px; margin-bottom:0px; color:#009900; font-size:10px; font-weight:bold; padding:1px;}
#container .browsebutton {margin-top:5px;margin-left:3px; margin-bottom:0px; color:#009900; font-size:10px; font-weight:bold; padding:1px;}
#container .addbutton {margin-top:5px;margin-left:2px; margin-bottom:2px; color:#009900; font-size:10px; font-weight:bold; padding:1px; width:200px;}
#container .removebutton {margin-top:5px;margin-left:95px; margin-bottom:2px; color:#009900; font-size:10px; font-weight:bold; padding:1px; width:200px; clear:left;}

/* account holder options */
#options {width:420px;margin-top:2px;background-color:#fff; border:solid 1px #eee;}
#options h4 {width:auto;background-color:#666666;margin-left:0px; margin-right:0px; margin-top:0px; padding:2px 4px 2px 8px; line-height:1.6em;color:#fff;font-size:12px; }
#options ul {list-style:none; margin-left:10px; margin-right:0px; margin-top:0px; padding:5px 3px 0px 0px;}
#options ul li {background:url(/images/greenbullet.gif) no-repeat 2px 3px; margin-left:0px; margin-right:0px; padding:0px 0px 0px 20px; line-height:1.7em; font-size:11px; color:#006600;}
#options a {font-size:11px; color:#006600;}
#options a:hover {font-size:11px; color:#003300;}

#footer {clear:both; width:745px; padding:5px 3px 0px; border:solid #ccc; border-width:1px 0px 0px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#footer:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
#footer a {color:#333; text-decoration:none; margin:0px; padding:0px; list-style:none; font-size:70%;}
#footer a:hover {color:#333; text-decoration:underline;}
#footer img {border:none;}
#footer ul {margin:0px; padding:4px 0px 2px 0px; list-style-type:none;}
#footer li {margin:0px 0px 0px 0px; padding:0px 6px 0px 0px; display:inline;}
#footfloat {float:right;}


/* Expenditure Report */
table.ExpenditureReport {width: 100%; border:1px solid #ddd; background-color:#eee; padding:30px 50px;}
table.ExpenditureReport td, table.ExpenditureReport th { text-align: left; }
table.ExpenditureReport td.section, table.ExpenditureReport th.section { text-align:center; font-size:120%; padding-bottom:15px; color: #555; }
table.ExpenditureReport td.total, table.ExpenditureReport th.total { text-transform: uppercase; text-align:right; padding:15px 20px; text-decoration: underline;}
table.ExpenditureReport .ExpenditureDescription { width:100%; height:50px;}
table.ExpenditureReport td.break { height:40px;}
table.ExpenditureReport td.instruction { font-style: italic; padding-bottom:15px; font-size:90%; }
table.ExpenditureReport input { text-align: right;}
table.ExpenditureReport input.OtherExpenditureDescription { text-align:left;}
table.ExpenditureReport input.OtherExpenditureCode { text-align:left;}
table.ExpenditureReport input.Text { text-align:left;}

p.FormFooter {text-align:center; font-size:80%;}
p.notice, span.notice { color:Red; font-weight:bold;}
.JurisdictionName { width:86%;}

tr.OtherExpenditureRows th { background-color:#ccc;}
input.OtherExpenditureDescription, input.OtherExpenditureCode {width:100%;}
input.OtherExpenditureAmount {width:120px;}
img.DeleteExpenditure, img.AddExpenditure { cursor: pointer; border:none; margin-left:3px;}
select.UserJurisdictions { width:100%;}
.invalid {border-color:Red;}
.readonly { background-color:#eee; border:2px inset #999;}

.SelectionTable
{
    border:1px solid #ccc;
    font-size: 12px;
}

.SelectionTable th
{
    background-color: #4A598C;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-align: left;
    padding:2px 5px;
}

.SelectionTable td
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    
    text-align: left;
}

.SelectionTable td.FinalizedColumn
{
    font-weight:bold;
    padding:2px 15px;
}
Login {
 display:block; width: 22.938em; height: 7.0em; background-image: url("../img/login2_clear.gif"); background-repeat:no-repeat; text-decoration:none; border:none; }

#okta-login.login-wrapper {
    width: 300px;
    margin: 30px auto;
    text-align: center;
}

#okta-login .logo {
    width: 150px;
}

#okta-login {
    background-color: #3A5C81;
    border: solid 1px #14365B;
}

.login-container {
    background: #FFF;
    margin: 7px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.oktaButton a {
    width: 115px;
    height: 25px;
    background: #7b1212;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
}

    .oktaButton a:hover {
        background: #660e0e;
    }

.help a {
    text-decoration: none;
    color: #0077B2;
}

    .help a:hover {
        color: #00699e;
        text-decoration: underline;
    }