/*
For the API area


*/
.api_icon{padding-right: 5px}
.api_app{float:left;width:400px}
.api_app_odd{width:765px;background:#eee;border:1px #cccccc solid;margin-bottom:7px;padding:5px}
.api_app_even{width:765px;background:#fff;border:1px #cccccc solid;margin-bottom:7px;padding:5px}
.api_news{float:left;width:400px}
.api_news_odd{width:765px;background:#dff1fa;border:1px #cccccc solid;margin-bottom:7px;padding:5px}
.api_news_even{width:765px;background:#eee;border:1px #cccccc solid;margin-bottom:7px;padding:5px}
.ajax-not-loading-small {display:none;}
.ajax-loading-small {display:inline;margin:5px; float:right; height:16px; width:16px; background:url(/images/spinners/spinner3.gif) no-repeat center;}
.ajax-loading {display:inline;margin-left:10px; float:left; height:29px; width:40px; background:url(/images/spinners/spinner3.gif) no-repeat center;}



#tour{height:264px;overflow:hidden}
#tour .wrap{width:10000px}
#tour .frame{float:none;margin-right:40px;width:749px;overflow:hidden}
html>body #tour .frame{float:left}
#tour .desc{float:left;width:340px;margin:10px 0 0}
#tour .desc p strong{font-weight:400;background-color:#EFA}
#tour h1{font-size:1.5em;font-weight:bold; line-height:1.7em}
#tour .img{float:right}
#tour .img img{display:block;margin-top:10px;padding:0px;border:5px solid #e0f1fa}
.tour-nav{background-color:#E1F1FA;border-top:1px solid #FFF;border-bottom:1px solid #C7D5E1;height:1%}
.tour-nav ul{font-size:.95em;overflow:hidden;margin:0 36px;padding:.5em 0}
.tour-nav li{float:left;list-style:none;width:19.9%;margin:0;padding:0}
.tour-nav li a{display:block;line-height:1.3;height:32px;border-bottom:0px;border-left:1px solid #C7D5E1;margin:0;padding:.5em 1em .5em .5em}
.tour-nav li a:link,.tour-nav li a:visited{color:#39C;text-decoration:none}
.tour-nav li a.active:link,.tour-nav li a.active:visited{background-color:#ECFFDC;text-decoration:none}
.tour-nav li a:link strong,.tour-nav li a:visited strong{border-bottom:1px dotted #9CC}
.tour-nav li a:hover strong{color:#069;text-decoration:none}
.tour-nav li a.active:link strong,.tour-nav li a.active:visited strong{color:#000;background-color:#ECFFDC;border:0}
body{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:0.85em; line-height:1.4em; color:#000; margin:0px 0px 0px 0px; padding:0; background:#e3e3e3}
h1{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:1.7em; font-weight:bold; line-height:1.9em}
#header{background:#fff; width:800px; height:120px; margin:15px auto 15px auto; position:relative}
#header a{border-bottom:none; background:#fff}
#banner{width:800px; height:90px; margin:10px auto 10px auto; position:relative; text-align:center}
#content{width:800px; background:#fff; overflow:hidden; position:relative; margin:10px auto 10px auto}
#footer{margin:10px auto 10px auto; position:relative; background:#fff; clear:both; width:800px;     padding-top:5px;     padding-bottom:5px; line-height:1.5em; text-align:center}
#tla{margin:10px auto 10px auto; position:relative; clear:both; width:800px;     padding-top:5px;     padding-bottom:5px; line-height:1.5em; text-align:center}
#box1{  float:left;   width:233px;   display:inline;   background:#ececec;   padding:10px}
#box2{  float:left;   width:233px;   padding:10px;   margin-left:10px;   background:#ececec;   display:inline}
#box3{  float:left;   width:233px;   background:#ececec;   padding:10px;   margin-left:10px;   display:inline}
#api_box1{  float:left;   height:230px;  width:459px;   display:inline;   background:#ececec;   padding:10px}
#api_box2{  float:left;   height:230px;  width:270px;   padding:10px;   margin-left:10px;   background:#ececec;   display:inline}
#header img{margin-top:10px; padding-left:5px; padding-top:5px}
.clearer{clear:both}
.inside{padding:10px 10px 10px 10px}
img{border:0}
.floatleft{float:left; margin:0px 10px 10px 0px}
.icon{vertical-align:text-bottom; padding-right: 5px}
table.center{margin-left:auto; margin-right:auto}
.alert{background:#fff6bf url(/images/icons/help.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324}
.alertfailure{background:#fff6bf url(/images/icons/exclamation.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324}
.alertsuccess{background:#fff6bf url(/images/icons/tick.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324}
legend{font-weight:bold}
.buttons a, .buttons button{ display:block;  float:left;  margin:0 7px 0 0;  background-color:#f5f5f5;  border:1px solid #dedede;  border-top:1px solid #eee;  border-left:1px solid #eee;  font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;  font-size:100%;  line-height:130%;  text-decoration:none;  font-weight:bold;  color:#565656;  cursor:pointer;  padding:5px 10px 6px 7px}
.buttons button{ width:auto;  overflow:visible;  padding:4px 10px 3px 7px}
.buttons button[type]{ padding:5px 10px 5px 7px;  line-height:17px}
.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important;  padding:0;  border:none;  width:16px;  height:16px}
button:hover, .buttons a:hover{ background-color:#dff4ff;  border:1px solid #c2e1ef;  color:#369}
.buttons a:active{ background-color:#6299c5;  border:1px solid #6299c5;  color:#fff}
button.positive, .buttons a.positive{ color:#529214}
.buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2;  border:1px solid #C6D880;  color:#529214}
.buttons a.positive:active{ background-color:#529214;  border:1px solid #529214;  color:#fff}
.buttons a.negative, button.negative{ color:#d12f19}
.buttons a.negative:hover, button.negative:hover{ background:#fbe3e4;  border:1px solid #fbc2c4;  color:#d12f19}
.buttons a.negative:active{ background-color:#d12f19;  border:1px solid #d12f19;  color:#fff}
a:link, a:visited{border-bottom:1px solid #003E6A; color:#005b9d; padding-bottom:0pt; text-decoration:none}
a:hover{background-color:#ABCFEA; color:#005b9d; text-decoration:none}
#nav{color:#005b9d; width:auto; margin:0 auto; height:10px}
#nav ul{color:#005b9d; text-align:right; padding:0; list-style-type:none; position:absolute; right:10px; top:85px; margin:0}
#nav li{color:#005b9d; display:inline}
#nav a:link, #nav a:visited{color:#005b9d; font-weight:bold; text-decoration:none; margin:0 0 0 10px; display:block; float:left}
.navmenuicon{vertical-align:text-bottom; padding-right: 2px; border-bottom:none}
div#menu{height:29px; border-bottom:1px solid #ccc; margin-bottom:10px}
ul#navlist, ul#navlist li{list-style-type:none; margin:0; padding:0}
ul#navlist{width:100%}
ul#navlist li{float:left; margin-right:4px; text-align:center}
ul#navlist a{float:left; padding:5px; background:#E7F1F8; text-decoration:none; color:#666; border-bottom:none}
ul#navlist a:hover{background:#005B9E; color:#FFF; border-bottom:none}
ul#navlist li.activelink a, ul#navlist li.activelink a:hover{background:#BBD9EE; color:#003; border-bottom:none}
.success{color:#529214}
.failure{    color:#d12f19}
.messagefail{background:#fff6bf url(/images/icons/cross.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324}
.messagesuccess{background:#fff6bf url(/images/icons/tick.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324}
.image_center{text-align:center;margin:0 auto;}
td.odd{background:#eee}
table {
        width:90%;
        border-top:1px solid #e5eff8;
        border-right:1px solid #e5eff8;
        margin:1em auto;
        border-collapse:collapse;
        }

tr.odd td       {
        background:#f7fbff
        }
tr.odd  {
        background:#f4f9fe;
        }
td {
        color:#678197;
        border-bottom:1px solid #e5eff8;
        border-left:1px solid #e5eff8;
        padding:.3em 1em;
        }
th {
        font-weight:normal;
        color: #678197;
        text-align:left;
        border-bottom: 1px solid #e5eff8;
        border-left:1px solid #e5eff8;
        padding:.3em 1em;
        }
thead th {
        background:#f4f9fe;
        text-align:center;
        font:bold 1.2em/2em;
        color:#66a3d3
        }