html, body{padding:0; margin:0; position:relative; min-width:1064px}
html{    background:#a2acae; margin-bottom:1px; height:100%!important; height:auto}
body{color:#000; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:150%;  background:url(../images/header_bg.png) repeat-x top #d4dfe1}
body#home{background:url(../images/header_bg_home.png) repeat-x top #d4dfe1}

* html >body .clearfix{width:100%; display:block}
* html .clearfix{height:1%}

* html .button{padding:2px 0 !important}
*+html .button{padding:2px 0 !important}

h1{font-size:180%}
h2{font-size:150%}
h3{font-size:125%}
h4{font-size:100%}

a{color:#003C6B; text-decoration:underline; outline: none;}
a:hover, a:active, a:focus{color:#333; text-decoration:underline}
p{padding:0; margin:0}

.clearme{clear:both; height:1px}

#cover{position:absolute; top:0px; left:0px; width:50%; height:113px; background:url(../images/cover_bg.png) repeat-x top; z-index:2}
#header{margin:0 auto; width:1064px;  height:115px; position:relative;  background:url(../images/header_bg.png) repeat-x top; z-index:30}
#header #search{height:115px; float:left; width:863px}
#home #header{background:url(../images/header_bg_home.png) repeat-x top #d4dfe1}
#header #logo{float:left; width:300px; height:115px; background:url(../images/logo_1_bg.png) no-repeat; text-align:center; border-right:0px solid #7a9ab3; z-index:12}
#header #logo img{margin:2px; margin-right:10px}
#header #logo.yellow{height:115px; background:url(../images/logo_1_bg.png) no-repeat #F5C12C}

#header ul#top{padding:12px 0 0 0; margin:0; display:block; float:right;position:relative}
#header ul#top li{list-style:none; float:right; padding:0 5px 5px 0px}
#header ul#top li a{color:white; font-size:11px; text-decoration:none}

.top_menu{text-align:right; padding:0px 0 0 0; width:600px; position:absolute; top:0; left:400px}
.top_menu .moduletable{padding:0; margin:0}
.top_menu .moduletable .search{width:155px; float:right; padding:0; margin:0px 0 0px 0; position:relative}
.top_menu .moduletable .search .inputbox{position:absolute; top:10px; left:5px}
.top_menu .moduletable .search .button{margin:5px 0 0px 20px; vertical-align:center; cursor: pointer;}

.moduletablefeed{float:right; margin:8px 15px 0 20px}
.moduletablefeed a img{border:none}
.moduletablefeed a span{display:none}

.mod-languages{padding:12px 0 0 0; margin:0; float:left; width:75px;position:absolute;top:1px;left:-90px}
.mod-languages ul.lang-inline{padding:0; margin:0}
.mod-languages ul.lang-inline li{padding:0; margin:0}
.mod-languages ul.lang-inline li a{color:white; text-decoration:none}

#header .main_menu{position:absolute; top:48px; left:300px;font-family:Arial,Helvetica,sans-serif}
span.separator{color:white}
#header ul#main{padding:0; margin:0; display:block; width:100%; clear:both; letter-spacing: -0.2px;}
#header ul#main li span{display:block;text-align:center;float:none}
#header ul#main li{ list-style:none; background:#005689; float:left; text-align:center; height:22px;   padding:10px 0px 0 0px;  border-right:1px solid #7a9ab3;}
#header ul#main li.active{background:none}
#header ul#main li.item-211.active{background:url(../images/item_1_bg_active.png) no-repeat bottom}
#header ul#main li.item-211 {width:71px; padding:10px 0 0 0; height:54px; border-right:none; background:url(../images/item_1_bg.png) no-repeat bottom}
#header ul#main li.item-211 {width:71px;}
#header ul#main li.item-2{width:110px;}
#header ul#main li.item-2 ul {display:block;width:180px;}
#header ul#main li.item-8 {width:70px;}
#header ul#main li.item-8 ul {display:block;width:180px;}
#header ul#main li.item-9{width:123px; padding:10px 0 0 0; height:41px; border-right:none; background:url(../images/item_9_bg.png) no-repeat bottom;display:block}
#header ul#main li.item-9 ul {display:block;width:180px;}
#header ul#main li.item-9.active{background:url(../images/item_9_bg_active.png) no-repeat bottom}
#header ul#main li.item-10 ul {display:block;width:180px;margin:0 auto}
#header ul#main li.item-19 {width:170px;}
#header ul#main li.item-19 ul {display:block;width:200px;}
#header ul#main li.item-20 {width:154px;}
#header ul#main li.item-20 ul li {width:154px !important;}
#header ul#main li.item-20 ul {display:block;width:151px;}
#header ul#main li a, #header ul#main li span.separator{color:white; font-size:14px; text-decoration:none;}
#header ul#main li a:hover{color:#f9cb2f;cursor:pointer; border: none;}
#header ul#main li.parent ul{display:none; float:left; position:absolute; margin:5px 0 0 0; background-color:#003E6D; padding:0;}
#header ul#main li.parent:hover ul{text-align:right; clear:none; display:block; border-top:1px solid #7a9ab3; z-index:10;}
#header ul#main li.parent ul li{float:none; border-bottom:1px solid #7a9ab3;}
#header ul#main li.parent ul {margin-bottom:10px;}
#header span.separator{color:white}
#body{position:relative; width:1064px; margin:-26px auto 0 auto; padding:26px 0 5px 0; background:#d4dfe1}

#footer{height:100px; width:100%; min-width:1064px; margin:0 auto; background-color:#a2acae; color:white; text-align:center; border-top:4px solid white; clear:both}
#footer ul.menu{margin:0 auto}
#footer ul#bottom_nav{width:560px}
#footer ul#bottom_nav2{width:500px}
#footer ul#bottom_nav2_logged_en{width:650px}

#footer ul#bottom_nav_es{width:660px}
#footer ul#bottom_nav2_es{width:560px}
#footer ul#bottom_nav2_logged_es{width:650px}

#footer ul.menu li{list-style:none; float:left; margin:5px;  color:#003E6D}
#footer a, #footer span.separator{color:#003E6D; text-decoration:none}
#footer .copyright{clear:both;  color:#003E6D}

.banner{font-size:12px; color:white; height:311px;   width:685px; position:absolute; left:301px; top:19px}
.banner .moduletableright_home_content{float:right; padding:0 10px 0 20px; width:188px; height:301px;  background:url(../images/banner_text-311.png) no-repeat top right}
.banner .moduletableright_home_content .bannergroupright_home_content{margin-top: 10px;}
.banner .moduletableright_home_content h1{color:white; background:url(../images/mail.png) no-repeat left 8px; padding:10px 0px 5px 40px; font-size:18px; font-weight:normal}
.banner .moduletableright_home_content h2{color:white; font-size:14px; font-weight:normal; text-align:center}
.banner .moduletableright_home_content h3{color:#f9cb2f; padding:0 0 0px 20px; margin:5px 0 5px 0;  background:url(../images/down_carrot.png) no-repeat left 3px; font-size:18px; font-weight:normal}
.banner .moduletableright_home_content span{font-size:12px}
.banner .moduletableright_home_content  p{line-height:18px; padding:0 20px 0 5px}
.banner .moduletableright_home_content a{color:#f9cb2f; padding:0 0 0px 16px;  background:url(../images/right_carrot.png) no-repeat left 3px}
.banner .moduletableright_home_content .lang{padding: 10px 0 0 0; }
.banner .moduletableright_home_content .lang a{color: white; font-size: 14px; background: none; padding: 0;}
.banner .moduletablehomeimage .homecontent{position:absolute; width: 250px; top: 200px; left: 200px;}

.banner .moduletableright_home_image{ float:left; width:467px; overflow:hidden; }
.banner .moduletableright_image img{border: none;}

.homepage_modules{ margin:-570px 0 0 300px; float: left; }

.user1{ }
.user1 .moduletable{   padding:7px 0 9px 0; }
.user1 .moduletable .menu{   padding:0px 11px; margin:0;}
/*#home .user1 .moduletable .menu li{  width:279px; height:40px;    list-style-type:none; padding:0; margin:0 0 -2px 0;    text-decoration:none; color:white;    font-size:18px;    background:transparent url(../images/home-quick-links.png) no-repeat center center}*/
.user1 .moduletable .menu li.item-72{  width:279px; height:40px;    list-style-type:none; padding:0; margin:0 0 -2px 0;    text-decoration:none; color:white;    font-size:18px;    background:transparent url(../images/home-quick-links.png) no-repeat center center}
.user1 .moduletable .menu li.item-73{  width:279px; height:40px;    list-style-type:none; padding:0; margin:0 0 -2px 0;    text-decoration:none; color:white;    font-size:18px;    background:transparent url(../images/home-quick-links.png) no-repeat center center}
.user1 .moduletable .menu li.item-76{  width:279px; height:40px;    list-style-type:none; padding:0; margin:0 0 -2px 0;    text-decoration:none; color:white;    font-size:18px;    background:transparent url(../images/home-quick-links.png) no-repeat center center}

.user1 .moduletable .menu li a,
.user1 .moduletable .menu li.separator{letter-spacing: -1px;    display:block; width:245px; height:18px;    padding:11px 17px;    text-decoration:none; color:white;    font-size:18px}
.user1 .moduletable .menu li a:hover{color: #F5C12C;}
.user1 .moduletable .menu li.item-72{   position:relative; top:3px;    margin-bottom:0px;    background-position:center -160px}
.user1 .moduletable .menu li.item-73{   background-position:center 0px; }
.user1 .moduletable .menu li.item-73 { font-size: 12px; }
.user1 .moduletable .menu li.item-74{   background-position:center -120px;    color:#005689;  list-style-type:none; }
.user1 .moduletable .menu li.item-74 a:hover{color:white ;}
.user1 .moduletable .menu li.item-74 .separator,
.user1 .moduletable .menu li.item-74 a{   color:#005689}
.user1 .moduletable .menu li.item-75{   background-position:center -80px}
.user1 .moduletable .menu li.item-76{   background-position:center -40px;    margin:0}

#.user1{width:301px; padding-bottom: 0px; }
.user1 .moduletablehome_customerservice{margin-top:0px; background:url(../images/user1_bottom.png) no-repeat bottom left}
.user1 .moduletablehome_customerservice h3{margin:0; padding:10px 20px 30px 20px; background:url(../images/user1_top.png) no-repeat top left; color:white}
.user1 .moduletablehome_customerservice p{padding:10px 20px 20px 20px}

#home .user2{   width:685px;    margin:3px 0 0 18px}
#home .user2 .bannergroup h2{   display:block; width:369px;    margin:-15px 0 0 28px; padding:4px 22px;    background:white;    border-left:1px solid #c1cbcd; border-bottom: 1px solid #c1cbcd;   border-right:1px solid #c1cbcd; z-index: 10;}
#home .user2 .bannergroup .bannerheader{   display:block; width:686px; height:7px;    background:transparent url(../images/banner-border-top.png) no-repeat center center}
#home .user2 .bannergroup .banneritem{   display:block; width:668px;    padding:1px 9px 20px 9px;    background:transparent url(../images/banner-border-mid.png) repeat-y center center}
#home .user2 .bannergroup .banneritem img{   border:0px none}
#home .user2 .bannergroup .bannerfooter{   display:block; width:686px; height:20px;    background:transparent url(../images/banner-border-bot.png) no-repeat center top}

#sidebar-left{min-height: 275px; padding:10px 0 0 0; background:url(../images/side_bar_bg.png) no-repeat center bottom; margin:0px 0 11px 0; background-color:#F5C12C; width:301px}
#sidebar-left span.separator{color:#005689}

.user5 { padding:0px 0px 0px 15px;}

.user5 {position: relative; margin-top: 10px;  width: 300px;}
.user5 .moduletable{   padding:0px 0px 10px 0;   }
.user5 .moduletable .menu{   padding:0px 10px; margin:0;}
.user5 .moduletable .menu li{   height:40px;    list-style-type:none; padding:0; margin:0 0 -2px 0;    text-decoration:none; color:white;    font-size:18px;    background:transparent url(../images/home-quick-links.png) no-repeat center center}
.user5 .moduletable .menu li a, .user5 .moduletable .menu li span.separator{ letter-spacing: -1px; display:block; width:245px; height:18px;  padding:11px 17px;  text-decoration:none; color:white;  font-size:18px}
.user5 .moduletable .menu li.item-72{ position:relative; top:3px;  margin-bottom:0px;  background-position:center -160px}
.user5 .moduletable .menu li.item-73{ background-position:center 0px}
.user5 .moduletable .menu li.item-74{ background-position:center -120px;  color:#005689}
.user5 .moduletable .menu li.item-74 .separator,
.user5 .moduletable .menu li.item-74 a{ color:#005689}
.user5 .moduletable .menu li.item-75{ background-position:center -80px}
.user5 .moduletable .menu li.item-76{ background-position:center -40px;  margin:0}

.user2{width:685px; float:left;  margin-left:25px}
.user3{width:200px; float:left;  margin-left:25px}
/*background:#eef7f8*/

.user4{padding:0px 0 5px 0;}
.user4 .moduletable ul.menusubmenu{padding:10px; margin:0; }
.user4 .moduletable ul.menusubmenu li{list-style:none; border-top:1px solid #adc0c4; height:29px; margin:0; background:url(../images/side_menu_bg.png) repeat-x top left}
.user4 .moduletable ul.menusubmenu li a,
.user4 .moduletable ul.menusubmenu li span.separator{color:#003e6d; background:url(../images/menu_arrow.png) no-repeat top left; height:29px; display:block; padding:5px 0 3px 35px; font-weight:bold; font-size:14px; text-decoration:none}

.user4 .moduletable ul.menusubmenu li.active{ background:url(../images/side_menu_bg_sel.png); }
.user4 .moduletable ul.menusubmenu li.active span.separator{background:url(../images/menu_arrow_sel.png) no-repeat top left; }

/*.user4 .moduletable ul.menusubmenu li.active.deeper.parent ul li a*/
.user4 .moduletable ul.menu li.active.deeper.parent ul li {background: url(../menu_arrow_sel.png) no-repeat left center; }
.user4 .moduletable ul.menu li.active.deeper.parent .moduletable ul.menusubmenu li.active span.separator{background:url(../images/menu_arrow_sel.png) no-repeat top left; }



.bread{position:absolute; bottom:5px; right:10px; width:665px; text-align:right; margin-right:50px}

.content{width:665px; min-height:500px; margin-right:54px; margin-top:10px; float:right; background-color:white; padding:15px; border:1px solid #cdcdcd; -moz-border-radius:0.5em; border-radius:0.5em}
.content .contentpaneopen{}

.contentpane{clear:both; width:100%; margin:1em 2em; line-height:1.3em; margin:0px 0px 0px 0px; font-size:12px; color:#333}
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4{color:#005689}

.button{padding:0;  color:#000; font-size:85%; text-transform:uppercase}
.button:hover, .button:focus{}
#com-form-login .button{color:black;}

.inputbox{border:1px solid #CCC; background:#FFF}
.inputbox:hover, .inputbox:focus{background:#FFC}

p.error{padding-left:25px; color:#BF0000; background:url(../images/icon-error.gif) no-repeat top left}
p.message{padding-left:25px; color:#069; background:url(../images/icon-info.gif) no-repeat top left}
p.tips{padding-left:25px; color:#EE9600; background:url(../images/icon-tips.gif) no-repeat top left}

.highlight{padding:1px 5px; background:#FFC; font-weight:bold}
p.stickynote{padding:10px 0px 10px 40px; border:1px solid #CACACC; background:url(../images/sticky-bg.gif) no-repeat 5px center #FFF}
p.download{padding:10px 0px 10px 40px; border:1px solid #CACACC; background:url(../images/download-bg.gif) no-repeat 5px center #FFF}

.blocknumber{clear:both; padding:5px 15px 10px; position:relative}

table.blog{}

.article_separator{clear:both; display:block; height:20px}
.article_column{}
.column_separator{padding:0 25px}

td.sectiontableheader{ padding:4px;   border-right:1px solid #fff}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td{ padding:4px}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2{ padding:3px}

table.contentpane{border:none; width:100%}
table.contentpaneopen{border:none; border-collapse:collapse; border-spacing:0}
table.contenttoc{margin:0 0 10px 10px; padding:0; width:35%; float:right}
table.contenttoc a{text-decoration:none}
table.contenttoc td{padding:1px 5px 1px 25px; background:url(../images/bullet-list.gif) no-repeat 5% 50%}
table.contenttoc th{padding:0 0 3PX; border-bottom:1px solid #CCC; text-indent:5px}

table.poll{padding:0; width:100%; border-collapse:collapse}
table.pollstableborder{padding:0; width:100%; border:none; text-align:left}
table.pollstableborder img{vertical-align:baseline}
table.pollstableborder td{padding:4px!important; border-collapse:collapse; border-spacing:0}
table.pollstableborder tr.sectiontableentry1 td{background:#ECECEC}

table.searchintro{padding:10px 0; width:100%}
table.searchintro td{padding:5px!important}

table.adminform{}
.adminform .inputbox{}

.blog_more{padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
.blog_more strong{margin:0 0 5px; display:block; font-size:125%}
.blog_more ul{margin:0; padding:0}
.blog_more ul li{margin:0; padding:0 0 0 17px; background:url(../images/bullet.gif) no-repeat 6px 8px}

.category{font-weight:bold}

h1.componentheading, .componentheading{padding:5px 0 15px; margin:0 0 10px; background:url(../images/hdot.gif) repeat-x bottom}
.componentheading{font-size:200%; font-weight:bold}

.contentdescription{padding-bottom:30px}

h2.contentheading, .contentheading{padding:5px 0 8px; margin:0; font-weight:normal}

table.blog .contentheading{font-size:150%}

.contentheading{font-size:200%}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus{text-decoration:none !important}

a.readon{float:left; margin-top:10px; padding:1px 5px 1px 14px; border:1px solid #F6F6F6; display:block; background:url(../images/arrow.png) no-repeat 5px 48%; color:#069; font-weight:bold; text-decoration:none; text-transform:uppercase}

a.readon:hover, a.readon:active, a.readon:focus{border:1px solid #ECECEC; background:url(../images/arrow.png) no-repeat 5px 48% #FFF}

table.contentpaneopen td, table.contentpane td{}
table.contentpaneopen, table.contentpane, table.blog{width:100%}

/*.moduletable{padding:0} hglatt*/

ul.pagination{margin:15px auto; padding:10px 0; background:url(../images/hdot.gif) repeat-x top}
ul.pagination li{margin:0; padding:0; display:inline; background:none}
ul.pagination li span{padding:2px 5px}
ul.pagination a{padding:2px 5px; border:1px solid #F6F6F6}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{border:1px solid #ECECEC; background:#FFF}

.pagenavbar{padding-left:14px}
.pagenavcounter{padding:8px 14px 0 14px}

.sectiontableheader{padding:8px 5px; background:#444; color:#FFF}
.sectiontableheader a{color:#FFF}

tr.sectiontableentry1 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom}
tr.sectiontableentry2 td{padding:8px 5px; background:url(../images/hdot2.gif) repeat-x bottom #ECECEC}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td{background:url(../images/hdot2.gif) repeat-x bottom #FFC}

.smalldark{text-align:left}

div.syndicate div{text-align:center}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td{background:none}

#system-message div.message,
#system-message div.error,
#system-message div.notice {padding:0; margin:0}
#system-message a.close {display:none}
#system-message div.message,
#system-message div.error,
#system-message div {background:none; padding:5px; margin:0; color:#FFF}
#system-message div.message {background:#069; border:none}
#system-message div.error {background:#BF0000; border:none}
#system-message div.alert {background:#EE9600; border:none}
#system-message div.alert-notice {background:#EE9600; border:none}


.clearfix:after{clear:both; display:block; content:"."; height:0; visibility:hidden}


div.moduletable,
div.moduletable_menu,
div.moduletable_text{padding:0 0 10px; margin-bottom:0px}

.user4 div.moduletable{padding: 0; margin-bottom: -20px;}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3{padding:0 0 8px; margin:0; color:#7BA566; font-size:125%; font-weight:bold; text-transform:uppercase}

div.module h3{margin:0 -15px 10px; padding:8px 15px 5px; border-bottom:2px solid #F6F6F6; color:#7BA566; font-size:125%; font-weight:bold; text-transform:uppercase}

div.moduletable div.leftpanel{float:left; width:45%; height:200px}
div.moduletable div.rightpanel{float:right; width:45%; height:200px; border:1px solid red}
div.moduletable div.rightpanel img{width:100px}

.uniForm{}
.uniForm .ctrlHolder{ margin:0 0 .75em 0}
.uniForm .ctrlHolder:after{ content:"."; display:block; clear:both; height:0; line-height:0; font-size:0; min-height:0; visibility:hidden}
 
.uniForm .inlineLabels label, .uniForm.inlineLabels label{ float:left; width:38%}
.uniForm .inlineLabels .textInput, .uniForm.inlineLabels .textInput, .uniForm .inlineLabels select, .uniForm.inlineLabels select, .uniForm .inlineLabels textarea, .uniForm.inlineLabels textarea{ float:right; width:58%}
 
.uniForm .blockLabels label, .uniForm.blockLabels label{      display:block; margin:0 0 .25em 0}
.uniForm .blockLabels .textInput, .uniForm.blockLabels .textInput, .uniForm .blockLabels select, .uniForm.blockLabels select, .uniForm .blockLabels textarea, .uniForm.blockLabels textarea{      display:block; width:auto}
.uniForm .textInput, .uniForm select, .uniForm textarea{      padding:2px}
.uniForm .inlineLabels .inlineLabel, .uniForm.inlineLabels .inlineLabel, .uniForm .blockLabels .inlineLabel, .uniForm.blockLabels .inlineLabel{      float:none; display:inline; width:auto; margin:0}

.tripplanner{width:270px; margin:0 auto; position: relative;}
.tripplanner ul{position:relative; bottom:-1px; margin:0 auto; width:100%; padding:0; list-style:none; letter-spacing: 0px; border:0px}
/*.tripplanner li{    position:relative; float:left;     margin:0 0 0 3px; padding:0;     background:#e2e4e4 url(../images/yellowbox/border-top.gif) repeat-x top}*/
/*.tripplanner li span{    position:absolute; top:0px; left:0px;     display:block; width:6px; height:23px;     background:transparent url(../images/yellowbox/tab-left.gif) no-repeat top left}*/
.tripplanner li a{color:white; display:block;     padding:5px 0.542em;     text-decoration:none; font-size: 12px}
/*.tripplanner li.active{    background:#ffffff url(../images/yellowbox/border-top.gif) repeat-x top;     z-index:11}*/
.tripplanner li{position:relative; float: left; -webkit-border-radius: 8px 8px 0px 0px;-moz-border-radius: 8px 8px 0px 0px;border-radius: 8px 8px 0px 0px;background-color:#00558C; border-left: 1px solid #F7C329; border-top: 1px solid #F7C329; border-right: 1px solid #F7C329;} 
.tripplanner li.active{position:relative; float: left; -webkit-border-radius: 8px 8px 0px 0px;-moz-border-radius: 8px 8px 0px 0px;border-radius: 8px 8px 0px 0px;background-color:#FFFFFF; border-left: 1px solid #F7C329; border-bottom: 1px solid #F7C329; border-right: 1px solid #F7C329;} 
.tripplanner li.active a{color:#003C6B; display:block;     padding:5px 6.5px;     text-decoration:none; font-size: 12px; }
/*.tripplanner li.active a{    color:#6d4100;     background:transparent url(../images/yellowbox/selected-tab-right.gif) repeat-y top left;  background:transparent url(../images/yellowbox/selected-tab-left.gif) repeat-y top left}
.tripplanner .ctrlHolder{margin:0; border:none; padding:10px 10px 0 10px; clear: left;}
.tripplanner .ctrlHolder.focused{background:none}
.tripplanner .textInput{width:90%; z-index:100; position:relative; border:1px solid #9ac8e2}
.tripplanner .submitButton{cursor:pointer;float:left; width:138px; height:24px; margin-left:43px; padding:0 0 3px 0; text-align:center; background:transparent url(../images/yellowbox/button-bg.gif) no-repeat center center; border:0px none}
.tripplanner  label{font-weight:bold; color:#6d4100}
.tripplanner .formHint{float:none; width:90%; padding:0px 0 0 0; top:0; left:0}
.tripplanner .buttonHolder{padding:10px 0 0 0;background:none; text-align:center; border:none}
.tripplanner p{clear: left; text-align:center; padding:0px; color:#003e6d; line-height:14px}
.tripplanner p.text{text-align:left; padding:0 10px 4px 10px; color:#000}
.tripplanner .help{   float:right;    display:block; width:20px; height:19px;    margin:3px 43px 0 0;    text-indent:-9999px;    background:transparent url(../images/trip-plan-help.gif) no-repeat center center}*/

/* .tripplanner .tab_content{position:relative; clear: left; background:#ffffff url(../images/yellowbox/box-mid.gif) top left no-repeat; padding:20px 10px 10px 10px} */
.tripplanner .tab_content{position:relative; vertical-align: text-top; clear: left; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;background-color:#FFFFFF; padding:20px 20px 10px 10px; border-left: 1px solid #F7C329; border-bottom: 1px solid #F7C329; border-right: 1px solid #F7C329;} 
/*.tripplanner .tab_content div.box-top{    position:absolute; top:0px; left:0px;     width:274px; height:7px;     background:#ffffff url(../images/yellowbox/box-top.gif) top left no-repeat}
.tripplanner .tab_content div.box-bot{    position:absolute; bottom:0px; left:0px;     width:274px; height:7px;     background:transparent url(../images/yellowbox/box-bot.gif) top left no-repeat}
*/
.tripplanner   #school_term{ height:auto; padding-top: 1px; padding-bottom:10px;}
.moduletablecalendar { padding: 0; width: 100%; width:31px; padding: 0;}
.moduletablecalendar .tripplanner{width:274px; margin: 0 auto;  }
.moduletablecalendar .tripplanner .tab_content{padding-top:5px; position:relative; height: 210px; clear: left; background:#ffffff }
.moduletablecalendar .tripplanner .tab_content p.text{}



#systemmap #sidebar-left{display:none;}
#systemmap .content{width:100%; border:none; background:none; padding:0}
#systemmap .routes{width:280px; min-height:593px; margin-top:-10px; float:left; padding:10px 10px; margin-left:54px; background:url(../images/side_bar_bg.png) no-repeat center bottom; background-color:#F5C12C}
#systemmap .moduletablebread{width:650px; float:right}

#rtemenu{position:relative;  width: 250px; height:538px;  margin:0; padding-top:7px; overflow:hidden;  background:transparent url(../images/rte-top.png) no-repeat center top}
#rtecontrol{background:white; width:100%}
#rtecontrol h5{margin:0; padding:0 3px 0 38px; font-size: 110%; cursor: pointer;}
#rtecontrol h5#region_title{cursor: auto;}
#rtecontrol .rtemenu-down{ float:left; display:block; margin-right:8px; }
#rtemenu-region a{ color:black; text-decoration:none;}

/*#rtemenu-full{position:relative; left:0; top:0; margin:0; padding:0 0 9px 0; background:transparent url(../images/rte-bot.png) no-repeat center bottom}*/
#rtemenu-full{position:relative; left:0; top:0; margin:0; padding:0 0 9px 0}
#rtemenu span.alert{border:0px none; float: right; display:block; margin:2px 15px 2px 5px; width:13px; height:12px; background:none;}
#rtemenu .region{background:white}
/*#rtemenu .rgbox{  position:absolute; top:0px; left:280px;    display:none;    width:250px;    padding-bottom:9px;background:transparent url(../images/rte-bot.png) no-repeat center bottom }*/
#rtemenu .rgbox{  position:absolute; top:0px; left:280px;    display:none;    width:250px;    padding-bottom:9px}
#rtemenu  .rgbox.col{   background-image:url(../images/rte-bot-yellow.png)}
#rtemenu .region .rgbox .rgdetails{   display:none}
#rtemenu  .region .rtedetails{   display:none; width:260px;    padding:10px 10px 6px 10px; background:#fef7e0;    border-top:1px solid #dfdfdf}
#rtemenu .region .rtedetails h3{margin:0; padding-bottom:6px}
#rtemenu .region .rtedetails h4, #rtemenu .region .rtedetails dt{margin:0; padding:0 0 4px 16px; color:#005689; font-weight:bold; text-transform:uppercase; position: relative;}
#rtemenu .region .rtedetails dt{background:transparent url(../images/alert.gif) no-repeat left 1px}
#rtemenu .region .rtedetails dl{margin:0}
#rtemenu .regiontitle, #rtemenu .rgcontainer{ padding:2px 15px 2px 10px;  margin:0;   background:white; position: relative;}
#rtemenu .region h4 span.route_range {display: block; width: 50px; float: left; cursor: pointer; }
#rtemenu .region h4 a{text-decoration: none;}
#rtemenu .region h4 a:hover{color:#7A9AB3;}
#rtemenu .rgcontainer{ display:block; position:relative;}
.MapOptions{margin-top: 40px;}

#rtemenu .bottom{background-color: white; padding: 0 0 0 10px;}
#rtemenu .regiontitle:hover, .rgcontainer:hover{ color:#7A9AB3}
#rtemenu .regiontitle.selected, .rgcontainer.selected{ color:#003E6D}
#rtemenu .rgcontainer a{text-decoration: none;}
#rtemenu .rgcontainer.active{background-color: #E2E4E4;}


#rtehints{ display:none; position:absolute; padding:10px;  background:white; border:1px solid black}
#rtehints h4{margin:0; padding:4px 0 2px 0}

/* System map new route selection styles */
.current-step{ background-color:#F7C329;}
.completed-step{ background-color:#D4DFE1;}
.completed-step p{ 
	filter:blur(2px);
	-webkit-filter:blur(2px);  /* Safari */
	opacity:0.5;}
.upcoming-step{ background-color:#A3CCFF;}
 
/*System map styles*/
.systemmap .map{ float:right; }
.systemmap .map_sched_header{ width:374px; margin:0; padding:0px 0; float:left;   font-size:16px;    font-weight:normal;}
.systemmap .map_sched_header span{    font-size:28px;}
.systemmap .map_sched_header span.rte{padding-top: 12px; float: left; display: block; width: auto; margin-right: 5px; }
.systemmap .map_sched_header span.supertitle{  font-size: 75%;}
.systemmap .map_sched_header span.alerts{  font-size: 75%; color: #000000; float:left; margin-top:5px;}
.systemmap .map_sched_header img{ width: 16px; height: 16px}

/*##replaced by the below styles
.systemmap ul.tabs{position:relative; display: block; bottom:-1px; margin:0 auto; width:98%; padding:0; list-style:none; letter-spacing: -1px;}
.systemmap ul.tabs li{    position:relative; float:left;     margin:0 0 0 3px; padding:0;     background:#e2e4e4 url(../images/yellowbox/border-top.gif) repeat-x top}
.systemmap ul.tabs li span{    position:absolute; top:0px; left:0px;     display:block; width:6px; height:22px;     background:transparent url(../images/tab-left.png) no-repeat top left}
.systemmap ul.tabs li a{ font-size:12px;   display:block;     padding:3px 5px;     text-decoration:none;     background:transparent url(../images/tab-right.png) no-repeat top right}
.systemmap ul.tabs li.active{    background:#EEF7F8 url(../images/yellowbox/border-top.gif) repeat-x top;     z-index:11}
.systemmap ul.tabs li.active a{    color:#6d4100;     background:transparent url(../images/selected-tab-right.png) no-repeat top right}
.systemmap ul.tabs li.active span{     background:transparent url(../images/selected-tab-left.png) no-repeat top left}
.systemmap ul.tabs .plain-right{    background:transparent; position:relative; left:-15px;}
.systemmap ul.tabs .plain-right a{    background:transparent;}
*/
.systemmap ul.tabs { position:relative; display: block; bottom:-1px; margin:0 auto; width:98%; padding:0; list-style:none;}
.systemmap ul.tabs li { position:relative; float:left; margin:0 0 0 3px; padding:0; background:#00558C; border-radius:8px 8px 0 0; border:none;}
.systemmap ul.tabs li a { color:#FFFFFF; display:block; padding:3px 5px; text-decoration:none;}
.systemmap ul.tabs li.active { background-color:#FFFFFF;}
.systemmap ul.tabs li.active a { color:#003C6B; font-weight:700;}
	
.systemmap .map .map_container{
width:665px; clear:both; min-height:582px; background-color:white; padding:0 15px 20px 15px; border:1px solid #cdcdcd; border-top-style:none;
-moz-border-radius:0.5em; border-radius:0.5em
}
.schedule .map_container{ height: auto;}
.systemmap .map .map_container  #map{height:500px;}
.map_container .route_details{ position: relative; height: 90px; }

/* Schedules Header*/
.systemmap .schedule .map_container .route_details{display: block;  height: 90px; position: relative; }
.map_container .route_details {font-size: 10px; width: 100%; padding:10px 0 5px 0;}
h4.route_booking{ color:#003C6B; padding: 0;margin:0; position: absolute; right: 60px; text-align: right;}
.map_container .route_details  .icons{ float: right; text-align: right; margin: 10px 10px 0 0; width: 25%;}

/*Calendar styles*/
table.calendar { width:100%; padding:0; margin:0; border-left:1px solid #A2ADBC; color:#616B76; text-align:center; background-color:#fff}
table.calendar caption{margin:0; padding:2px; background:#005689; color:#fff;text-align:center}
table.calendar caption span{display: inline; color: #fff;}
table.calendar caption span.calendar-prev{float: none; margin-right: 25px;}
table.calendar caption span.calendar-next{float: none; margin-left: 25px;}
table.calendar td{border-right:1px solid #A2ADBC; border-bottom:1px solid #A2ADBC; width:20px; height:20px; text-align:center;}
table.calendar th{background:#F5C12C; border-right:1px solid #A2ADBC; border-bottom:1px solid #A2ADBC; border-top:1px solid #A2ADBC}
table.calendar td.weekend{background-color: #F5C12C;}
table.calendar td.no-service{background-color: gray; color: white;}
table.calendar td span.today{color: green; }

/* The actual schedule tabs*/
.systemmap .schedule{ float: right; }
.systemmap .schedule .map_container{width:665px; position: relative; clear:both; min-height:570px; background-color:white; padding:0 15px 0 15px; border:1px solid #cdcdcd; -moz-border-radius:0.5em; border-radius:0.5em}
.systemmap .schedule ul.tabs{display: block; position: relative; }
ul#schedule_tabs{position:relative; clear:both; z-index: 0;  margin:0 auto; width:98%; padding:0; list-style:none;}
ul#schedule_tabs li{ position:relative; float:left;     margin: 0px 0 -1px 3px; padding:0;     background:#00558C}
ul#schedule_tabs li span{    position:absolute; top:0px; left:0px;     display:block; width:6px; height:25px;     background:transparent }
ul#schedule_tabs li a{    display:block;     padding:4px 5px;     text-decoration:none;     background:transparent }
ul#schedule_tabs li.active{    background:#F5C12C }
ul#schedule_tabs li.active a{ color:#003C6B; font-weight:700;}
ul#schedule_tabs .plain-right{    background:transparent; float:right;}
ul#schedule_tabs .plain-right a{    background:transparent;}
.systemmap.wide{width: 1140px}

.map.systemschedule .map_container .mapContainer{display: none; border: 1px solid #F7C329; border-top: 2px solid #F7C329; background-color: #ffff; clear: both; position: relative; padding-top: 10px; z-index:10; margin-top:1px;}
.map.systemschedule .map_container .scheduleContainer{border: none;  position: relative;}
.map.systemschedule .map_container .scheduleContainer .departure-letters td{  padding: 4px 0 4px 0;  background-image:url(../images/departure-letter-bg.png);    background-repeat:no-repeat;    background-position: center 3px;    line-height:18px;    color:white; background-color: #F5C12C;  border-top: 4px solid #005689;}
.map.systemschedule .map_container .scheduleContainer .slim{ width: 1%; text-align: center; font-size: 10px; }
.map.systemschedule .map_container .scheduleContainer .slim.wide{ width: 17%;  }
.map.systemschedule .map_container .mapContainer #route_alerts{display: none;}
.map.systemschedule .map_container .mapContainer .servicealerts{width: 93%; margin: 0 auto;}

#info_message {margin-top: 10px; font-size: 90%;}
#schedule_table{    font-size:10px;}

.rgcontainer div{clear:both; padding:2px}
.rgcontainer span{border:1px solid black; width:16px; display:block; float:left}

.rgcontainer .color{display:block; position:absolute; right:5px; top:0px; margin:0px; width:6px; height:100%; border:0px none; border-top:1px solid white; opacity:0.6;}

.region-color {position:absolute; right:5px; top:0px; margin:0px; width:6px; height: 100%; display: block;  border:0px none; border-top:1px solid white; opacity:0.6;}

.Rt_Dark_Blue, .Rt_Dark_Blue_Hi{background-color:#004DA8;}
.Rt_Light_Blue, .Rt_Light_Blue_Hi{background-color: #00C5FF;}
.Rt_Brown , .Rt_Brown_Hi{background-color: #800000;}
.Rt_Dark_Green, .Rt_Dark_Green_Hi{background-color:#006400;}
.Rt_Light_Green, .Rt_Light_Green_Hi{background-color:#32CD32}
.Rt_Light_Brown, .Rt_Light_Brown_Hi {background-color:#A0522D;}
.Rt_Teal, .Rt_Teal_Hi{background-color:#008080;}
.Rt_Pink, .Rt_Pink_Hi{background-color:#FF1493;}
.Rt_Rose_Hi , .Rt_Rose{background-color:#FF69B4}
.Rt_Red_Hi, .Rt_Red{background-color:#E60000;}
.Rt_Purple, .Rt_Purple_Hi{background-color:#800080;}
.Rt_Orchid, .Rt_Orchid_Hi {background-color:#BA55D3;}

.Rt_Info{color:#0000DC; padding:2px 4px 2px 4px; background-color:#FFF}

table.holidays{  font-size: 12px;  margin: 0px;  width: 100%;  text-align: left;  border-collapse: collapse;}
table.holidays th{   font-size: 13px;  font-weight: normal;  padding: 8px;  background-color: #F5C12C;  border-top: 4px solid #005689;  border-bottom: 1px solid #fff;  color: #039;}
table.holidays td{padding: 8px;  background: #EEF7F8;   border-bottom: 1px solid #fff;  color: #669;  border-top: 1px solid transparent;  }

  
table.schedule{  z-index: 10;  font-size: px;  margin:0;  width: 100%;  text-align: left;  border-collapse: collapse;}
table.schedule th{   font-size: 12px;  font-weight: normal;  padding: 4px;  background-color: #F5C12C;   border-bottom: 1px solid #fff;  text-align: center;  color: #039;}

table.schedule td{padding: 2px;  background: #EEF7F8;   border-bottom: 1px solid #fff;  color: #669;  text-align: center;  border-top: 1px solid transparent;  }
table.schedule tbody th{padding: 2px;  background: #EEF7F8;   border-bottom: 1px solid #fff;  color: #669;  text-align: center;  border-top: 1px solid transparent;  }
table.schedule tr.odd td{background: none;}
table.schedule tbody tr.odd th{background: none;}
table.schedule th.notes{ text-align: left; background-color: #EEF7F8;}
table.schedule td.notes{text-align: left; padding: 2px 5px;}
table.schedule th.st_notes{background-color: #005689; color: white; text-align: center;}
table.schedule th .reallySmall{font-size:9px;}
.note_id {font-size:8px; vertical-align:top; font-weight: bold;}

.servicealerts{min-height:200px; padding:0; margin: 0;}
.servicealerts{width: 99%; }
.servicealerts .type{width: 100%; background: #E2E4E4; padding: 5px 4px 10px 4px; border:1px solid #cdcdcd; }
.servicealerts .type h4{padding: 0; margin: 2px 0 0 25px;}
.servicealerts .alert{padding: 5px; width: 100%;}
.servicealerts .alert ul{margin-left: 10px;}
.servicealerts .alert p{padding: 0 0 5px 0px;}
.servicealerts .alert.odd{background: #EEF7F8;}
.servicealerts .alert .affected{    font-size:90%;  position:relative; top:-6px;  padding:0; margin:0;}
.accord{display:none;}

table.metrotable  { width: 100%;}
table.metrotable  tr.tableHeader th{background-color: #003e6d; color: white; font-weight: strong; letter-spacing: 0px; text-align: center; padding: 3px}
table.metrotable  tr.subheaders th{background-color:  #f5c62d; border: none; color: #003e6d; text-align: center; padding: 3px; line-height: 12px;}
table.metrotable tr.subheaders td.dim{background:#f8d86e;}
table.metrotable  tr.subheaders td p{padding: 0px; margin: 0; }
table.metrotable  tr th.rowHeader {background-color:  #f5c62d; border: none; color: #003e6d; text-align: center; padding: 10px; line-height: 12px;}
table.metrotable  tr th.corner {background-color:  #009ED6; border: none; color: #003e6d; text-align: center; padding: 10px; line-height: 12px;}
table.metrotable td{ border: 0px solid #a0baca; background: #eef7f8; padding: 5px}
table.metrotable td.dim{background:#D6DFE7;}

.holidays .odd td{ background:#e5eff0;}

.schoolcalendar {}
.schoolcalendar .calendar-section{ border:0; padding-left:5px; padding-bottom:5px; width:100%}
/* line above covers this: .schoolcalendar .calendar-section.odd { border:0; padding-left:5px; padding-bottom:5px; width:100%}*/
/*.schoolcalendar .calendar-section.odd{ background:#e5eff0; width:252px; padding:10px; position:relative; left:-9px;}*/
.schoolcalendar .title{text-align: center; width: 100%; background: #f4c453; padding: 4px 0 4px 0;}
.schoolcalendar .title h3{margin-top:5px; margin-bottom:5px;}
.schoolcalendar .title strong{color:#005689; font-size: 11px; line-height:12px; }
.schoolcalendar .routes{ position:relative; top:-2px; font-size:10px; background: #fced98; color:#005689; text-align: center; padding: 4px 0 4px 0; line-height: 14px;}
.schoolcalendar table{width: 100%; background: white; margin-top:0px; border-spacing: 2px 2px;}
.schoolcalendar table th{ text-align: left; text-decoration: none; font-weight:bold; color:black; font-size: 10px; padding: 0 5px 0 5px;}
.schoolcalendar table td{ font-size: 10px; vertical-align: top;  padding: 0 5px 0 5px;}
.schoolcalendar table tr:nth-child(even) {background: #deeafe}

.schoolcalendar .blue-footer{font-weight:bold; width:96%; padding:5px 5px; position:relative; left:5px;}

.blue-footer{ color:white !important; background:#005689 !important; font-size:10px;line-height:11px !important; font-weight:bold; }
.filter{ float: right; width: 100%; color: #336699;}
.filter .filter_field{ float: left; padding:0 15px 5px 0; position: relative; margin-top: 5px;}
.filter .filter_field select{font-size: 11px; border: 1px solid #8fabc4;color: #336699; padding: 2px;}
.filter .filter_field .button{ color: #336699;}

.booking-info {    background:#f2f2f2; color:#333; font-size:10px; padding:5px; margin:4px 0; width:100%;}
.booking-info big{    color:black; font-size:15px; padding:0 2px 0 0; font-weight:bold;}

/* Popup Calendar */
#colorbox .calendar{    margin-top:1px;    border:0px none;}
#colorbox .calendar  caption{    margin-top:10px;    padding:4px;}
#colorbox .calendar a, #colorbox .calendar a:link{    color:#F5C12C;}
#colorbox .calendar a:hover{    color:white;}
#colorbox .calendar  th{    border:0px none; padding:6px 3px; }
#colorbox .calendar  td{    border:0px none;    padding:10px 0;    background:#EEF7F8; width:14.2%; border-top:1px solid white;}
#colorbox .calendar  tr.slim  td{ width: 10px; padding: 0; text-align: left;}
#colorbox .calendar  td.empty, #colorbox .calendar .odd  td.empty{    background:white;}
#colorbox .calendar  td.weekend{background-color: #F5C12C;}
#colorbox .calendar  td.holiday{background-color: #FB71A0;}
#colorbox .calendar  td.no-service{background-color: gray; color: white;}
#colorbox .calendar  td.no-ST-service{background-color: blue; color: white;}
#colorbox .calendar  td.weekday-today{color:#55aa88; font-weight: strong; font-size: 150%; }
#colorbox .calendar  td.weekend-today{background:#F5C12C; color:#55aa88; font-weight: strong; font-size: 150%; }
#colorbox .calendar  td.holiday-today{background: #FB71A0; color:#55aa88; font-weight: strong; font-size: 150%; }
#colorbox .calendar  td.no-service-today{background-color: gray; color:#55aa88; font-weight: strong; font-size: 150%; }
#colorbox .calendar  td.no-ST-service-today{background-color: blue; color:#55aa88; font-weight: strong; font-size: 150%; }

#colorbox .calendar .odd  td {background:#EEF7F8;}
#colorbox .calendar .odd  td.weekend{    background:#F5C12C;}
#colorbox .calendar .odd  td.no-service{background-color: #909090; color: white;}


a.nodisplay{display: none;}

/* Standard big (size-emphasised) text: */
em.big {
font-style:normal;
font-size:1.5em;
font-weight:bold;
}

/*---- COM_STOP ----*/
/* stop component custom styles */
span.timepoint-letter {color: white; background: #003e6d; position:relative; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px; border-left: 1px solid #003e6d; border-bottom: 1px solid #003e6d; border-right: 1px solid #003e6d; padding: 2px 4px 2px 4px;}
/* stay broke */
td.timepoint-row {color: white; background-color: #009ED6;}
/* cell with a trip that has already passed" */
td.past {color: red;}

/* image tiles for search features */
button.no-style {
background:none;
border:none;
cursor:point;
}

button.sbs-search-tile {
background:none;
border:none; 
/* padding:0!important; */
/* font: inherit; */
cursor: pointer;
width:100px;
height:110px;
display:inline;
float:left;
text-align:center;
margin-left:3px;
margin-right:3px;
-webkit-border-radius:8;
-moz-border-radius:8;
border-radius:8px;
}
button.selected-tile {background-color:#003A70;}
button.selected-tile span {color:#F7C329}
button.sbs-search-tile img {margin-left:auto; margin-right:auto; margin-top:5px;}
button.sbs-search-tile:hover span, button.sbs-search-tile:focus span {color:#FFFFFF;}
button.sbs-search-tile:hover, button.sbs-search-tile:focus {background-color:#0098D7;}
button.sbs-search-tile:focus {outline:0;}
/* next two lines make hovering over a selected tile not change color */
button.selected-tile:hover, button.selected-tile:focus {background-color:#003A70;}
button.selected-tile:hover span, button.selected-tile:focus span {color:#F7C329;}

div#search-options {float:left;}
img#loading-graphic {margin-left:10px;}


.plain-btn {
background: #DDDDDD;
background-image: -webkit-linear-gradient(top, #DDDDDD, #CCCCCC);
background-image: -moz-linear-gradient(top, #DDDDDD, #CCCCCC);
background-image: -ms-linear-gradient(top, #DDDDDD, #CCCCCC);
background-image: -o-linear-gradient(top, #DDDDDD, #CCCCCC);
background-image: linear-gradient(to bottom, #DDDDDD, #CCCCCC);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
font-family: Arial;
color: #000000;
font-size: 12px;
padding: 5px 15px 5px 15px;
text-decoration: none;
}

/* custom button style */
.btn{
background: #0098D7;
background-image: -webkit-linear-gradient(top, #0098D7, #003C72);
background-image: -moz-linear-gradient(top, #0098D7, #003C72);
background-image: -ms-linear-gradient(top, #0098D7, #003C72);
background-image: -o-linear-gradient(top, #0098D7, #003C72);
background-image: linear-gradient(to bottom, #0098D7, #003C72);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
font-family: Arial;
color: #ffffff;
font-size: 12px;
padding: 5px 15px 5px 15px;
text-decoration: none;
}

.btn a {
font-family: Arial;
color: #ffffff;
font-size: 12px;
text-align:  center;
text-decoration: none;
}

.btn:hover {
background: #69d7ff;
background-image: -webkit-linear-gradient(top, #69d7ff, #2877bd);
background-image: -moz-linear-gradient(top, #69d7ff, #2877bd);
background-image: -ms-linear-gradient(top, #69d7ff, #2877bd);
background-image: -o-linear-gradient(top, #69d7ff, #2877bd);
background-image: linear-gradient(to bottom, #69d7ff, #2877bd);
text-decoration: none;
color: #ffffff;
}

.btn2 {
background: #00638a;
background-image: -webkit-linear-gradient(top, #00638a, #003869);
background-image: -moz-linear-gradient(top, #00638a, #003869);
background-image: -ms-linear-gradient(top, #00638a, #003869);
background-image: -o-linear-gradient(top, #00638a, #003869);
background-image: linear-gradient(to bottom, #00638a, #003869);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
font-family: Arial;
color: #ffffff;
font-size: 12px;
padding: 5px 15px 5px 15px;
text-decoration: none;
}

.btn2 a {
font-family: Arial;
color: #ffffff;
font-size: 12px;
text-align:  center;
text-decoration: none;
}

.btn2:hover {
background: #4c99b5;
background-image: -webkit-linear-gradient(top, #4c99b5, #1d5382);
background-image: -moz-linear-gradient(top, #4c99b5, #1d5382);
background-image: -ms-linear-gradient(top, #4c99b5, #1d5382);
background-image: -o-linear-gradient(top, #4c99b5, #1d5382);
background-image: linear-gradient(to bottom, #4c99b5, #1d5382);
text-decoration: none;
color: #ffffff;
}

.grayBtn {
background: #c2c2c2;
background-image: -webkit-linear-gradient(top, #c2c2c2, #6e6e6e);
background-image: -moz-linear-gradient(top, #c2c2c2, #6e6e6e);
background-image: -ms-linear-gradient(top, #c2c2c2, #6e6e6e);
background-image: -o-linear-gradient(top, #c2c2c2, #6e6e6e);
background-image: linear-gradient(to bottom, #c2c2c2, #6e6e6e);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
color: #ffffff;
padding: 1px 7px 1px 7px;
text-decoration: none;
}

.blueBtn {
background: #00638a;
background-image: -webkit-linear-gradient(top, #00638a, #003869);
background-image: -moz-linear-gradient(top, #00638a, #003869);
background-image: -ms-linear-gradient(top, #00638a, #003869);
background-image: -o-linear-gradient(top, #00638a, #003869);
background-image: linear-gradient(to bottom, #00638a, #003869);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
color: #ffffff;
padding: 1px 7px 1px 7px;
text-decoration: none;
}

.goldBtn {
background: #fac000;
background-image: -webkit-linear-gradient(top, #fac000, #fda400);
background-image: -moz-linear-gradient(top, #fac000, #fda400);
background-image: -ms-linear-gradient(top, #fac000, #fda400);
background-image: -o-linear-gradient(top, #fac000, #fda400);
background-image: linear-gradient(to bottom, #fac000, #fda400);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
color: #ffffff;
padding: 1px 7px 1px 7px;
text-decoration: none;
}

.blue-banner {
	background: #0098D7;
background-image: -webkit-linear-gradient(top, #0098D7, #003C72);
background-image: -moz-linear-gradient(top, #0098D7, #003C72);
background-image: -ms-linear-gradient(top, #0098D7, #003C72);
background-image: -o-linear-gradient(top, #0098D7, #003C72);
background-image: linear-gradient(to bottom, #0098D7, #003C72);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
font-family: Arial;
color: #ffffff;
font-size: 12px;
padding: 5px 15px 5px 15px;
text-decoration: none;
}
.blue-banner a:link {
	color:#FFFFFF;
}
.blue-banner a:visited {
	color:#FFFFFF;
}
.blue-banner a:hover  {
	color:#FFFFFF;
}

/* Offscreen navigation style */
.offscreen {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.absolute-top-left {
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	overflow:visible;
	background-color:#FFFFFF;
	z-index:1000;
}

.absolute-top-left ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.absolute-top-left ul li a {
	text-decoration:none;
	padding:5px 10px;
	background-color:#BBBBBB;
	display:block;
}

.absolute-top-left ul li a:hover, .absolute-top-left ul li a:focus {
	background-color:#4c99b5;
}