/* GENERAL
_____________________________________________________________________*/
* {margin:0; padding:0;}
body {font-family:"Trebuchet MS", sans-serif; background:#EAEAEA; font-size:62.5%; line-height:150%; text-align:center; color:#333;}

a {text-decoration:none; color:#1600C6; font-weight:bold;}
a:visited {color:#8065FF;}
a:link {}


/** Different types of links with icons */
a.external {
    padding-left: 20px;
    background: url(../img/world_link.png) center left no-repeat;
}
a.pdf {
    padding-left: 20px;
    background: url(../img/page_white_acrobat.png) center left no-repeat;
}
a.doc {
    padding-left: 20px;
    background: url(../img/page_white_word.png) center left no-repeat;
}


a img {border:none;}

.skip {letter-spacing:-9000em; height:none;}

/* LAYOUT
_____________________________________________________________________*/
.wrap {min-width:75em; max-width:95em; text-align:left; margin:0 auto;}
#masthead .wrap {position:relative; height:12.5em; background:url(../img/bip_logo_tranp.gif) 0em 2em no-repeat;}
#content {background:#fff; padding:2em 0;}
#content .col1 {width:68%; float:right; position:relative;}
#content .col2 {width:28%; float:left;}
#topic-menu {padding:2em; list-style:none; font-weight:bold; font-size:1.4em;}
#footer {clear:both; padding:0 0 2em 0;}

#content .col1 ul.jump-list {margin:0 0 2em 0; padding:2em 1.5em 2em 2.5em; background:#eee; border-top:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1;}
.jump-list li {list-style:none; width:33%; float:left; display:block;}
.jump-list p {text-align:left;}
.jump-list .last {margin:0 -2% 0 0;}

#t7 {clear:both;}
#content .col1 img {margin:0; padding:5px; background:#fff; border:1px solid #C1C1C1;}

/* G Series Image Divs */
#g1, #g2, #g3, #g4 {float:right; margin:0 -17em 2em 2em; clear:right;}

/* T series Content Divs */
#t3, #t4, #t6 {padding:0 17em 0 0;}

#sidebar ul {/*margin:1em;*/ padding:0; font-weight:bold;}
#sidebar li ul {margin:0 1em;}
#sidebar li {display:block; list-style:none; padding:.2em .4em;}
#contextual-menu {padding:1em;}

#content .col1 .answer p {margin:0; padding:0 0 0 2.2em; height:3em; line-height:3em;}

/* TYPOGRAPHY
_____________________________________________________________________*/
#sidebar h2 {padding:.3em 1em;}
#content .col1 h1 {margin:0 2.5em .5em 0em;}
#content .col1 {font-size:1.4em; line-height:150%; color:#333;}
#content p {margin:0 0 1em 0;}
/*#site-resources {background:#C1C1C1; color:#fff; margin:0 2px;}*/
#content .col1 blockquote {background:#F7F7F7; margin:0 2em 2em; padding:1.5em; font-style:italic;}
#content .col1 ul, #content .col1 ol {background:#EAEAEA; margin:1em 2em 1em; padding:1.5em 3em;}
#content .col1 li {margin:0 0 1em 0; padding:0; line-height:normal;}
#content .col1 li p {margin:0; padding:0;}
#content .col1 h3.qtext {color:#000;}
h1 {line-height:115%;}

#content .col1 #supliment {border-top:1px solid gray; border-bottom:1px solid gray;}
#content .col1 ul.supliment-content {margin:5px 0; width:100%;}
#content .col1 ul.supliment-content li {list-style-type:none; margin:1em 0;}

#sidebar ul a {padding:0 .4em;}
#sidebar .active1 {display:block; background:#efefef;}
#sidebar .active2 {display:block; background:#ddd;}
.correct {background:url(../img/rightAnswer.gif) 0% 50% no-repeat;}
.wrong {background:url(../img/wrongAnswer.gif) 0% 50% no-repeat;}

/* NAV 
_____________________________________________________________________*/
#topic-nav {width:50.8em; position:absolute; bottom:0; right:0; list-style:none;}
#topic-nav li {display:inline;}
#topic-nav a {width:10em; text-align:center; float:left; font-size:1.2em; padding:.4em 0 .2em 0; position:relative; margin:0 .2em 0 0;}

#global-nav {width:30em; text-align:right; position:absolute; top:.5em; right:0;}
#global-nav ul {list-style:none;}
#global-nav li {display:inline; padding:0 .5em;}

#breadcrumbs {list-style:none; width:100%; margin:0 0 2em 0; font-size:.9em;}
#breadcrumbs li {display:inline; padding:0 1em 0 0; margin:0 1em 0 0;}

#footer ul {width:100%; text-align:center; margin:2em 0 .5em 0;}
#footer li {display:inline; padding:0 1em;}

#content .col1 ul#back-next {width:50%; text-align:center; background:none;}
#back-next {position:relative; height:3em; width:100%; font-size:120%}
#back-next-top {position:absolute; height:3em; top:0; right:1.25em; font-size:120%}
.back, .next {border:1px solid #4689F3; background:#A5E1F9; color:#1600C6; padding:.3em 1em; display:block; width:4em; text-align:center;}
.back:hover, .next:hover {background:#1600C6; color:#A5E1F9;}
.back {position:absolute; top:0; left:0;}
.next {position:absolute; top:0; right:0;}

/* PAGE DESIGANTIONS
_____________________________________________________________________*/
/* Color Pallette
home: #008F00
pilot: #FF8500
self: #9800C6
tools: #004AC4
 */

/* home */
#green #content {border-top:4px solid #008F00; border-bottom:4px solid #008F00;}
#green #content a:hover {color:#008F00;}
#green h1, #green .col1 h2, #green .col1 h3 {color:#008F00;}
/*#green #sidebar {border:1px solid #008F00;}*/
#green #topic-menu a {color:#008F00;}
#green #topic-menu a:hover {color:#1600C6;}
/*#green #menu-title {background:#008F00; color:#fff;}*/
#topic-nav .home-link {background:url(../img/green_tab.gif) top center no-repeat; color:#fff;}
#topic-nav a.home-link:hover {color:#008F00;}
#topic-nav a.home-link:visited {color:#fff;}
#green #sidebar {background:url(../img/green_right.gif) top right no-repeat;}
#green #menu-title {background:url(../img/green_left.gif) top left no-repeat; color:#fff;}
#green #site-resources-block {background:url(../img/green_right.gif) bottom right no-repeat;}
#green #site-resources-block ul {background:url(../img/green_left.gif) bottom left no-repeat; padding:0 2px 1em 1px;}
#green #site-resources {border-top:1px solid #008F00; background:url(../img/green_left.gif) center left no-repeat; color:#fff;}
#green #contextual-menu {background:url(../img/green_left.gif) center left no-repeat;}
#green #contextual-menu li {background:#fff; padding:0 1em; margin:0 2px 0 1px; font-size:115%}
#green #resources-menu li {padding:1em; background:#eaeaea; font-weight:normal; font-size:120%;}
#green #resources-menu li.alt {background:#F7F7F7;}
#green #resources-menu li.resources-hilight {background:#F7F7B2;}


/* pilot */
#orange #content {border-top:4px solid #FF8500; border-bottom:4px solid #FF8500;}
#orange #content a:hover {color:#FF8500;}
#orange h1, #orange .col1 h2, #orange .col2 h3 {color:#FF8500;}
#orange #site-resources {border-top:1px solid #FF8500;}
#orange #topic-menu a {color:#FF8500;}
#orange #topic-menu a:hover {color:#1600C6;}
.pilot-link {background:url(../img/orange_tab.gif) top center no-repeat; color:#fff;}
#topic-nav a.pilot-link:hover {color:#FF8500;}
#topic-nav a.pilot-link:visited {color:#fff;}
#orange #sidebar {background:url(../img/orange_right.gif) top right no-repeat;}
#orange #menu-title {background:url(../img/orange_left.gif) top left no-repeat; color:#fff;}
#orange #site-resources-block {background:url(../img/orange_right.gif) bottom right no-repeat;}
#orange #site-resources-block ul {background:url(../img/orange_left.gif) bottom left no-repeat; padding:0 2px 1em 1px;}
#orange #site-resources {border-top:1px solid #FF8500; background:url(../img/orange_left.gif) center left no-repeat; color:#fff;}
#orange #contextual-menu {background:url(../img/orange_left.gif) center left no-repeat;}
#orange #contextual-menu li {background:#fff; padding:0 1em; margin:0 2px 0 1px;  font-size:110%}
#orange #resources-menu li {padding:1em; background:#eaeaea; font-weight:normal; font-size:120%;}
#orange #resources-menu li.alt {background:#F7F7F7;}
#orange #resources-menu li.resources-hilight {background:#F7F7B2;}


/* self */
#purple #content {border-top:4px solid #9800C6; border-bottom:4px solid #9800C6;}
#purple #content a:hover {color:#9800C6;}
#purple h1, #purple .col1 h2, #purple .col1 h3 {color:#9800C6;}
#purple #site-resources {border-top:1px solid #9800C6;}
#purple #topic-menu a {color:#9800C6;}
#purple #topic-menu a:hover {color:#1600C6;}
#purple #menu-title {background:#9800C6; color:#fff;}
.self-link {background:url(../img/purple_tab.gif) top center no-repeat; color:#fff;}
#topic-nav a.self-link:hover {color:#9800C6;}
#topic-nav a.self-link:visited {color:#fff;}
#purple #sidebar {background:url(../img/purple_right.gif) top right no-repeat;}
#purple #menu-title {background:url(../img/purple_left.gif) top left no-repeat; color:#fff;}
#purple #site-resources-block {background:url(../img/purple_right.gif) bottom right no-repeat;}
#purple #site-resources-block ul {background:url(../img/purple_left.gif) bottom left no-repeat; padding:0 2px 1em 1px;}
#purple #site-resources {border-top:1px solid #9800C6; background:url(../img/purple_left.gif) center left no-repeat; color:#fff;}
#purple #contextual-menu {background:url(../img/purple_left.gif) center left no-repeat;}
#purple #contextual-menu li {background:#fff; padding:0 1em; margin:0 2px 0 1px; font-size:110%}
#purple #resources-menu li {padding:1em; background:#eaeaea; font-weight:normal; font-size:120%;}
#purple #resources-menu li.alt {background:#F7F7F7;}
#purple #resources-menu li.resources-hilight {background:#F7F7B2;}


/* tools */
#blue #content {border-top:4px solid #004AC4; border-bottom:4px solid #004AC4;}
#blue #content a:hover {color:#004AC4;}
#blue h1, #blue .col1 h2, #blue .col1 h3 {color:#004AC4;}
#blue #site-resources {border-top:1px solid #004AC4;}
#blue #topic-menu a {color:#004AC4;}
#blue #topic-menu a:hover {color:#1600C6;}
#blue #menu-title {background:#004AC4; color:#fff;}
.tools-link {background:url(../img/blue_tab.gif) top center no-repeat; color:#fff;}
#topic-nav a.tools-link:hover {color:#004AC4;}
#topic-nav a.tools-link:visited {color:#fff;}
#blue #sidebar {background:url(../img/blue_right.gif) top right no-repeat;}
#blue #menu-title {background:url(../img/blue_left.gif) top left no-repeat; color:#fff;}
#blue #site-resources-block {background:url(../img/blue_right.gif) bottom right no-repeat;}
#blue #site-resources-block ul {background:url(../img/blue_left.gif) bottom left no-repeat; padding:0 2px 1em 1px;}
#blue #site-resources {border-top:1px solid #004AC4; background:url(../img/blue_left.gif) center left no-repeat; color:#fff;}
#blue #contextual-menu {background:url(../img/blue_left.gif) center left no-repeat;}
#blue #contextual-menu li {background:#fff; padding:0 1em; margin:0 2px 0 1px; font-size:110%}
#blue #resources-menu li {padding:1em; background:#eaeaea; font-weight:normal; font-size:120%;}
#blue #resources-menu li.alt {background:#F7F7F7;}
#blue #resources-menu li.resources-hilight {background:#F7F7B2;}

/* sitemap */
#sitemap .level1 {}
#sitemap .level2 {margin-left:2em;}
#sitemap .level3 {margin-left:4em;}


#global-nav a:hover {color:#FF8500;}

#footer a:visited {color:#000;}


/* FORMS
_____________________________________________________________________*/
fieldset {background:#eee; border-top:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1; padding:2em; border-left:none; border-right:none;}
#submit, button {border:1px solid #4689F3; background:#A5E1F9; color:#1600C6; margin:0 auto; padding:.3em 1em; display:block; width:14em;}
input#submit:hover {background:#46C0F3;}

/* TABLES
_____________________________________________________________________*/
.qlikert {margin:1em 0 1em 0; border-bottom:1px dotted #999;}
.qlikert table {width:100%; margin:1em 0;}
.inputitem {text-align:center;}
.textitem {text-align:center;}
.table1, .table2 {padding:.5em;}
.table2 {background:#efefef;}
.qcheckbox .inputitem {text-align:left;}
.default-table {border:1px solid #ddd; padding:1em;}
.default-table td {padding:.2em .4em;}
.action {width:50%;}
.who {width:25%;}
.when {width:25%;}
.alt {background:#eee;}
/* HACKS AND FIXES 
_____________________________________________________________________*/
/* =IE Fixes */
* html .skip{text-indent:-1000em;}
* html .wrap {width:85em;}
/*
Clear Hack
Created by Holly and John at positioniseverything.net
URI: http://www.positioniseverything.net/easyclearing.html
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; clear:both}
.clearfix {display: block;}
/* End hide from IE-mac */