/* Main layout */

body {
background-color: #005293;
padding-bottom: 15px;
}

#wrapper {
margin: 30px auto;
width: 984px;
background-color: #fff;
}

#wrapper_top_left_corner {
float: left;
background-image: url(../img/wrapper_top_left_corner.gif);
background-position: top left;
background-repeat: no-repeat;
width: 6px;
height: 40px;
}

#wrapper_top_right_corner {
float: right;
background-image: url(../img/wrapper_top_right_corner.gif);
background-position: top right;
background-repeat: no-repeat;
width: 6px;
height: 40px;
}

#wrapper_bottom_left_corner {
background-image: url(../img/wrapper_bottom_left_corner.gif);
background-position: bottom left;
background-repeat: no-repeat;
width: 6px;
height: 40px;
clear: left;
}

#wrapper_bottom_right_corner {
float: right;
background-image: url(../img/wrapper_bottom_right_corner.gif);
background-position: bottom right;
background-repeat: no-repeat;
width: 6px;
height: 40px;
margin-top: -40px;
}

#searchBox {
float: right;
position: relative;
top: 24px;
right: 30px;
}

div#edit {
display: none;
}

/* Nav layout */

#nav {
background: #ffffff url(../img/primary-navigation-bg.jpg) no-repeat 0% 50%;
width: 950px;
height: 39px;
margin: auto;
}

#nav li {
float: left;
text-align: center;
}

#nav a {
border-right: 1px solid #ffffff;
color: #000000;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 29px;
padding: 10px 20px 0px;
text-decoration: none;
}

#nav a:hover {
color: #70a4c7; 
text-decoration: underline;
background: transparent url(../img/primary-navigation-bg-on.jpg) repeat-x bottom center;
height: 29px;
}

#navCurrent {
background: transparent url(../img/primary-navigation-bg-on.jpg) repeat-x bottom center;
color: #f05423;
height: 39px;
}

#nav-02 {
width: 950px;
height: 18px;
background-color:  #74b6da;
margin: 15px auto;
margin-top: 1px;
padding: 5px 0 5px 0;
}

#nav-02 h2 {
float: left;
}

#nav-02 ul {
width: 100%;
}

#nav-02 li {	
float: right;
text-align: center;	
}

#nav-02 li a {
color: #fff;
font-size: 1.1em;
font-weight: bold;
padding: 0px 20px;
border-left: 1px solid #fff;
}

#nav-02 li a:hover {
text-decoration: underline;
}

#nav-02Current {
color: #000000;
font-weight: bold;
font-size: 1.1em;
padding: 0px 20px;
border-left: 1px solid #fff;
}

#secondaryContent {
float: left;
width: 200px;
border: 1px solid #d9e5ef;
margin-left: 16px;
padding-bottom: 10px;
margin-bottom: 15px;
font-size: 1.4em;
}

#secondaryContent h3 {
color: #333333;
padding-bottom: 10px;
}

#secondaryContent a {
background: transparent url(../img/list-arrow.gif) no-repeat scroll left center;
border-bottom: 1px dashed #bbbbbb;
color: #000000;
display: block;
padding: 5px 10px;
margin-left: 15px;
margin-right: 20px;
text-decoration: none;
}

#secondaryContent a:hover {
color: #70a4c7;
text-decoration: underline;
background-color: #f5f5f5;
}

#secondaryContent span.disabled, #secondaryContent a.disabled {
color: #c11b17;
}

#usBridges, #emeaBridges, #apacBridges {
background-repeat: no-repeat;
background-position: 100% 4px;
margin: 20px 20px 0 15px;
}

#usBridges {
background-image: url(../img/us.gif);
}

#emeaBridges {
background-image: url(../img/gb.gif);
}

#apacBridges {
background-image: url(../img/au.gif);
}

#bridgeListCurrent {
background: #f5f5f5 url(../img/list-arrow.gif) no-repeat scroll left center;
border-bottom: 1px dashed #bbbbbb;
color: #000000;
display: block;
text-decoration: underline;
margin-left: 15px;
margin-right: 20px;
padding: 5px 10px;
}

#legend ul {
margin-top: 5px;
margin-right: 5px;
}

