#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000!important}
#MB_overlay[id] {position: fixed}
#MB_window {margin-top:10px; position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative; background-color: #EFEFEF; height: 100%}
#MB_header {margin: 0; padding: 0}
#MB_content {overflow: auto; padding: 20px; max-height: 450px}
 #MB_caption {text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left}
#MB_close {display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px}
#MB_close:hover {background: transparent}
#MB_loading { height: 100px; background: transparent url(/images/loading.gif) 50% 0 no-repeat}
 #MB_frame {padding-bottom: 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px}
#MB_window {background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 0 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px}
#MB_content {border-top: 1px solid #F9F9F9}
#MB_header {background-color: #DDD; border-bottom: 1px solid #CCC}
#MB_caption {color: #000 }
#MB_close {color: #777 }
#MB_close:hover {color: #000 }
 .MB_alert {margin: 10px 0; text-align: center}
  .tabberlive .tabbertabhide {display:none}
 .tabber{display:none;}
.tabberlive {background:#eacf7f}
 ul.tabbernav {margin:0; padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; float:left; height: 22px; overflow: hidden}
ul.tabbernav li {list-style: none; margin: 0; margin-left: 3px; float:left; font-size:12px}
#content ul.tabbernav li a {padding: 6px 0.5em; padding-top: 4px; padding-bottom: 8px; text-decoration: none; display: block; width:88px; height:13px; float:left; text-align:center; font-weight:bold}
#content ul.tabbernav li a:link {background-image:url('../images/tab_active.gif'); background-repeat:no-repeat; color:#ffffff}
#content ul.tabbernav li a:visited {background-image:url('../images/tab_mouseover.gif'); background-repeat:no-repeat}
#content ul.tabbernav li a:hover {color: #ffcc00; background-repeat:no-repeat; text-decoration:none}
#content ul.tabbernav li.tabberactive a {color:#233973; background-image:url('../images/tab_selected.gif'); background-repeat:no-repeat}
#content ul.tabbernav li.tabberactive a:hover {background-image:url('../images/tab_selected.gif'); background-repeat:no-repeat}
.port_tab_info, .port_info {background:white}
.port_tab_info {font-size: 12px; min-height: 461px; margin:0px}
 .h0text {font-weight: bold}
.catstr {width: 100px; float: left}
.port_contents {padding: 10px; margin:0}
  .tabberlive .tabbertab h2 {display:none}
.tabberlive .tabbertab h3 {display:none}
 .tabberlive#tab2 .tabbertab {height:200px; overflow:auto}
div.floatClear {clear : both}
.gutter {padding-top: 0px}
 head, body, div {margin : 0px; padding : 0px}
a img {border : none}
html {background : #e8e8e8; height : 100%}
body, textarea, legend {font-family : Trebuchet MS, arial, "lucida console", sans-serif; font-size : 13px; color : #000000}
fieldset {margin-bottom : 5px}
body {margin : 0 auto; min-width : 1000px; height : 100%}
#main {background : #ffffff; overflow : hidden; width : 100%}
#holder {min-height : 360px; width : 100%; overflow : hidden}
#container {text-align : center; min-width : 1000px; background : #ffffff}
div.floatClear {clear : both; height : 1px; margin-bottom : -1px; overflow : hidden}
div.floatClearGap {clear : both; height : 5px; overflow : hidden}
 #left_repeat {background : url(/images/left_repeat.jpg) top left repeat-y; width : 100%; height : 100%}
#right_repeat {background : url(/images/right_repeat.jpg) top right repeat-y; width : 100%}
#left_bg {background : url(/images/left.jpg) top left no-repeat; width : 100%; height : 100%}
#right_bg {background : url(/images/right.jpg) top right no-repeat; float : right; width : 100%; height : 100%}
.page_bottom {float : left; width : 100%; height : 75px; background-image : url(/images/bottom.gif); background-repeat : repeat-x}
.page_bottom_left {background-image : url(/images/bottom_left.gif); background-repeat : no-repeat; width : 113px; height : 75px; float : left}
.page_bottom_right {background-image : url(/images/bottom_right.gif); background-repeat : no-repeat; width : 113px; height : 75px; float : right}
 #header_area {}
#sysVer_left {padding : 10px 0px 27px 41px; text-align : left}
#sysVer_left a {color : #7f7f7f; text-decoration : none}
#sysVer_left a:hover {text-decoration : underline}
#logo_area img {margin-top : 15px; margin-right : 30px; float : right}
 #button_row, #button_row_short {height : 28px;  }
#button_row {background-color : #3d62c4; border-bottom : 3px solid #000000; background-image : url(/images/button_border.gif); background-repeat : no-repeat; background-position : center bottom; width : 100%}
#button_logo {display : block; background-image : url(/images/findaport_link.gif); background-repeat : no-repeat; width : 150px; height : 23px}
#button_logo:hover {background-image : url(/images/findaport_link_h.gif)}
#button_row #buttons {background-image : url(/images/button_repeat.gif); background-repeat : repeat-x; background-position : bottom; height : 28px; width : 100%}
#button_row_short #buttons {background-image : url(/images/button_border_background.gif); background-repeat : repeat-x; background-position : bottom; height : 28px; float : left}
#button_row_bottom {background-image : url(/images/button_border_bottom.gif); background-repeat : repeat-x; background-position : top; height : 10px; width : 100%; overflow : hidden}
#buttons_left {width : 7px; height : 28px; float : left; padding-left : 31px; background-image : url(/images/button_border_left.gif); background-repeat : no-repeat; background-position : right}
#buttons_right {width : 7px; height : 28px; float : left; background-image : url(/images/button_border_right.gif); background-repeat : no-repeat; background-position : right}
ul#button_list {color : white; font-weight : bold; font-size : 14px; margin : 0; padding : 0; float : left; text-align : center}
.main_button {background : white; background-image : url(/images/button_search.gif); background-repeat : no-repeat; color : white; font-size : 14px; font-weight : bold; width : 113px; height : 22px; text-align : center; border : none; font-family : Trebuchet MS, arial, "lucida console", sans-serif; margin : 10px 0px 10px 180px}
#button_align {margin-left: 0px}
.main_button:hover {color : #ffcc00; cursor : pointer;  }
#button_search {color : white; font-weight : bold; font-size : 14px; margin : 0; padding : 0; text-align : center; text-decoration : none; margin-right : 10px}
li.button_item_first {background-image : url(/images/button_divider.gif); background-repeat : no-repeat; background-position : right 50%; display : inline; float : left; padding-left : 28px; margin-top : 2px; padding-right : 36px}
li.button_item {background-image : url(/images/button_divider.gif); background-repeat : no-repeat; background-position : right center; display : inline; float : left;  padding-left : 20px; margin-top : 5px;  padding-right : 25px}
li.button_item_last {display : inline; float : left;  padding-left : 20px; margin-top : 5px;  padding-right : 12px}
li.button_item_login {display : inline; float : left; background-image : url(/images/button_button.gif); background-repeat : no-repeat; width : 113px; margin-top : 3px; margin-left : 30px; height : 22px}
#button_row_short .button_item_login {margin-left : 0px}
li.button_item_login a {margin-top : 11px}
#sysVer_right {text-align : right; font-weight : normal; padding : 5px 42px 0px 0px; float : right; font-size : 14px}
#sysVer_right a {color : #FFFFFF; text-decoration : none}
#sysVer_right a:hover {text-decoration : underline}
 #content {margin : 0px 20px 20px 20px}
#sector {float : left; width : 100%}
 #info_line {padding-left : 30px; padding-right : 30px; padding-top : 10px; padding-bottom : 0px; color : #7f7f7f; font-size : 12px;   }
#info_left {float : left;  text-align : left;  }
#info_middle { text-align : center;  }
#info_right {float : right;  text-align : right;  }
#info_text_right {float : right}
.link_text {line-height : 1}
.link_text_float {margin-top : 2px; float : left; width : 120px; text-align : right}
.link_text_left {float : left; margin-top : 5px}
.link_text_right {float : right; margin-top : 5px; padding-right : 45px}
 #ygddfdiv {top : 0px; left : 0px}
#content a, #info_line a, #ygddfdiv a, #page_form a, #popup_form a, #MB_content a {color : #ff6702; text-decoration : none}
#content #news h3 a {color : #ffffff}
#content a:hover, #info_line a:hover, #ygddfdiv a:hover, #page_form a:hover, #popup_form a:hover, #MB_content a:hover {text-decoration : underline; color : red}
#content #news h3 a:hover {color : #ffffff}
#popup_form input.submit {background : white; background-image : url(/images/button_search.gif); background-repeat : no-repeat; color : white; font-size : 14px; font-weight : bold; width : 113px; height : 22px; text-align : center; border : none; font-family : Trebuchet MS, arial, "lucida console", sans-serif; margin : 10px 0px 0px 0px}
#popup_form input.submit:hover {color : #ffcc00; cursor : pointer}
ul#button_list a, #button_search a, .main_button a {color : white; text-decoration : none}
ul#welcome_list li a {color : black; text-decoration : none}
.link_continue a {color : #223872; text-decoration : none}
ul#button_list a:hover, ul#welcome_list li a:hover, #button_search a:hover , .main_button a:hover {text-decoration : none; color : #ffcc00}
.link_continue a:hover {text-decoration : underline; color : #ff0000}
.link_text_float img, h5.heading_right img {vertical-align : middle}
  .top {float : left; width : 100%; height : 23px; background-image : url(/images/content_border_top.gif); background-repeat : repeat-x; margin-top : 4px}
.top_shade {}
.top_left_shade {background-image : url(/images/content_border_tl_corner.gif); background-repeat : no-repeat; width : 23px; height : 23px; float : left}
.top_right_shade {background-image : url(/images/content_border_tr_corner.gif); background-repeat : no-repeat; width : 23px; height : 23px; float : right}
 .bottom {float : left; width : 100%; height : 23px; background-image : url(/images/content_border_bottom.gif); background-repeat : repeat-x}
.bottom_left_shade {background-image : url(/images/content_border_bl_corner.gif); background-repeat : no-repeat; width : 23px; height : 23px; float : left}
.bottom_right_shade {background-image : url(/images/content_border_br_corner.gif); background-repeat : no-repeat; width : 23px; height : 23px; float : right}
.left_shade {background-image : url(/images/content_border_left.gif); background-repeat : repeat-y; background-position : top left; float : left; width : 100%}
.right_shade {background-image : url(/images/content_border_right.gif); background-repeat : repeat-y; background-position : top right; float : right; width : 100%}
.pad_fix, .welcome_pad_fix {margin-left : 23px; margin-right : 23px; text-align : left}
 .lite_box {overflow : hidden}
.lite_box .t, .lite_box .b, .lite_box .tl, .lite_box .tr, .lite_box .bl, .lite_box .br, .gradient_box .t, .gradient_box .b, .gradient_box .tl, .gradient_box .tr, .gradient_box .bl, .gradient_box .br, .brown .t, .brown .b, .brown .tl, .brown .tr, .brown .bl, .brown .br {height : 6px}
.lite_box .t {background-image : url(/images/t.gif); background-repeat : repeat-x; background-position : top; overflow : hidden}
.lite_box .tl {background-image : url(/images/tl.gif); background-repeat : no-repeat; background-position : top left; float : left; width : 6px}
.lite_box .tl_nocurve {background-image : url(/images/tl_nocurve.gif); background-repeat : no-repeat; background-position : top left; float : left; width : 6px; height : 6px}
.lite_box .tr {background-image : url(/images/tr.gif); background-repeat : no-repeat; background-position : top right; float : right; width : 6px}
.lite_box .m {border-left : 1px solid #cccccc; border-right : 1px solid #cccccc}
.lite_box .b {background-image : url(/images/b.gif); background-repeat : repeat-x; background-position : top; height : 6px; overflow : hidden}
.lite_box .bl {background-image : url(/images/bl.gif); background-repeat : no-repeat; background-position : top left; float : left; width : 6px; height : 6px}
.lite_box .br {background-image : url(/images/br.gif); background-repeat : no-repeat; background-position : top right; float : right; width : 6px; height : 6px}
 #welcome_box, #country_box, #main_box, #news_box { overflow : hidden;  }
#welcome_box .m {overflow : hidden}
#news_box {width : 242px; float : right; margin-left : 20px}
#login_box {width : 100%; overflow : hidden; margin : auto; float : left}
#info_box { width : 496px; overflow : hidden; float : left}
#news_box #news {margin : 0px}
#text_box {overflow : hidden}
.page_box { overflow : hidden; float : left}
.dashboard_box {width : 33%; overflow : hidden}
.admintbl td, .admintbl th, .padded_table td, .padded_table th {padding : 0px 5px}
.admintbl thead th, .padded_table thead th {text-align : left; padding : 5px}
 .workarea .rss_left {float : left; margin-top : 5px}
.rss {float : right; margin-top : 5px}
 #news_box h3 {background : #233973; color : #ffffff; margin : 0px; background : url(/images/bluebox_t.gif) top left no-repeat #233973; padding : 2px 10px; font-size : 11px; text-align : left}
#news_box h3 img {float : right; padding : 3px 0px}
#news_box ul {list-style : none; margin : 0px; padding : 0px; text-align : left; border : 1px solid #152244; border-bottom : none; min-height : 191px; height : auto !important; height : 191px; background : #F4F5FA}
#news_box li {padding : 5px 0px; margin : 0px; color : #333333}
#news_box li.result {background : #e3e8f6}
#news_box li.result_alt {background : #f4f5fa}
#news_box #dash_news_text {margin : 0px 10px}
#news_box .rss_left {background : url(/images/bluebox_b.gif) top left no-repeat; padding : 10px 0px 0px 0px; float : none; width : 100%; text-align : right}
 h1 {font-size : 18px; margin : 0 0 10px}
h2 {font-size : 16px; margin : 5px 0px}
h3 {font-size : 14px}
.h7 {font-size : 14px; font-weight : bold; margin : 0px; padding : 0px; background-color : #E5ECF9; border-top : 1px solid #3366CC; font-size : 130%; font-weight : bold; padding : 1px 3px; display : block}
#content .h7 a {color : #000000}
#content .h7 a:hover {text-decoration : none; color : #000000}
.text_color {color : #223872}
 ol {list-style-type : decimal}
ol ol {list-style-type : lower-alpha}
 #footer {padding : 16px 50px 0px 50px; text-align : left; font-size : 12px; line-height : 17px; border-top : 1px solid #c0c0c0; background : url(/images/footer_bg.gif) repeat-x #e8e8e8 top; min-height : 144px; height : auto !important; height : 144px}
#foot_txt {float : left; margin-top : 17px; font-size : 10px}
li.footer_item_last {float : left}
.footer_sector a {color : #223872; text-decoration : none}
.footer_sector a:hover {text-decoration : underline; color : #ff0000}
#footer_left {float : left}
#footer_right {float : right}
#footer p {margin : 0px}
.footer_sector {width : 25%; float : left}
 #findaport_bubble{ width : 138px; margin-left : 42px}
#findaport_bubble_contents{ background-color : #FFF}
#findaport_bubble_shadow{ height : 41px; width : 176px; background : url(/images/bubble/bubble_shadow.png) bottom right no-repeat transparent}
#findaport_bubble_tl{ width : 9px; height : 9px; background : url(/images/bubble/bubble_tl.png) top left no-repeat transparent}
#findaport_bubble_t{ background : url(/images/bubble/bubble_t.png) top left repeat-x #FFF}
#findaport_bubble_tr{ width : 9px; height : 9px; background : url(/images/bubble/bubble_tr.png) top right no-repeat transparent}
#findaport_bubble_l{ background : url(/images/bubble/bubble_l.png) top left repeat-y transparent; width : 9px}
#findaport_bubble_r{ background : url(/images/bubble/bubble_r.png) top right repeat-y transparent; width : 9px}
#findaport_bubble_bl{ width : 9px; height : 9px; background : url(/images/bubble/bubble_bl.png) top left no-repeat transparent}
#findaport_bubble_b{ height : 9px; background : url(/images/bubble/bubble_b.png) bottom left repeat-x #FFF}
#findaport_bubble_br{ width : 9px; height : 9px; background : url(/images/bubble/bubble_br.png) top left no-repeat transparent}
#findaport_bubble_close{ width : 12px; height : 12px; margin : 10px 0px 0px -9px; background : url(/images/bubble/bubble_close.gif) top left no-repeat transparent; cursor : pointer}
#findaport_bubble_beak{ width : 120px; height : 31px; background : url(/images/bubble/bubble_beak.png) top right no-repeat transparent}
#bubblewrap {padding-right : 12px}
#bubblewrap p {margin : 4px 0px}
#bubble_text {padding : 0px 22px 0px 0px}
#bubble_text img {vertical-align : text-top; margin-top : 2px}
#coordinateIcon {width : 16px; height : 18px; overflow : hidden; display : inline-block}
 #photos_map #findaport_bubble {width : 240px; margin-left : 36px}
#photos_map #findaport_bubble_beak{ left : 25px !important}
#photos_map #findaport_bubble_shadow{ left : 25px !important; width : 278px !important; background : url(/images/bubble/bubble_shadow_240.png) top right no-repeat transparent}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);  display: block}
#prevLink {left: 0; float: left}
#nextLink {right: 0; float: right}
#prevLink:hover, #prevLink:visited:hover {background: url(/images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(/images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ text-align: center}
#imageData #caption{ font-weight: normal; margin: 0.2em 0em 0.2em 0em}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
 pre {white-space: pre-wrap;  white-space: -moz-pre-wrap;  white-space: -pre-wrap;  white-space: -o-pre-wrap;  word-wrap: break-word;  }
 #site_title {color : #223872; font-size : 23px; margin : 0px; padding : 21px 0px 17px 0px}
#welcome_repeat_bg {background-image : url(/images/welcome_repeat_bg.gif); background-repeat : repeat-x; background-position : bottom; background-color : #f5f5f5; margin : 0 5px}
#welcome_contents { background-image : url(/images/welcome_bg.gif); background-repeat : no-repeat; background-position : right bottom; overflow : hidden}
#welcome_contents_left {width : 300px; float : left; padding : 3px 0px 18px 8px}
#welcome_contents_right {text-align : left; font-weight : normal; font-size : 14px; line-height : 1.3; padding-left : 338px}
#welcome_contents_right h2 {margin-top : 0px}
#welcome_list_container {margin-left : 20px; float : left}
ul#welcome_list { list-style-type : none; list-style-position : outside; margin : 0; padding : 0; min-height : 135px; height : auto !important; height : 135px}
ul#welcome_list li {margin : 0px 0px 6px 0px; background : url(/images/welcome_bullet_ff.gif) left top no-repeat; padding : 2px 0px 0px 35px}
#text_contents, #country_contents, #main_contents {font-size : 12px}
#content .link_continue a {font-size : 14px; color : #223872; float : right; padding-right : 20px; text-align : right; margin-top : 3px}
 .inner_tl {background-image : url(/images/inner_tl.gif); background-repeat : no-repeat; background-position : top left}
.inner_tr {background-image : url(/images/inner_tr.gif); background-repeat : no-repeat; background-position : top right}
.inner_bl {background-image : url(/images/inner_bl.gif); background-repeat : no-repeat; background-position : bottom left}
.inner_br {background-image : url(/images/inner_br.gif); background-repeat : no-repeat; background-position : bottom right}
 #main_links {width : 100%; float : left; margin-top : 16px; font-size : 18px; font-weight : 400}
a.main_links_link, a.main_links_last {text-decoration : none; color : black}
.main_links_link {width : 24.5%; float : left; display : block; padding-top : 100px}
.main_links_divider {width : 3px; float : left; background-image : url(/images/main_link_divider.gif); background-repeat : no-repeat; background-position : center; height : 130px}
.main_links_last {width : 25%; float : left; min-height : 174px; height : auto}
#main_link_info, #main_link_signup, #main_link_faq, #main_link_contact {background-position : top center}
#content a.main_links_link {color : #000000}
#content a.main_links_link:hover {text-decoration : none; color : #000000}
.inline_fap {vertical-align : bottom}
#main_link_info {background-image : url(/images/main_link_info.gif); background-repeat : no-repeat}
#main_link_signup {background-image : url(/images/main_link_signup.gif); background-repeat : no-repeat}
#main_link_faq {background-image : url(/images/main_link_faq.gif); background-repeat : no-repeat}
#main_link_contact {background-image : url(/images/main_link_contact.gif); background-repeat : no-repeat}
.main_links_text {margin-top : 100px}
.main_links_text img {vertical-align : bottom}
#main_link_info:hover {background-image : url(/images/main_link_info_h.gif)}
#main_link_signup:hover {background-image : url(/images/main_link_signup_h.gif)}
#main_link_faq:hover {background-image : url(/images/main_link_faq_h.gif)}
#main_link_contact:hover {background-image : url(/images/main_link_contact_h.gif)}
 p.faq_q {font-weight : bold; font-style : italic; color : #AA7722; margin-bottom : 1px}
p.faq_a {margin-bottom : 12px}
div.anchor {display : none}
 .form .newsline1 img {padding : 0px 0px 3px 0px}
.newsline1 {margin : 30px 0px 15px 0px}
.newsdate {color : #5458b3; font-weight : bold}
.newstitle {font-weight : bold; margin-left : 10px}
.newsexcerpt {margin-bottom : 10px}
.newsexcerpt p {margin : 0px}
#fullnews h1 {color : #5458b3; margin : 0px}
#fullnews .newsdate {color : #7F7F7F; font-weight : normal; margin : 20px 0px}
#fullnews .newsexcerpt {font-weight : bold}
 #api_doc h2 a {background-color : #E5ECF9; border-top : 1px solid #3366CC; display : block; font-size : 16px; font-weight : bold; margin : 0; padding : 1px 3px; color : #000000; text-decoration : none; margin : 0px -3px}
#api_doc h2 a:hover, #api_doc h3 a, #api_doc h3 a:hover {text-decoration : none; color : #000000}
.url {background-color : #FAFAFA; border : 1px solid #BBBBBB; font-size : 1.1em; line-height : 125%; margin : 0.4em auto; padding : 1em}
table.api_doc {border-collapse : collapse; border-spacing : 0; margin-bottom : 2em; margin-top : 1em}
.api_doc th {background-color : #E5ECF9; border : 1px solid #3366CC; font-weight : bold; padding : 6px 12px; text-align : left}
.api_doc th, .api_doc td {text-align : left; vertical-align : top}
.api_doc td {background-color : #FFFFFF; border : 1px solid #3366CC; padding : 6px 12px; text-align : left; vertical-align : top}
   .no_left_margin {margin-left: 0px !important}
#association-list {margin-top: 5px; margin-left: 165px}
.form-field-align {margin-left: 165px}
.tip {padding-left: 4px}
 .developer {background-color: #DAF24E; padding: 0.5em; margin: 1em}
 .predefined_path { padding-right: 1em; color: #ff6702}
.no_new_subscribers {background-color: #ccc !important}
.inactive-row {background-color: #ccc !important}
#activity-stream-filter #user_id {margin-right : 20px}
.activity_date {width : 140px; display : block; float : left; color : #555}
.activity {display : block; width : 300px; float : left; font-weight : bold}
.activity_throttle {font-weight : bold}
 .form, .apiform {font-size : 12px; min-height : 300px; height : auto !important; height : 300px; padding : 15px 20px 20px 20px}
.form p {margin : 4px 0px; overflow : hidden;  }
.form p input {display : inline}
.form p input#user_terms_of_use {float : right}
.form img {padding : 5px; vertical-align : middle}
.form img.large_icon {padding : 2px}
.padded_label, .padded_label_size {margin-left : 180px}
#popup_form {padding : 0px}
#edit_operation_2 .field_fix label {width : 158px}
.login_label, .label {display : inline; font-weight : bold; width : 165px; float : left; text-align : right;  padding : 0px 10px 0px 0px}
.label {padding : 0px 10px 0px 0px}
.login_page_links {text-align : center; margin-bottom : 0px}
.search_heading, .text_heading {float : left; border-bottom : 1px solid #b27929; margin-bottom : 5px; padding-bottom : 5px; width : 100%}
.form_checkbox {margin-top : 2px}
.form_checkbox .fieldWithErrors {float : right}
.form_text {margin-top : 6px; display:inline; line-height:2}
.form p.activity_date, .form p.activity {margin : 2px 0px}
 form.standard_form .mandatory_field label {background : url(/images/compulsory.gif) right no-repeat; margin-right : 5px; width : 160px}
 div.pagination {padding : 3px; margin : 3px}
div.pagination a {padding : 2px 5px 2px 5px; margin : 2px; border : 1px solid #AAAADD; text-decoration : none;  color : #000099}
div.pagination a:hover, div.pagination a:active {border : 1px solid #7d88a7; color : #000}
div.pagination span.current {padding : 2px 5px 2px 5px; margin : 2px; border : 1px solid #7d88a7; font-weight : bold; background-color : #ABBBE5; color : #000}
div.pagination span.disabled {padding : 2px 5px 2px 5px; margin : 2px; border : 1px solid #859ca6; color : #859ca6}
#pagnate_area {text-align :center; margin :0 auto}
#pagnate_pages {margin :0 auto}
#role_checks {float : left; margin-left : 15px}
#border_left {width : 80px; float : left; background : url(/images/left_repeat.jpg) top left repeat-y; margin-bottom : -5000px; padding-bottom : 5000px}
#border_right {width : 80px; float : right; background : url(/images/right_repeat.jpg) top right repeat-y; margin-bottom : -5000px; padding-bottom : 5000px}
#page_image {float : right; height : 400px}
#page_image img {margin-top : 100px; margin-right : 10px}
 #table_head a, #table_head_alt a {color : #000000; text-decoration : none}
li#favorite_ports table {width : 100%}
#searchportresults table {background : #FFFFFF none repeat scroll 0 0; font-size : 12px; position : static; width : 100%}
#searchportresults table tr, table.admintbl tbody tr.result, .dash_tables .result, #searchportresults table tr, table.padded_table tbody tr.result, .dash_tables .result {background : #E3E8F6 none repeat scroll 0 0; color : #000000}
#searchportresults table thead th, table.admintbl thead, #searchportresults table thead th, table.padded_table thead {background : #ABBBE5 none repeat scroll 0 0; color : #000000; height : 30px}
#searchportresults table th, #searchportresults table td {border : 0 none; height : 20px; margin : 0; text-align : left}
#searchportresults table tfoot th {background : #FFFFFF none repeat scroll 0 0}
#searchportresults table th.sort_desc a {background : transparent url(/images/sortdesc.gif) no-repeat scroll right center; padding : 0 14px 0 0}
#searchportresults table th a, .table_head a {color : #000000; text-decoration : none}
#searchportresults table th.sort_desc a {background : transparent url(/images/sortdesc.gif) no-repeat scroll right center; padding : 0 14px 0 0}
#searchportresults table th a, .table_head a {color : #000000; text-decoration : none}
#searchportresults table tr.alt, table.admintbl tbody tr.result_alt, .dash_tables .result_alt, #searchportresults table tr.alt, table.padded_table tbody tr.result_alt, .dash_tables .result_alt {background : #F4F5FA none repeat scroll 0 0}
#searchportresults table tfoot tr td {background : #FFFFFF none repeat scroll 0 0; color : #000000}
#dash_favorite_ports .result {background : #FFE8B4 none repeat scroll 0 0}
#dash_favorite_ports .result_alt {background : #FFF1C9 none repeat scroll 0 0}
.highlight {background-color : #bcc7e5 !important}
.disabled, .disabled th {background : #CCCCCC none repeat scroll 0 0; color : #888888 !important}
 span.h0text {color : #FF6600; text-transform : uppercase; font-weight : bold; font-size : 16px}
span.hd2 {font-weight : bold; font-size : 14px}
span.hd3 {font-weight : bold; font-size : 12px; color : #FF6600}
span.hd4 {font-weight : bold; font-size : small}
 #success {background : #66CC99 none repeat scroll 0 0; border : 1px solid green; margin : 5px 0px 10px 0px; padding : 5px; text-align : left;  }
.notice {color : #223872; font-weight : bold}
#errorExplanation, #error {background : pink none repeat scroll 0 0; border : 1px solid red; font-size : 12px; margin : 5px 0px 10px 0px; padding : 5px; text-align : left}
.fieldWithErrors {overflow : hidden}
.formError {color : #FF0000}
#page_form .formError, #login_form .formError, .form .formError {margin-left : 10px; display : inline}
#page_form .formError_textarea, #login_form .formError_textarea, .form .formError_textarea {margin-left : 180px; display : inline}
.form img {padding : 5px; vertical-align : middle}
.errata_right .formError{  margin : 5px 0px 0px 0px}
 #weather_info {float : left}
.search_heading #weather_info img { margin-left : 4px;  }
#ygddfdiv h2.heading_right, .search_heading h2.heading_right, div.workarea h2.heading_right, .text_heading h2.heading_right {float : right; margin-top : 3px; text-align : right; font-size : 12px}
.heading_right img, .link_text_float img {vertical-align : middle}
#role_checks li {list-style-type : none}
#page_preview {border : 1px dotted black; padding : 5px}
#email_template_preview {border : 1px dotted black; padding : 5px; width : 400px; margin-left : 180px}
 #tabnav {height: 22px; margin: 0; padding: 0px 0px 10px 0px; background: url(../images/tab_bottom.gif) repeat-x bottom}
#tabnav li {margin: 0; padding: 0; display: inline; list-style-type: none}
#tabnav a:link, #tabnav a:visited {float: left; background: #f3f3f3; font-size: 12px; line-height: 16px; font-weight: bold; padding: 2px 10px 2px 10px; margin-right: 4px; border: 1px solid #ccc; text-decoration: none; color: #666}
#tabnav a:link.active, #tabnav a:visited.active {border-bottom: 1px solid #fff; background: #fff; color: #000}
#tabnav a:hover {background: #fff}
 table#choose_plans {width: auto}
table#choose_plans th {background: #00313c; color: #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}
table#choose_plans tr.result td {background: #caecf8; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}
table#choose_plans tr.result_alt td {background: #e1e3ef; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}
 th.packages, td.packages {width: 90px}
th.price, td.price {width: 90px; text-align: center}
table#choose_plans tr td.productlink {background : #FFFFFF; padding : 10px 0px 10px 20px}
 form.standard_form label {font-weight : bold; width : 165px; float : left; text-align : right; padding-right : 10px}
form.standard_form label.nostyle {font-weight : normal; width : 165px; float : none; text-align : right; padding-right : 10px}
 #forecast_page, #affiliate_popup {padding : 17px 20px; background : url(../images/forecast_bg.gif) repeat-x top #ffffff; width : 530px}
#affiliate_popup {width : 530px}
#forecast_page h1, #affiliate_popup h1 {border-bottom : 1px solid #B27929; padding-bottom : 4px; margin-bottom : 16px}
#forecast_page h1 a, #affiliate_popup h1 a {float : right; font-weight : normal; font-size : 14px; color : #FF6702; text-decoration : none}
#forecast_page h1 a:hover, #affiliate_popup h1 a:hover {text-decoration : underline}
#forecast {background : url(../images/forecast_split.gif) no-repeat left; font-size : 14px}
.forecast_day {width : 20%; float : left; text-align : center; background : url(../images/forecast_split.gif) no-repeat right}
.forecast_image {padding : 18px 0px 13px 0px}
.weather-max-temp {color : #ff0000}
.weather-min-temp {color : #0000ff}
.weather-max-temp:hover, .weather-min-temp:hover {cursor : default}
#forecast_page p {margin-top : 0px; margin-bottom : 22px; font-size : 14px}
.day_text {font-weight : bold; font-size : 16px; margin-bottom : 1px}
.temperature img {vertical-align : middle}
#met_office {padding : 20px 0px 0px 0px}
 #affiliate .form, #admin .form {padding : 9px 0px}
#affiliate h1, #admin h1 {padding : 0px 0px 5px 20px; margin : 0px; border-bottom : 1px solid #b27929}
#affiliate ul {list-style-type : square; padding-left : 12px; margin : 11px 0px 19px 0px}
#affiliate li {margin-bottom : 10px}
#affiliate_left {padding : 0px 20px 0px 20px}
.affiliate-dashboard #affiliate_left {padding : 19px 4px 20px 4px}
#affiliate.affiliate-dashboard #affiliate_left .gradient_box .m {padding : 14px 20px}
#affiliate.affiliate-dashboard #affiliate_left .gradient_box .m p {padding : 0px}
#affiliate_left #success {margin : 5px 262px 5px 0px}
#affiliate_right {width : 248px; float : right; padding : 0px 14px; margin-top : 10px}
.gradient_box {margin : 10px 0px}
.gradient_box .t {background-image : url(/images/gradient_box_tb.gif); background-position : center top; background-repeat : repeat-x; overflow : hidden; height : 6px}
.gradient_box .tl {background-image : url(/images/gradient_box_c.gif); background-position : left top; background-repeat : no-repeat; float : left; width : 6px}
.gradient_box .tr {background-image : url(/images/gradient_box_c.gif); background-position : right top; background-repeat : no-repeat; float : right; width : 6px}
.gradient_box .m {background : url(/images/gradient_box_bg.gif) repeat-x center top #ffffff; overflow : hidden}
.gradient_box .text_content {border-left : 1px solid #CCCCCC; border-right : 1px solid #CCCCCC}
#affliate-vouchers .gradient_box .text_content {border : none}
.gradient_box .b {background-image : url(/images/gradient_box_tb.gif); background-position : center bottom; background-repeat : repeat-x; overflow : hidden; height : 6px}
.gradient_box .bl {background-image : url(/images/gradient_box_c.gif); background-position : left bottom; background-repeat : no-repeat; float : left; width : 6px}
.gradient_box .br {background-image : url(/images/gradient_box_c.gif); background-position : right bottom; background-repeat : no-repeat; float : right; width : 6px}
.gradient_box h2 {text-align : center}
.gradient_box .text_content {padding : 1px 0px}
.gradient_box p {padding : 1px 29px; line-height : 1.4}
.gradient_box p.img {text-align : center}
.gradient_box .main_button {margin-left : 20px; width : 206px}
.gradient_box .m { overflow:hidden}
.gradient_box .b { }
#long_button {background-image : url(/images/button_long.gif); width : 206px}
.gradient_box label {width : auto}
.gradient_box .padded_label {margin : 0px; text-align : center}
#affiliate_left .intro {color : #233973; font-size : 16px; font-weight : bold; margin : 24px 0px 19px 0px; line-height : 1.3}
#affiliate_left h2, #admin_area h2 {color : #b27929}
#affiliate-howitworks h2 {padding-bottom : 0px; margin-bottom : 3px}
#affiliate.affiliate-dashboard #affiliate_left #affiliate-info.gradient_box .m {padding : 0px 5px}
table#affiliate_signup_table th, table#affiliate_signup_table td {text-align : center}
#pagination {margin : 7px 0px 0px 10px}
table#stages tr {margin : 0px}
table#stages td.num {font-size : 48px; color : #b27929; font-weight : bold; padding : 0px 2px 0px 7px}
table#stages td.txt {line-height : 1.4; padding : 10px 7px 0px 2px}
.affiliate-signup p {margin : 12px 0px}
.affiliate-signup #affiliate_left h2 {padding : 12px 0px}
.affiliate-signup form.standard_form label {width : 224px}
.affiliate-signup form.standard_form #long_button, .affiliate-signup .padded_label {margin-left : 234px}
#affiliate-breadcrumb h2 {color : #b27929; font-size : 18px}
#affiliate-breadcrumb .disabled_txt {color : #b2b2b2 !important}
.button-to {display : inline-block}
#affiliate h2 a {font-size : 12px; float : right; font-weight : normal}
#affiliate textarea {font-family : Trebuchet MS, arial, "lucida console", sans-serif; font-size : 12px}
#affiliate.affiliate-dashboard #affiliate_right {width : 390px}
#affiliate.affiliate-dashboard #affiliate_left, #admin .form {line-height : 1.3}
#affiliate.affiliate-dashboard #affiliate_left h2, #admin_area h2 { padding : 25px 0px 8px 0px; margin : 0px}
#affiliate.affiliate-dashboard #affiliate_left span {width : 290px;  }
#affiliate.affiliate-dashboard #affiliate_left .pagination span {width : auto}
#affiliate.affiliate-dashboard #affiliate_left span.history {width : 120px; font-weight : bold}
#affiliate.affiliate-dashboard #affiliate_left hr, #admin_area hr {border : none; border-top : 1px solid #cccccc; margin-top : 25px}
#affiliate.affiliate-dashboard #affiliate_left .tri_column p {margin : 0px; padding : 6px 0px}
#affiliate.affiliate-dashboard #affiliate_left p.history {margin : 0px; padding : 16px 0px 4px 0px}
#affiliate-login input#email, #affiliate-login input#password {width : 181px}
#new_affiliate p {margin : 9px 0px}
#new_affiliate #signup_form {padding-bottom : 10px}
.tri_column_final {color : #000000; font-size : 18px}
.tri_column {width : 37%; float : left}
#affiliate.affiliate-dashboard #affiliate_left .tri_column h2, #admin_area h2 {padding : 21px 0px 6px 0px}
#affiliate.affiliate-dashboard #affiliate_left .tri_column_final {padding : 19px 0px 8px 0px}
.tri_column_final {width : 26%; float : left; text-align : right}
.admin_item {display : none}
#content_management, #data_management {float : left; width : 50%}
#subscription_management {display : block}
#admin ul {font-weight : bold; list-style : square; padding-left : 13px; margin : 3px 0px}
#admin li {padding : 3px 0px}
.brown {background-color : #b27929}
.brown .tl {background-image : url(/images/brown_corners.gif); background-repeat : no-repeat; background-position : top left; width : 6px; float : left}
.brown .tr {background-image : url(/images/brown_corners.gif); background-repeat : no-repeat; background-position : top right; width : 6px; float : right}
.brown .t {background-image : url(/images/brown_top.gif); background-repeat : repeat-x; background-position : top; overflow : hidden}
.brown .m {border-left : 1px solid #b27929; border-right : 1px solid #b27929}
#affiliate_left .m {padding : 30px}
#affiliate.affiliate-dashboard #affiliate_left .m, #admin_area .m {padding : 0px 30px 20px 30px}
#affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .m, #admin_tabs .m {margin-top : -2px; padding : 0px; height : 22px; padding : 0px 10px}
#affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .lite_box, #affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .brown, #admin_tabs {text-align : center}
#affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .lite_box a, #admin_tabs .lite_box a {font-size : 14px; color : #000000}
#affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .lite_box a:hover, #admin_tabs .lite_box a:hover {color : #000000; text-decoration : none}
#affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .brown a, #admin_tabs .brown a{ font-size : 14px; color : #FFFFFF}
#affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .brown a:hover, #admin_tabs .brown a:hover {color : #ffcc00; text-decoration : none}
.affiliate_tab .lite_box, .affiliate_tab .brown, #admin_tabs .lite_box, #admin_tabs .brown {float : left; margin : 0px 5px 0px 0px}
.affiliate_tab .brown, #admin_tabs .brown {margin-top : 1px; height : 25px}
#admin_area {padding : 19px 4px 20px 4px}
#affiliate.affiliate-dashboard #affiliate_left .affiliate_tab .lite_box, #admin_tabs .lite_box {background-color : #FFFFFF; padding-top : 0px; position : relative; top : 1px}
#affiliate_left #logout {margin-top : 4px; margin-right : 11px; float : right}
#affiliate_left #logout a {background : url(/images/action_arrow.gif) center right no-repeat; padding-right : 14px}
 #affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers.m { padding : 0px 20px 20px 20px}
#affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers h2 {padding : 21px 10px 8px 10px}
#affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers p {padding : 0px 10px}
#affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers .gradient_box {margin : 27px 0px 20px 0px}
#affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers .gradient_box .m {padding : 0px 20px}
#affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers .gradient_box p {padding : 7px 0px 0px 0px}
#affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers #voucher_list .gradient_box {margin-top : 6px}
#affiliate.affiliate-dashboard #affiliate_left #affliate-vouchers #voucher_list .gradient_box .m {padding : 0px 5px}
 #affiliate.affiliate-dashboard #affiliate_left #affliate-links p.subHeading {font-size : 14px; text-transform : uppercase}
#affiliate.affiliate-dashboard #affiliate_left #affliate-links p.subHeading a {margin-left : 20px; font-size : 12px; text-transform : none}
#affiliate.affiliate-dashboard .form .subHeading img {padding : 0px}
 #error_page {background : url(/images/bg_error.jpg) top left no-repeat; padding-left : 249px; height : 397px; margin : 0px 60px 60px 60px}
#error_page h1 {padding : 69px 0 4px; margin : 0px; font-size : 18px; font-weight : normal}
#error_page ul {list-style : square outside url(/images/error_bullet.gif); padding-left : 16px}
#error_page li {padding : 11px 0px; margin : 0px}
#error_page a {color : #ff0000; text-decoration : none}
#error_page a:hover {text-decoration : underline}
 .inplaceeditor-form {float : left; margin : 3px 0px}
.editor_field {font-size : 12px; width : 398px; border : 1px solid #757676; border-right : 0px; float : left; padding-top : 0px}
.editor_ok_button {float : left}
#affiliate.affiliate-dashboard #affiliate_left span.in_place_editor_field {line-height : 2; width : 438px; background-image : url(/images/icon_edit.gif); background-repeat : no-repeat; background-position : left; padding-left : 20px}
.editor_cancel {margin-left : 10px}
 #voucher_display .m {padding : 0px 5px; border-left : 1px solid #CCCCCC; border-right : 1px solid #CCCCCC; min-height : 45px}
#content #voucher_display th a {color : #000000; text-align : center}
#content #voucher_display th a:hover {color : #000000}
 div.pdata{ display : block; text-decoration : none; color : black; font-size : 12px; font-weight : normal}
span.pdatasection{ font-weight : bold; color : #FF6600}
span.pdatasubsecthdg{ font-weight : bold}
.text_heading h1 {float : left; margin : 0; font-size : 24px}
span#weather_info { margin-left : 8px}
.port_info {margin : 10px}
.catstr {font-weight : bold}
div.p {text-indent : 20px}
div.p span.hd2, div.p span.hd3 {margin-left : -20px}
.doclist {padding-left : 20px}
span.inf {vertical-align : sub}
.it {font-style : italic}
span.pfirst {display : inline}
div#detail_info { }
#photos_map #bubble_text img {overflow : hidden; width : 240px; height : 200px;  }
#port_latitude_degrees, #port_latitude_hemisphere {width : 40px}
#ace_reports_toc ul {list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em}
.ace_report {margin: 0.5em 0}
ol {list-style-type: decimal; margin-left: -12px; margin-top: 0; margin-bottom: 0}
#key2 {width : 28px; height : 17px;  background-image : url(/images/legends/legends2.gif); background-repeat : no-repeat; background-position : 50%; float : right; padding : 5px; display : none}
 h1.heading_right {padding-right : 5px; margin-top : 3px; float : right; text-align : right; font-size : 12px}
#key1 {width : 20px; height : 20px; background-image : url(/images/icons/icon_legend.gif);  background-repeat : no-repeat; background-position : 50%; float : right}
label.fieldset_label {float : left; font-weight : bold; padding-right : 10px; text-align : right; width : 154px}
#returnFindaport {float : right}
.subport_names {font-size : 16px; color : #545454; padding : 10px}
#bottomNavLeft {float : left; text-align : left; height : 38px; width : 66px}
#bottomNavRight {float : right; text-align : right; height : 38px}
 #content-rdetail {background-color : #FFFFFF; color : #333333; float : right; font-size : 13px; line-height : 1.5em; margin : 0; padding : 0; width : 500px}
.cidb-h1 {font-size : medium; font-weight : bold}
.cidb-wrapper {padding-top : 5px; font-size : small}
.cidb-item {padding-left : 10px; padding-top : 0px; padding-bottom : 0px; font-size : x-small}
.cidb-avgtemp {width : 350px; font-size : x-small; padding-left : 1px}
.cidb-avgtemp td, .cidb-avgtemp th {margin : 0}
.cidb-grp {padding : 0}
.cidb-h2 {font-size : medium; font-weight : bold; padding-bottom : 5px}
.cidb-h3 {font-size : x-small; font-weight : bold; padding-right : 20px;}
.cidb-erdate, .cidb-ack {font-size : xx-small; font-style : italic}
.cidb-er {padding-left : 20px; font-size : x-small}
 table.primary th {color : #FFFFFF; font-weight : bold; padding : 0 4px}
table.primary td {color : #FFFFFF; font-weight : normal}
table.primary tr { }
 table.primary thead tr {background-color : #002F3E}
 table.primary td.field {background-color : #236691; color : #FFFFFF; font-weight : normal; margin : 0}
 table.primary td.data {background-color : #E1E3EF; color : #000000; font-weight : normal}
 table.primary td.altdata {background-color : #CAEBF8; color : #000000; font-weight : normal}
 table.primary tr td.straddle {color : #002F3E; font-style : italic; background-color : #87CDF8}
table.primary .field, table.secondary .field {display : table-cell}
  table.secondary th {color : #FFFFFF; font-weight : bold; padding : 0 4px}
table.secondary td {color : #FFFFFF; font-weight : normal}
table.secondary tr { }
table.secondary thead tr {background : #3E1E05}
table.secondary td.field {background : #B27929; font-weight : bold; margin : 0}
table.secondary td.data {background : #F5E6B4; color : #000000; font-weight : normal}
table.secondary td.altdata {background : #D7C5A9; color : #000000; font-weight : normal}
table.secondary tr td.straddle {background : #EACF7F; color : #3E1E05; font-style : italic}
table.primary .straddle .b, table.secondary .straddle .b {background-image : none}
h1.bubble_title, #bubblewrap, div.bubble_description {font-size : 14px; font-weight : normal; margin : 0px}
 #drag2 {height : 22px; overflow : hidden}
#drag1, #drag2, #drag3, #dashboard1, #dashboard2, #dashboard3, #dashboard4, #dashboard5, #dashboard6, #dashboard7 {background-image : url(/images/icons/dragdrop.gif); background-repeat : no-repeat; background-position : left 4px; width : 100%; cursor : move}
#drag1:hover, #drag2:hover, #drag3:hover, #dashboard1:hover, #dashboard2:hover, #dashboard3:hover, #dashboard4:hover, #dashboard5:hover, #dashboard6:hover, #dashboard7:hover {background-image : url(/images/icons/dragdrop_h.gif); background-repeat : no-repeat; background-position : left 4px}
.dash_heading h2, .search_heading h2 {float : left; margin : 0px; padding : 0px 0px 0px 25px}
#dash_support_forum {overflow:hidden}
#portsummary #weather_info img#loadWeather {height : 16px; width : 16px; padding : 4px 0px 0px 4px}
#content .search_heading a:hover, #ygddfdiv .search_heading a:hover {text-decoration : none}
#searchport {font-size : 12px}
#searchport form {margin : 0; padding : 0}
#normal_search {width : 100%}
#normal_search, #search_by_region {font-size : 12px}
#countrySearch {float : left; width : 33%}
#portSearch {float : left; width : 37%}
.search_label {float : left; margin-top : 4px; width : 100px}
#searchSearch {float : right; width : 270px}
#search_options {float : right}
#spinner {float : left; margin-right : 10px; margin-top : 4px}
#search_port_form a {font-size : 12px}
#advanced {width : 53px}
#advanced_search_1 {float : left; margin-top : 15px; width : 33%}
#country {width : 190px}
#locale, #port, #country {float : left}
#locale {height : 20px; width : 200px}
#search_by_region {margin-bottom : 0; margin-top : 10px; width : 100%}
#advanced_search h4, #save_search h4 {font-size : 12px; margin-top : 15px; font-weight : normal}
#advanced_search h4 img {vertical-align : middle}
.nearest {margin-top : 4px; width : 50px; height : 20px; float : left}
#latitude_hemisphere, #longitude_hemisphere {width : 50px}
#advanced_search_col2 {float : left; width : 37%}
#advanced_search_2, #advanced_search_3, #advanced_search_4 {float : left; width : 100%}
.advanced_element {float : left; width : 120px}
#save_search {float : right; width : 243px}
#saved_search_name {width : 238px}
#save_search input.submit {float : right; background : white; background-image : url(/images/button_search.gif); background-repeat : no-repeat; color : white; font-size : 14px; font-weight : bold; width : 113px; height : 22px; text-align : center; border : none; font-family : Trebuchet MS, arial, "lucida console", sans-serif; margin : 5px 0px}
#save_search input.submit:hover {color : #ffcc00; cursor : pointer}
 #advanced_search_col2 h4 {margin-bottom : 0px}
h4#exp_pf, h4#exp_cf, h4#exp_df {display : block; background : url(/images/button_expand.jpg) no-repeat left; padding-left : 20px}
h4#con_pf, h4#con_cf, h4#con_df {display : none; background : url(/images/button_reduce.jpg) no-repeat left; padding-left : 20px}
#pf, #cf, #df {display : none; padding : 2px 0px 0px 6px; background : #ebeef9}
#list_port {float : left; margin : 10px 0 5px}
#search_contents1, #search_contents2, #search_contents3 {min-height : 350px; height : auto}
#search_contents3 { }
#map {position : relative}
#myCrosshair {position : absolute}
#key1 {width : 20px; height : 20px; background-image : url(/images/icons/icon_legend.gif);  background-repeat : no-repeat; background-position : 50%; float : right}
 .alias_result {padding-left : 10px; color : #7F7F7F; font-style : italic}
 #ygddfdiv {height : 0px; width : 0px; background : #ABBBE5; opacity : .5}
div.workareaSearch {float : left; width : 100%}
ul.draglistSearch { margin : 0; padding : 0}
ul.draglistSearch li { }
ul.draglistSearch_alt {position : relative; width : 325px; list-style : none; margin : 0; padding : 0;  }
#drag1, #drag2, #drag3 {cursor : move}
ul.draglistSearch_alt li {margin : 1px;  }
#button_search {display : block; float : left; background-image : url(/images/button_search.gif); background-repeat : no-repeat; width : 113px; height : 22px; text-align : center}
.search_label {width : 100px; float : left; margin-top : 4px}
.testSquare {text-align : center; cursor : move; position : absolute}
.testSquareOn {border : 1px dotted blue; text-align : center; cursor : move; position : absolute}
#searchportresults {margin : 0; padding : 0; width : 100%}
 #port_summary_title {float : left; margin-bottom : 5px}
#portsummary #weather_info img {width : 36px; height : 25px}
#searchsummary {font-size : 12px}
#searchsummary #portsummary {float : left; margin : 0; width : 100%}
#searchsummary #portsummary li {width : auto}
#searchsummary #portsummary #portdata {line-height : 1.2em}
#searchsummary #portsummary #portdata h2 {line-height : 22px}
#searchsummary #portsummary #portdata h3 {float : none; margin-top : 0}
#portimage {float : right; padding : 10px 0 10px 10px; width : 143px}
#searchsummary #portsummary #portimage img {border : 0 none; display : block; margin : 0 auto; padding : 0 3px 3px 0}
#portimage img { margin-bottom : 3px; margin-right : 3px; width : 140px}
#summary_plans {padding : 5px 0px}
#listPlans {padding-top : 10px}
ul.squareList {list-style : square; margin-bottom : 10px; padding-left : 10px}
ul.squareList li {float : none; display : list-item; list-style-type : square}
 .sub_port {font-style : italic; color : #545454}
.sub_port_name {font-weight : bold}
#portsummary h3 {margin-right : 10px}
#intro {font-size : 10px; margin-bottom : 5px; padding-bottom : 5px; margin-top : 5px; padding-top : 5px; border-bottom : 1px #444 solid}
div.pdata{ display : block; text-decoration : none; color : black; font-size : 12px; font-weight : normal}
span.pdatasection{ font-weight : bold; color : #FF6600}
span.pdatasubsecthdg{ font-weight : bold}
.bubble_coordinates {float : right; color : #666666; font-size : 14px; font-weight : normal}
 #ygddfdiv h2, div.workarea h2 {float : left; margin : 0px}
div.workarea {float : left; width : 33%; min-height : 400px; height : auto !important; height : 400px}
ul.draglist {position : relative; list-style : none; margin : 0; padding : 0; min-height : 400px; height : auto !important; height : 400px; width : 100%}
#dashboard1:hover, #dashboard2:hover, #dashboard3:hover, #dashboard4:hover, #dashboard5:hover, #dashboard6:hover, #dashboard7:hover {cursor : move}
ul.draglist li {width : 100%; margin : 1px;  float : left; border : 1px solid white}
ul.draglist #dash_news li {margin : 0px; border : none}
.rss a {margin-left : 5px}
ul.draglist_alt {position : relative; list-style : none; margin : 0; padding : 0;  padding-bottom : 20px}
.dragIcon {width : 20px; height : 20px; background : url(/images/icons/hand.gif) no-repeat center center; float : left; margin-right : 5px; cursor : move}
ul.draglist_alt li {margin : 1px; cursor : move}
#user_actions {float : right}
#main {float : left}
.dash_resize {background : url(/images/dash_resize.gif)}
.dash_pad_fix {margin-left : 23px; margin-right : 23px; text-align : left}
.dash_tables table {font-size : 12px; width : 100%}
table.admintbl, table.padded_table {margin-bottom : 10px}
table.admintbl {width : 100%}
.cell_right {text-align : right}
.dash_text {font-size : 12px}
#dash_search_ports {background : transparent url(/images/dash_ship.jpg) no-repeat scroll right bottom}
.dash_link {float : right}
#forum_img {width : 20%; float : left; padding : 5%}
#personal_messages {padding: 10px 0; font-size: 1.2em}
#forum_text { }
.form_text {float : left; margin-top : 6px}
#dash_favorite_ports .result {background : #FFE8B4 none repeat scroll 0 0}
.dash_info {color : #7F7F7F; font-size : 10px; text-align : center}
label.fieldset_label {float : left; font-weight : bold; padding-right : 10px; text-align : right; width : 154px}
.field {display : inline}
 #dash_news ul {list-style : none; margin : 0px; padding : 0px}
#dash_news li {padding : 7px 0px; margin : 0px; color : #333333}
#dash_news_text {margin : 0px 10px}
#dash_news li.result {background : #ddcd74}
#dash_news li.result_alt {background : #ece39d}
 #search_history_pagination {float : left}
#search_history_per_page_div form {float : right}
#search_history_pagination .text {font-weight : bold}
#search_history_pagination, #search_history_per_page_div {display : block; padding-top : 5px}
 .preview_port_submission {float : left; width : 28%}
.preview_near_ports {float : right; width : 70%}
.preview_port_submission h1, .preview_near_ports h1 {color : black; float : left; font-size : 16px; font-weight : bold; margin : 0; padding : 0}
 #confirmation_map {height : 300px; width : 400px}
#ygddfdiv #map, #map {width : 100% !important}
.bubble_description p {margin : 0px; line-height : 18px; margin : 2px 0px 1px 0px}
 div.workareaSearch {overflow:hidden}
ul.draglistSearch {position: static;list-style: none;margin:0;padding:0;}
ul.draglistSearch li {display:block;width:33.3%;float: left;min-height:300px;}
ul.draglistSearch li li {min-height:0px;float:none;}
ul.draglistSearch_alt {position: static;width: 1px; list-style: none;margin:0;padding:0;padding-bottom:20px;}
ul.draglistSearch_alt li {margin: 1px;cursor: move}
.yui-resize{position:relative;z-index:0;}.yui-draggable{cursor:move;}.yui-resize .yui-resize-handle{position:absolute;z-index:1;font-size:0;margin:0;padding:0;height:1px;width:1px;}.yui-resize .yui-resize-handle-br{height:5px;width:5px;bottom:0;right:0;cursor:se-resize;z-index:2;}.yui-resize .yui-resize-handle-bl{height:5px;width:5px;bottom:0;left:0;cursor:sw-resize;z-index:2;}.yui-resize .yui-resize-handle-tl{height:5px;width:5px;top:0;left:0;cursor:nw-resize;z-index:2;}.yui-resize .yui-resize-handle-tr{height:5px;width:5px;top:0;right:0;cursor:ne-resize;z-index:2;}.yui-resize .yui-resize-handle-r{width:5px;height:100%;top:0;right:0;cursor:e-resize;}.yui-resize .yui-resize-handle-l{height:100%;width:5px;top:0;left:0;cursor:w-resize;}.yui-resize .yui-resize-handle-b{width:100%;height:5px;bottom:0;right:0;cursor:s-resize;}.yui-resize .yui-resize-handle-t{width:100%;height:5px;top:0;right:0;cursor:n-resize;}.yui-resize-proxy{position:absolute;border:1px dashed #000;visibility:hidden;z-index:1000;}.yui-resize-hover .yui-resize-handle,.yui-resize-hidden .yui-resize-handle{opacity:0;}.yui-resize-ghost{opacity:.5;}.yui-resize-knob .yui-resize-handle{height:6px;width:6px;}.yui-resize-knob .yui-resize-handle-tr{right:-3px;top:-3px;}.yui-resize-knob .yui-resize-handle-tl{left:-3px;top:-3px;}.yui-resize-knob .yui-resize-handle-bl{left:-3px;bottom:-3px;}.yui-resize-knob .yui-resize-handle-br{right:-3px;bottom:-3px;}.yui-resize-knob .yui-resize-handle-t{left:45%;top:-3px;}.yui-resize-knob .yui-resize-handle-r{right:-3px;top:45%;}.yui-resize-knob .yui-resize-handle-l{left:-3px;top:45%;}.yui-resize-knob .yui-resize-handle-b{left:45%;bottom:-3px;}.yui-resize-status{position:absolute;top:-999px;left:-999px;padding:2px;font-size:80%;display:none;z-index:9999;}.yui-resize-status strong,.yui-resize-status em{font-weight:normal;font-style:normal;padding:1px;}.yui-skin-sam .yui-resize .yui-resize-handle{background-color:#F2F2F2;}.yui-skin-sam .yui-resize .yui-resize-handle-active{background-color:#7D98B8;}.yui-skin-sam .yui-resize .yui-resize-handle-l,.yui-skin-sam .yui-resize .yui-resize-handle-r,.yui-skin-sam .yui-resize .yui-resize-handle-l-active,.yui-skin-sam .yui-resize .yui-resize-handle-r-active{height:100%;}.yui-skin-sam .yui-resize-knob .yui-resize-handle{border:1px solid #808080;}.yui-skin-sam .yui-resize-hover .yui-resize-handle-active{opacity:1;}.yui-skin-sam .yui-resize-proxy{border:1px dashed #426FD9;}.yui-skin-sam .yui-resize-status{border:1px solid #A6982B;border-top:1px solid #D4C237;background-color:#FFEE69;color:#000;}.yui-skin-sam .yui-resize-status strong,.yui-skin-sam .yui-resize-status em{float:left;display:block;clear:both;padding:1px;text-align:center;}.yui-skin-sam .yui-resize .yui-resize-handle-inner-r,.yui-skin-sam .yui-resize .yui-resize-handle-inner-l{background:transparent url(http://yui.yahooapis.com/2.8.0r4/build/resize/assets/skins/sam/layout_sprite.png) no-repeat 0 -5px;height:16px;width:5px;position:absolute;top:45%;}.yui-skin-sam .yui-resize .yui-resize-handle-inner-t,.yui-skin-sam .yui-resize .yui-resize-handle-inner-b{background:transparent url(http://yui.yahooapis.com/2.8.0r4/build/resize/assets/skins/sam/layout_sprite.png) no-repeat -20px 0;height:5px;width:16px;position:absolute;left:50%;}.yui-skin-sam .yui-resize .yui-resize-handle-br{background-image:url(http://yui.yahooapis.com/2.8.0r4/build/resize/assets/skins/sam/layout_sprite.png);background-repeat:no-repeat;background-position:-22px -62px;}.yui-skin-sam .yui-resize .yui-resize-handle-tr{background-image:url(http://yui.yahooapis.com/2.8.0r4/build/resize/assets/skins/sam/layout_sprite.png);background-repeat:no-repeat;background-position:-22px -42px;}.yui-skin-sam .yui-resize .yui-resize-handle-tl{background-image:url(http://yui.yahooapis.com/2.8.0r4/build/resize/assets/skins/sam/layout_sprite.png);background-repeat:no-repeat;background-position:-22px -82px;}.yui-skin-sam .yui-resize .yui-resize-handle-bl{background-image:url(http://yui.yahooapis.com/2.8.0r4/build/resize/assets/skins/sam/layout_sprite.png);background-repeat:no-repeat;background-position:-22px -23px;}.yui-skin-sam .yui-resize-knob .yui-resize-handle-t,.yui-skin-sam .yui-resize-knob .yui-resize-handle-r,.yui-skin-sam .yui-resize-knob .yui-resize-handle-b,.yui-skin-sam .yui-resize-knob .yui-resize-handle-l,.yui-skin-sam .yui-resize-knob .yui-resize-handle-tl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-tr,.yui-skin-sam .yui-resize-knob .yui-resize-handle-bl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-br,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-t,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-r,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-b,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-l,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tr,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-bl,.yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-br{background-image:none;}.yui-skin-sam .yui-resize-knob .yui-resize-handle-l,.yui-skin-sam .yui-resize-knob .yui-resize-handle-r,.yui-skin-sam .yui-resize-knob .yui-resize-handle-l-active,.yui-skin-sam .yui-resize-knob .yui-resize-handle-r-active{height:6px;width:6px;}.yui-skin-sam .yui-resize-textarea .yui-resize-handle-r{right:-8px;}.yui-skin-sam .yui-resize-textarea .yui-resize-handle-b{bottom:-8px;}.yui-skin-sam .yui-resize-textarea .yui-resize-handle-br{right:-8px;bottom:-8px;}