/* This set of styles is used across all the TRIS Family sites, which uses the TRB template in the common directory */

html{overflow-y:scroll;}

a, a:link, a:visited, a:hover, #Sidebar h3, #Sidebar h3 a, #Sidebar h3 a:link, #Sidebar h3 a:visited, #Sidebar a:hover, #Breadcrumbs span, #Actions a, #Actions a:hover, .more span {color:#0a3d7d;}

dt {font-weight:bold;}
dd {color:#777; margin:0 0 1.5em 0;}

#siteTitleBanner{margin-left:0;}
#siteTitleBanner img {margin-left:0;}

/* highlight the login link */
#Sidebar h3 a.login {color:#8C0C01;}

/* Font size anchor.  Use this to increase font size. */
tbody {font-size:1em;}
#ContentCell {font-size:1em;}
#ContentCell.small {font-size:1em;}
#ContentCell.medium {font-size:1.2em;}
#ContentCell.large {font-size:1.4em;}
input, select, textarea {font-size:1em; line-height:1.5em; padding:4px; width:295px; height:1.5em; border:1px solid #D4D1DA; border-radius:4px;}
select {padding:5px 4px 5px 4px; height:2.25em;}
input[type="checkbox"], input[type="radio"] {width:auto; height:auto; border:none; margin:0 6px 0 0; padding:0; border-radius:0px; vertical-align:middle;}
.medium input[type="checkbox"], .medium input[type="radio"] {margin-top:0px;}
.large input[type="checkbox"], .large input[type="radio"] {margin-top:0px;}
button {margin-top:0;}

p.instructions {margin-bottom:0; color:#73737C; font-size:0.8em; font-style:italic;}
.instructions span {color:#222; font-weight: bold;}
#ExtrasRow {padding:8px 0 8px 0; height:auto;}
#Breadcrumbs {padding-top:0; font-size:.9em; line-height:inherit;}
#Actions {position:absolute; right:0; top:8px; font-size:.9em; color: #2E6E93;}

/*  AddThis sharing icon set */
#AddThisShares {float: right; padding: 0; }
#AddThisShares a:hover { opacity: 0.8; }

#Actions a {font-weight:normal; color:#888; text-decoration:none;}
#Actions span {font-weight:bold; color:#888;}
#Actions a:hover {text-decoration:underline;}
a#ViewMarked, a#ViewMarked span {color:#0a3d7d;}
a#ViewMarked span {font-weight:bold;}	
	
#TextSizeControls {position:absolute; top:-32px; right:0; font-size:10px; color:#0a3b79;}
#TextSizeControls span {position:relative; bottom:2px; margin-left:3px; display:inline-block;}
#TextSizeControls img {cursor:pointer;}
	
/*  Spinning wait div for ajax  */
.waitingMessage {position: absolute; top: 0; text-align:center; background-color:#F7F3E4; z-index:10; padding:7px 10px 7px 10px;}
.waitingMessage img {position:absolute; top:9px; left:8px;}
.waitingMessage span {margin-left:25px; line-height:20px; color:Black; font-weight:bold;}

.errorbox {
	width: 60%;
	border: 1px solid Red;
	background-color: #fbb;
	text-align: center;
	margin: 10px auto;
}

.highlight { color:#FF0000; }

#Content {width:763px; height:auto;}
.callout {display:none; padding:20px 10px 10px 10px; background-color: #F7F3E4; border: 1px solid #C8AF48; color:#333; z-index:10;}
.callout p {padding-bottom:5px;}
.callout .closeX {width:auto; height: auto; position:absolute; right:0; top:0; margin-bottom:0;}
.callout .closeX a {color:#C8AF48; padding: 0 5px 4px 5px;}
.callout .closeX a:hover {background-color:#fff; color:#aaa; text-decoration:none;}

/*	
	This set of styles will layout a rounded box for the TRIS Family sites. 
	The box will contain a form and a floating description on the right.
	Also assumes that the form will be taller than the decscription. 

	ALL THESE SHOULD BE DELETED WHEN THE ACTIONS PAGE IS UPDATED
*/


/* Box */
table#boxTable {margin:0 auto 1.5em auto; table-layout:auto; border-collapse:collapse; vertical-align:top;}
table#boxTable th {vertical-align:bottom; height:6px; padding:0;}
table#boxTable th img {vertical-align:bottom; height:6px; padding:0;}
#boxTop {height:6px;}
#boxRight {width:11px;}
table#boxTable tfoot td {vertical-align:top; height:7px; line-height:7px;}
#boxBottom {height:7px;}
#boxLeft {width:7px;}

/* Form */
#Columns tr td#boxForm {padding:0 18px 10px 14px;}
#boxForm form {background-color:#FFFFFF; padding:0;}
#boxForm form fieldset {margin:0; padding:1.5em 0 0 0; border:none; border-bottom:1px solid #f4f4f4;}
#boxForm form fieldset.lastChild {margin-bottom:0;}
#boxForm form fieldset div {margin-bottom:1.5em; padding-bottom:0;}
#boxForm form fieldset div p a {font-style:normal;} 
#boxForm form fieldset div.lastChild {margin-bottom:2.5em; border:none;}

#boxForm label {display:block; float:left; padding:4px .8em 0 0; text-align:right;}
#boxForm label.noFloat {float:none; display:inline;}
#boxForm input.check {width:10px; margin-left:0;}
#boxForm input.radio {width:10px; margin-left:0;}

#boxForm form #SubmitButtonBlock { margin:0 auto 0 auto;}
#boxForm form #SubmitButtonBlock p { margin: 1em 0 0 0;}


#boxForm div.checkbox label {width:auto; float:none; display:inline; padding-top:0;}
#boxForm .checkbox {margin:0 0 1em 6.8em;}
#Languages div.checkbox {float:left; clear:none; width:8em; margin:0 0 .5em 0; display:inline-block;}

/* Description */
#boxDescription {padding:14px 18px 28px 18px; width:265px;}
#boxDescription div {margin:0;}
#boxDescription div div {margin:0 0 0 20px;}
#boxDescription div div p {margin-bottom:.25em;}
#boxDescription h3 {margin-bottom:0;}
#boxDescription ul {color:#777; margin-bottom:1em;}
#boxDescription ul li {padding-bottom:.25em;}
#boxDescription ul li h4 {margin-bottom:0;}
#boxDescription ul li p {color:#000;}

/* rounded box search form */
#boxTable form div {margin-bottom:0;}

#boxForm form label {width:9.5em;}
#boxForm form fieldset div p {margin:3px 0 0 12.8em;}
#boxForm form fieldset div p.instructions {margin-top:3px;}


/* NEW !!!
	CSS3 box form (sans images).  Use these styles from now on
*/
.boxedForm {border:1px solid #ccc; border-radius:4px; box-shadow:1px 1px 4px #ccc; padding:20px 20px 20px 20px; margin:1em auto 3em auto; width:70%; /*IE9 HACK*/border-collapse: separate;}
.boxedForm div {margin-bottom:0;}
.boxedForm .field {margin-bottom:1.5em;}
.medium .boxedForm {width:412px;}
.large .boxedForm {padding: 16px; width: 400px;}
.field > label, .field > p {text-align:right; float:left; display:inline-block; padding: 4px 8px 0 0; width:87px; vertical-align:middle;}
.singleCheck input {vertical-align:middle;}
.singleCheck label {float:none; width:auto; padding-top:0;}
.boxedForm .singleCheck {margin-bottom:.5em;}
.large .boxedForm .singleCheck {margin-left:.5em;}
.boxedForm select {width:305px;}
.checkboxSet label, .radioSet label {font-style:italic; color:#73737C; vertical-align:middle;}
.checkboxSet div div {padding-bottom:.5em; min-width:10em;}
.radioSet div div {padding-bottom:.5em; min-width:7em;}
div.narrow {line-height:1.5em; vertical-align:middle;}
div.narrow div {min-width:0;}

.checkboxSet label, .radioSet label, .singleCheck label {font-style:italic; font-size:.9em; color:#73737C; margin: 0 2em 0 0; padding:0; display:inline-block;}

#Content .checkboxSet p, #Content .buttonSet p, #Content .radioSet p {font-style: normal; font-size: 1em; padding-top:0; margin-bottom:0; color:#222; line-height:1.5em;}
.checkboxSet div, .radioSet div {display:inline-block; float:left;}
.checkboxSet > div {float:none; width:300px;}
.large .checkboxSet div {margin-left: .25em;}
.submit button i {float:right; margin:0;}


/* General */
.more span {font-size:1.3em; padding-left:2px;}
code {font-family: Consolas, Lucida Console, monospace; background-color: #e8e8e8; padding: 2px 4px; border-radius: 2px;}

/* Hot Topics */
#Content div#HotTopics {font-size:1em; margin:0 0 0 18px; padding:12px 12px 12px 12px; width:325px; background-color:#f6fafa; border-left:1px solid #e1eeee; float:right; position:relative; }
#HotTopics h4 {margin-bottom:1em;}
#ht_panel legend {font-weight:normal; font-size:1em; width:100%;}
#ht_panel p {line-height:1.3em; font-size:.9em; margin-bottom:0; height:63px;}
#ht_panel p.more {height:auto; width:auto; text-align:right; margin-bottom:0; display:block;}
#ht_panel .calloutDescription {padding:0 0 0 0; margin-bottom:1.5em; position:relative;}
#ht_panel .calloutImage {float:left; height:63px; width:75px; margin-right:10px;}


/* TODO: Convert the above ht_panel styles to these below... */
.leftSubColumn {padding: 12px 12px 0 0; width:508px; margin-bottom:2em;}
.rightSubColumn {border-left:1px solid #ddd; float:right; width:220px; padding:12px 0 0 24px;}


/* ----------------------------------------------------
   Below styles created with http://www.texturepacker.com 
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>
   replace {-spritename-} with the sprite you like to use
*/
/* base sprite stuff is in "TRB Template.css" */

.Box_LowerLeft {width:7px; height:7px; background-position: 0 0}
.Box_LowerRight {width:11px; height:7px; background-position: -7px 0}
.Box_UpperLeft {width:7px; height:6px; background-position: -18px 0}
.Box_UpperRight {width:11px; height:6px; background-position: -25px 0}
.Feed_Icon {width:16px; height:16px; background-position: -36px 0}
.icon_pdf {width:14px; height:16px; background-position: -725px -100px; margin:0 0 -3px 5px; /*position:relative; top:3px;*/ display:inline-block;}
.icon_word {width:14px; height:16px; background-position: -739px -100px;  margin:0 0 -3px 5px; display:inline-block;}
.icon_www {width:17px; height:11px; background-position: -753px -100px;  margin:0 0 -3px 5px; display:inline-block;}
.innerRoundLeft {width:18px; height:18px; background-position: -770px -100px}
.innerRoundRight {width:18px; height:18px; background-position: -788px -100px}
.modesAviation_Small {width:28px; height:28px; background-position: -806px -100px}
.modesHighway_Small {width:28px; height:28px; background-position: -834px -100px}
.modesMarine_Small {width:28px; height:28px; background-position: -862px -100px}
.modesMotor_Small {width:28px; height:28px; background-position: -890px -100px}
.modesPedestrians_Small {width:28px; height:27px; background-position: -918px -100px}
.modesPipelines_Small {width:28px; height:28px; background-position: -946px -100px}
.modesPublic_Small {width:28px; height:28px; background-position: -974px -100px}
.modesRail_Small {width:28px; height:29px; background-position: 0 -175px}
.more {margin-left: 1.5em; width:16px; height:16px; background-position: -28px -175px; margin:0 0 -3px 5px; display:inline-block;}
.pageNavLeft {vertical-align:middle; width:24px; height:24px; background-position: -44px -175px}
.pageNavRight {vertical-align:middle; width:24px; height:24px; background-position: -68px -175px}
/* rss_sub image no longer used */.rss_sub {width:125px; height:16px; background-position: -92px -175px;}
.share_at {width:16px; height:16px; background-position: -217px -175px}
.share_em {width:16px; height:16px; background-position: -233px -175px}
.share_fb {width:16px; height:16px; background-position: -249px -175px}
.share_in {width:16px; height:16px; background-position: -265px -175px}
.share_pr {width:16px; height:16px; background-position: -281px -175px}
.share_tw {width:16px; height:16px; background-position: -297px -175px}
.textsizeLarge {width:19px; height:19px; background-position: -313px -175px}
.textsizeLargeHighlight {width:19px; height:19px; background-position: -332px -175px}
.textsizeMedium {width:18px; height:17px; background-position: -351px -175px}
.textsizeMediumHighlight {width:18px; height:17px; background-position: -369px -175px}
.textsizeSmall {width:14px; height:14px; background-position: -387px -175px}
.textsizeSmallHighlight {width:14px; height:14px; background-position: -401px -175px}

/*  Sprites that tile vertically  */
.vertical-sprite {overflow:hidden; background-repeat: repeat-y;background-image:url("/common/images/TRIS-Suite-repeat-y.png");}

.Box_Left {width:7px; height:1px; background-position: 0 0}
.Box_Right {width:11px; height:1px; background-position: -7px 0}
.shadow_edge {width:970px; background-position: -18px 0}

/*  Sprites that tile horizontally */
.horizontal-sprite {overflow:hidden; background-repeat: repeat-x;background-image:url("/common/images/TRIS-Suite-repeat-x.png");}

.Box_Bottom {height:7px; background-position: 0 -8px; display:inline-block; width:100%;}
.Box_Top {height:6px; background-position: 0 -31px; display:inline-block; width:100%;}
.Gradient_RelatedResults_Top {background-position: 0 -129px}
.medium .Gradient_RelatedResults_Top, .large .Gradient_RelatedResults_Top {background-image:none;}

#AddThisShares a, #AddThisShares .sprite, #lnkRSS, #lnkRSS .sprite, .pageOffset a, .pageOffset .sprite {display:inline-block;}
.pageOffset a.hide {display:none;}



/* * *    CHOSEN    * * */
.chzn-container ul.chzn-results li em {background-color:#cee1f8;}
div.chzn-container {font-size:1em;}
.chzn-container .chzn-results .highlighted {background-color:#0D5ABA;}

.chzn-container .chzn-results .active-result span.info {font-style:italic; margin:0; color:#73737c; font-size:.8em;}
.chzn-container .chzn-results .highlighted span.info {color:#fff;}
#Content ul.chzn-results, #Content ul.chzn-choices {padding-left:0; border-color:#CCC; color:#444;}
#Content fieldset div.chzn-container, #Content fieldset div.chzn-container div {padding:0; margin:0;}
.in div.chzn-drop {display:none;}
#Content ul.chzn-choices {border-radius:4px;}
#Content ul.chzn-results li {padding:6px 3px; line-height:1.25em;}
#Content ul li.search-choice {padding:3px; margin:3px;}
#Content ul li.search-logic {margin: 4px 0 4px 5px; position: relative; line-height: 1.25em; padding: 3px;}
#Content ul li.search-field {padding:0;}
#Content .chzn-container-multi .chzn-choices .search-field input {color:#222;}
#Content .chzn-container-multi .chzn-choices .search-field input.default {color:#999;}

#Content .chzn-container {border-color:#ccc;}
#Content .chzn-container .chzn-drop {border-color:#ccc;}

#Content .chzn-container-active .chzn-choices {box-shadow:none;}
#Content .chzn-container .chzn-single {border-color:#ccc;  font-weight:normal; height: 1.5em !important; padding: 4px 8px 4px 8px;}
#Content .chzn-container-single .chzn-single div {border-color:#ccc;}
#Content .chzn-container-single .chzn-search {padding:0;}
#Content .chzn-container-active .chzn-single {box-shadow:none; border-color:#ccc;}
#Content .chzn-container-single .chzn-single span {line-height:1.5em;}
#Content .chzn-container-active .chzn-single-with-drop {border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:1px solid #eee;}
#Content .chzn-container-active .chzn-choices-with-drop {border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:1px solid #eee;}

.narrow select {width:175px;}


/* * *    BOOTSTRAP    * * */
.btn{font-size:1em;}
.btn-group > .btn  {font-size:13px;}
a.btn {color:#fff; font-weight:normal;}

.medium .btn-mini {padding:8px;}
.large .btn-mini {padding:10px;}

/* Bootstrap Sprites */
.bootSprite {display:inline-block; width:14px; height:14px; overflow:hidden; background-repeat: no-repeat; background-image:url("/common/packages/bootstrap/img/glyphicons-halflings-red.png");}
.icon-red {background-image:url("/common/packages/bootstrap/img/glyphicons-halflings-red.png");}
.setOpen {background-position: -312px -120px; margin:0 0 -2px 2px;}
.setClose {background-position: -286px -120px; margin:0 0 -2px 2px;}
.showHelp {background-position: -96px -96px;}
.showHelp:hover {cursor:pointer;}

/* Maps Table */
/* .table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#04c; color:#fff; cursor:pointer;}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;cursor:pointer;}
*/

/* Bootstrap Popover */
.popover:hover {cursor:pointer;}
.popover-title {color:#333;}
div.popover-content ul {margin:5px 5px 10px 0px;}
div.popover-content p p {margin-bottom:1em;}

button.btn-primary {
	background-color:#0d5aba;
	background-image: linear-gradient(top, #0d5aba, #0a3b79);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
	border-color: #0a3b79 #0a3b79 #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

button.btn-primary:hover {
	background-image: linear-gradient(bottom, #0d5aba, #0a3b79);
	background-image:none;
}