#legend ul li {
float: left;
width: 200px;
font-size: 1.2em;
font-weight: bold;
padding: 5px 5px 5px 10px !important;
margin-right: 10px;
}

/* Table layout */

#bridges {
width: 100%;
font-size: 1.4em;
}

#bridges th {
font-weight: bold;
color: #fff;
padding: 2px 2px 2px 4px;
}

#bridges tr {
border-bottom: 1px dashed #bbb;
}

#bridges td {                           
padding: 5px 2px 5px 4px;
vertical-align: middle;
}

#bridges td img {
vertical-align: middle;
}

#bridges tr.noBottomBorder {
border-style: none;
}

#bridges tr.noBottomBorder:hover {
background-color: transparent;
}

#bridges tr.bridgesHeader {
background-color: #74b6da;
border-style: none;
}

#bridges tr.bridgesHeader:hover {
background-color: #74b6da;
}

#bridges tr.bridgesTitle {
background-color: #83827a;
border-style: none;
}

#bridges tr.bridgesTitle:hover {
background-color: #83827a;
}

#bridges tr.bridgesTitleUnassigned {
background-color: #c11b17;
border-style: none;
}

#bridges tr.bridgesTitleUnassigned:hover {
background-color: #c11b17;
}

#bridges tr.primary {
background-color: #eee;
}

#bridges td.displayNumber {
letter-spacing: 1px;
}

#bridges td.displayNumber img {
letter-spacing: 1px;
cursor: help;
}

#bridges a {
margin: 0;
padding: 2px;
}

/* Type styles */

a:link {
color: #005293;
}

a:visited {
color: #005293;
}

h1 {
color: #000;
padding: 20px 0 20px 30px;
font-size: 2.2em
}

h2 {
color: #000;
font-size: 1.5em;
}

h3 {
color: #000;
font-size: 1.2em;
font-weight: bold;
padding-bottom: 2px;
border-bottom: 1px dashed #bbb;
}

/* Message styles */

.complete, .warning, .info {
width: 75%;
font-size: 1.3em;
font-weight: bold;
margin: auto;
margin-bottom: 15px;
padding: 8px 0 8px 25px;
text-align: center;
background-position: 5px 50%;
background-repeat: no-repeat;
}

.complete {
color: #008000;
background-color: #c9ffca;
background-image: url(../img/24-em-check.gif);
border: 1px solid #008000;
}

.info {
color: #005293;
background-color: #d9e5ef;
background-image: url(../img/24-message-info.gif);
border: 1px solid #005293;
}

.warning {
color: #222222;
background-color: #f7cbca;
background-image: url(../img/24-message-warn.gif);
border: 1px solid #222222;
}

span.displayNotes, span.displayDedicated, span.displayGreeting {
display: block;
letter-spacing: 0;
font-size: .8em;
font-weight: bold;
margin-top: 5px;
padding: 2px 5px 2px 5px;
}

.client {
background-color: #f7cbca;
color: #222222;
}

.notes {
background-color: #99ff99;
color: #006600;
}

.language {
background-color: #d9e5ef;
color: #005293;
}

/* Form styles */

fieldset {
margin-left: 20px;
}

fieldset li {
padding-top: 2px;
padding-bottom: 2px;
}

label {
width: 110px;
float: left;
padding-top: 2px;
font-size: 1.4em;
font-weight: bold;
}

input, textarea, select {
letter-spacing: 1px;
font-size: 1.1em;
border: 2px solid #d9e5ef;
}

input.text {
padding-left: 4px;
padding: 2px;
width: 160px;
}

input.text:focus, textarea:focus {
background-color: #d9e5ef;
border: 2px solid #fff;
}

input.submit, input.select {
border-style: none;
}

#searchBox input.submit {
vertical-align: bottom;
}

select {
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
}

textarea {
width: 167px;
overflow: auto;
font-size: 1.3em;
}

.empty-field {
background-color: #f7cbca !important;
}

/* Misc styles */

.float-left {
float: left;
}

.float-right {
float: right;
}

.clear-both {
clear: both;
}

.padding-top {
padding-top: 10px;
}

.padding-bottom {
padding-bottom: 10px;
}

.red-text {
color: #ff0000 !important;
}