@charset "utf-8";
html {font-size:100%;}

body {color:#000;
	font: 12px Verdana, Tahoma, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background: #000;
	position:relative;
	overflow-x:hidden;
}


* {margin:0; padding:0;}
/*
* html img, * html div, * html ul ul, * html span{behavior: url(iepngfix.htc);}
li { behavior: url('IEmenus.htc'); }
*/

input{ margin:0; padding:0;}

a { outline: none;}
a img, img{border:none; text-decoration:none; display:block;}
a:link {color: #22a7c3;text-decoration: none;}	
a:visited {text-decoration:none; color: #22a7c3;}	
a:hover {text-decoration:underline; color:#1897b2;}	
a:active {text-decoration: none;color: #1897b2;}
.titleColor{color: #94c10e;}

ul{list-style:none;}

.italic {font-style:italic;}
.bold { font-weight:bold; }

.clr {clear:both;}
.clrIE { clear:both; display:inline;}
.hide { display: none; }
.fltLft {float:left; }
.fltRgt {float:right; }
.alignRgt{text-align:right;}
.hide{display:none;}
.alignLft{ text-align:left;}
.alignRgt{ text-align:right;}
.alignCenter{ text-align:center;}

h1{color:#98b21b; font:bold 28px 'Lucida Sans',Verdana, Helvetica, sans-serif; line-height:28px; margin:0; padding:0px 0px 12px 0px;}
h2{color:#98b21b; margin:0; padding:0px 0px 1px 0px; font:bold 24px 'Lucida Sans',Verdana, Helvetica, sans-serif; line-height:24px;}
h4{color:#98b21b; font:bold 18px 'Lucida Sans',Verdana, Helvetica, sans-serif; line-height:18px; margin:0; padding:9px 0px 7px 0px;}
h3{color:#008eaf; margin:0; padding:4px 0px 10px 28px; font:bold 22px 'Lucida Sans',Verdana, Helvetica, sans-serif; background:url(../images/icon_star.gif) left top no-repeat; line-height:22px;}
.nobg{ background-image:none; padding-left:0px;}
.titleBlue{color:#008eaf;}

p{padding:0px 0px 20px 0px; letter-spacing:0.03em; }
b{color:#000;}

.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.noPadTop{ padding-top:0px !important;}

.box {height:auto;width:auto; margin:0; padding:0;}
#OutterContainer{ height:100%; width:100%; padding:0; margin:0px auto; border-bottom:10px #000000 solid; background:#3cc0dc;}
#container{ height:100%; width:1008px; padding:0px 0px; margin:0 auto; background:url(../images/bg_landscape.gif) center bottom no-repeat;}
.bgBodyContainer{ width:1008px; background:url(../images/bg_body.gif) top repeat-y;}
.bgTopContainer{ width:1008px; background:url(../images/bg_top.gif) top no-repeat;}
.bgBottomContainer{width:1008px; height:199px; background:url(../images/bg_bottom.gif) top no-repeat;}

.bgLftContainer{width:1008px; background:url(../images/bg_lft.gif) left 150px no-repeat;}
.bgRgtContainer{width:1008px; background:url(../images/bg_rgt.gif) right 150px no-repeat;}
.bgContainer{width:1008px; min-height:500px; padding:0px 0px 0px 0px;}

/*------------------header----------------------------*/
#head{width:900px; padding:0px 54px 0px 54px; position:relative; height:306px;}

.tagLine{ position:absolute; top:110px; left:107px; z-index:1;}
.logo{ width:186px; height:152px; padding:57px 91px 25px 66px; position:absolute; left:334px; top:0px; background:url(../images/logo_sign.jpg) no-repeat;}
.shareTop{background:url(../images/share_top.jpg) center top no-repeat; padding-top:150px; display:block;}

.signLink{background:url(../images/i_need_status.gif) left top no-repeat; width:184px; height:151px; display:block;}
/*.signLink:hover{ background-position:left bottom;}*/
.dialogBox{width:184px; height:97px; padding:16px 18px 18px 35px; position:absolute; right:108px; bottom:20px; background:url(../images/dialog_box.gif) no-repeat; text-align:center; z-index:2;}

#navi { height:57px; width:577px; background: url(../images/bg_navi.gif) no-repeat; position:absolute; left:70px; bottom:28px; z-index:2;}

.topNavi{color:#fff;list-style:none; height:31px; padding:10px 0px 2px 40px; width:577px;}
.topNavi li {margin:0px 48px 0px 0px; float:left; position:relative;}
.topNavi li a.btn1{ width:49px; background: url(../images/navi_home.gif) left top no-repeat;}
.topNavi li a.btn2{ width:55px; background:url(../images/navi_about.gif) left top no-repeat;}
.topNavi li a.btn3{ width:91px; background:url(../images/navi_get_status.gif) left top no-repeat;}
.topNavi li a.btn4{ width:96px; background:url(../images/navi_give_status.gif) left top no-repeat;}
.topNavi li a.btn5{ width:27px; margin-left:16px; background:url(../images/navi_rss.gif) left top no-repeat;}
.topNavi li a.admin1{ width:109px; background: url(../images/navi_status_admin.gif) left top no-repeat;}
.topNavi li a.admin2{ width:119px; background:url(../images/navi_mailing_admin.gif) left top no-repeat;}

.topNavi .p1 ul{top:-27px; left:35px;}
.topNavi .p2 ul{top:-26px; left:37px;}

.topNavi li a:visited{color:#fff; font-weight:normal;}
.topNavi li a{display:block; color:#ccc; font-weight:normal; height:31px; line-height:31px;text-decoration:none; position:relative;}
.topNavi li a:hover, .topNavi li a.active{background-position: left bottom !important;}

.topNavi ul {display: none; position: absolute; z-index:5;}
.topNavi li ul.active{display:block;}
.topNavi li:hover ul{display:block;}
.topNavi li ul{background:url(../images/navi_arrow-trans.png) no-repeat;  width:13px; height:18px;}

.topNavi .pointer1 ul{top:-27px; left:13px;}
.topNavi .pointer2 ul{top:-26px; left:18px;}
.topNavi .pointer3 ul{top:-24px; left:30px;}
.topNavi .pointer4 ul{top:-22px; left:30px;}
.topNavi .pointer5 ul{top:-40px; left:15px; background:url(../images/navi_subscribe_rss-trans.png) no-repeat; width:56px; height:38px;}

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


/*----------------- main -----------------------------*/
#feature{padding:0px 79px 0px 79px; width:850px;}
.featureLft{width:850px; background:url(../images/bg_feature_lft.gif) left top no-repeat #c9ecf3;}
.featureRgt{width:850px; background:url(../images/bg_feature_rgt.gif) right top no-repeat;}
.featureBody{width:823px; height:auto; padding:15px 0px 10px 27px;}
* +html .featureBody{padding:15px 0px 0px 27px;}

.featureLftBox{float:left; padding:0px 30px 0px 0px; width:541px;}
.featureRgtBox{float:left; width:226px;}
.featureRgtBox .padBox{ padding:0px 2px 0px 2px;}

.status{ width:541px; background:url(../images/bg_feature_status_body.gif) left top repeat-y;}
.statusTop{background:url(../images/bg_feature_status_top.gif) left top no-repeat; padding-top:13px;}
.statusBottom{background:url(../images/bg_feature_status_bottom.gif) left bottom no-repeat; padding-bottom:11px; min-height:65px; height:auto !important; height:65px;}

.status2{ width:541px; background:url(../images/bg_status_body.gif) left top repeat-y;}
.statusTop2{background:url(../images/bg_status_top.gif) left top no-repeat; padding-top:13px;}
.statusBottom2{background:url(../images/bg_status_bottom.gif) left bottom no-repeat; padding-bottom:11px; min-height:65px; height:auto !important; height:65px;}

.statusLftBox{padding:7px 11px 30px 23px; background:url(../images/bg_status_sign.gif) 18px 0px no-repeat; width:95px; font-size:13px; vertical-align:top;}
.statusRgtBox{padding:8px 20px 8px 0px; vertical-align:top; text-align:left;}
.statusRgtBox a{ color:#000; text-decoration:none;}
.statusRgtBox a:hover{ color:#1897b2; text-decoration:none;}

.statusLftBox .nameSign{ width:95px; border:none; text-align:center; height:18px; line-height:19px; padding:0px 0px; background:#f8f4f1; font-size:13px;}

.inputNameSign{ width:157px; border:2px solid #26b4d2; height:18px; text-align:left; line-height:14px; padding:3px 0px 0px 2px; background:#fff; font: 12px Verdana, Tahoma, Helvetica, sans-serif; margin-top:12px; float:left;}
.enterBtn{ width:50px; height:25px; padding:0px 0px 0px 0px; line-height:25px; float:left; margin-left:8px;background:#26b4d2; color:#fff; border:none; font:17px 'Lucida Sans', Tahoma, Helvetica, sans-serif; margin-top:12px; text-align:center;}
.enterBtn:hover{background:#1897b2; cursor:pointer;}

.share ul{ list-style:none; padding:0px 20px 3px 10px;}
.share li{ display: inline-block; margin:0px 0px 1px 7px; font-size:9px; background:#26b4d2; color:#fff;line-height:9px; padding:1px; float:right;}
.share li:hover{background:#1897b2; cursor:pointer;}
.share li a{text-decoration:none !important; color:#fff !important;} 

 #d_clip_button{}
  .clip_button{width:auto; text-align:center; margin:0px; padding:0px;background:#26b4d2; color:#fff; display:inline;}
  .clip_button:hover{ background:#1897b2; }
  .clip_button:active{ background:#1897b2; }


.linkArrow{ background:url(../images/bullet_arrow_blue.gif) left 4px no-repeat; padding:0px 0px 0px 13px;}
.topArrow{ background:url(../images/top_arrow_blue.gif) left 4px no-repeat; padding:0px 0px 0px 13px;}
.bulletArrow{ background:url(../images/bullet_arrow.gif) left 4px no-repeat; padding:0px 0px 0px 13px;}

.getStatusNowBtn{background:url(../images/btn_get_status_now.gif) left top no-repeat; width:226px; height:58px; text-indent:-9999px; display:block;}
.getStatusNowBtn:hover{background-position:left bottom !important;}

.home{padding:0px 79px 0px 79px; width:850px;}
.homeLft{float:left; padding:27px 30px 0px 30px; width:538px;}
.homeRgt{float:left; padding:27px 0px 0px 0px; width:252px;}
.home p{font-size:15px; font-family:'Tahoma' Helvetica,Verdana, sans-serif; line-height:18px;}

.ad{background:url(../images/ad_body.gif) left top repeat-y; width:226px;}
.adTop{background:url(../images/ad_top.gif) left top no-repeat;width:226px;}
.adBottom{background:url(../images/ad_bottom.gif) left bottom no-repeat;width:226px;}
.adBody{padding:39px 23px 30px 23px; min-height:154px; width:180px;}
.adBody a{ text-decoration:underline;}
.adBody .adLink, .adBody .adLink:visited, .adBody a, .adBody a:visited{ text-decoration:none; color:#8fa818; font-size:11px;}
.adBody .adLink:hover, .adBody a:hover{ text-decoration:underline;}

/*------------ sub ---------------*/
.giveStatusBtn{ width:52px; height:216px; position:fixed; background:url(../images/bg_give_status-trans.png) no-repeat; top:210px; right:0px; z-index:9;}
.giveStatusBtn a{background:url(../images/btn_give_your_status.gif) top left no-repeat; width:52px; height:216px; display:block;}
.giveStatusBtn a:hover{ background-position:top right;}

.pageBox{ position:relative; width:541px; height:15px; padding:15px 0px 15px 0px;  vertical-align:top;}
.pageList li{ float:left; padding:0px 2px 0px 2px; display:block;}
.pageList li a:hover, .pageList li a.active{ color:#000; text-decoration:none;}
.pagePrevious{ float:left; padding:0px 3px 0px 2px;}
.pageNext{ float:left; padding:0px 0px 0px 3px;}

.by{width:392px; text-align:right; font-size:10px; color:#000;}

.giveStatus td{padding:0px 0px 15px 0px; vertical-align:top;}
.inputTitle{width: 276px; padding:0px 12px 0px 0px; text-align:right;}
.giveStatus textarea{width:528px; padding:5px 5px 5px 5px; height:45px; overflow-x: hidden; overflow-y: hidden; border:2px solid #26b4d2; font:12px Verdana, Arial, Helvetica, sans-serif;}
.giveStatus .input{width:244px; padding:3px 3px 4px 3px; line-height:20px; border:2px solid #26b4d2; font:12px Verdana, Arial, Helvetica, sans-serif;}
.giveSubmit{height:35px; width:100px; line-height:25px; font:25px 'Lucida Sans', Tahoma, Helvetica, sans-serif; border: none; background:#22a7c3; padding:2px 0px 4px 0px; color:#fff;}
.giveSubmit:hover{background:#1897b2; cursor:pointer;color:#fff; text-decoration:none;}
.requireText{ color:#98b21b; font-size:11px;}
.require{ color:#98b21b;}

.about td{padding:0px 0px 15px 0px; vertical-align:top;}
.about textarea{width:240px; padding:5px 5px 5px 5px; height:auto; overflow-x: hidden; overflow-y: hidden; border:2px solid #26b4d2; font:12px Verdana, Arial, Helvetica, sans-serif;}
.about .input{width:244px; padding:3px 3px 4px 3px; line-height:20px; border:2px solid #26b4d2; font:12px Verdana, Arial, Helvetica, sans-serif;}

.dashLine{ background:url(../images/dashline.gif) left top repeat-x;}
.dashLine2{ background:url(../images/dashline.gif) left bottom repeat-x;}

.contentImageLft{ float:left; clear:right; padding:2px 10px 5px 0px; display:block;}
.contentImageRgt{ float:right; clear:right; padding:2px 0px 5px 10px; display:block;}

/*---------- side menu --------*/
.subMenuBox{ width:202px; height:auto; padding:0px 67px 0px 31px;}
#subMenu{ width: 202px; height:auto; list-style:none;}
#subMenu li{ display:block; background:url(../images/submenu_line.gif) left bottom repeat-x; line-height:29px; height:29px;}
#subMenu li a, #subMenu li a:visited{font-size:13px; padding:0px 5px 0px 22px; line-height:29px; color:#818285;}
#subMenu li a:hover, #subMenu li a.active{background:url(../images/menu_bullet.gif) 6px 4px no-repeat; text-decoration:none; color:#143c5c;}

/*----------------- foot --------------------------------*/
#foot{padding:0px 79px 0px 79px; width:850px;}

.subscribe{width:790px; height:55px; padding:0px 30px 82px 30px; position:relative;}
.subscribe .errorBox{ bottom:113px; left:30px; position:absolute; height:auto; z-index:3; display:block;}
.inputSubscribeEmail{ width:296px; border:2px solid #26b4d2; height:18px; text-align:left; line-height:14px; padding:3px 2px 0px 2px; background:#fff; font:12px Verdana, Tahoma, Helvetica, sans-serif; margin-top:20px; float:left;}
.subscribeBtn{ width:132px; height:55px; padding:0px 0px 0px 0px; line-height:23px; float:left; margin-left:2px;background:url(../images/btn_subscribe.gif) left top no-repeat; color:#fff; border:none; font:17px 'Lucida Sans', Tahoma, Helvetica, sans-serif; text-align:center;}
.subscribeBtn:hover{background-position:left bottom; cursor:pointer;}

.copyright{}
.copyright a, .copyright a:visited{color:#000;}
.designby a, .designby a:visited{color:#01669d;}
.designby{ color:#01669d; font-size:10px; padding-top:2px;}

.sitemap li{padding: 0px 50px 8px 30px;}
.sitemap li a{ background:url(../images/bullet_arrow_blue.gif) left 4px no-repeat; padding:0px 0px 5px 13px; display:block;}

.popTop{background:url(../images/pop_top-trans.png) left top no-repeat; padding:4px 0px 0px 0px; width:245px;}
.popBottom{background:url(../images/pop_bottom-trans.png) left bottom no-repeat; padding:0px 0px 14px 0px;width:245px;}
.popBody{background:url(../images/pop_body.gif) left top  repeat-y; padding:2px 10px 2px 10px; width:225px; color:#fff;}

/*---------------------------space-----------------------*/
.padRgt31{ padding-right:31px;}
.padBottom60{padding-bottom:60px;}
.mgnTop10{margin-top:10px;}
.padTop55{padding-top:55px;}
.padTop25{padding-top:25px;}
.padTop12{padding-top:12px;}
.padTop1{padding-top:1px;}
.padTop2{padding-top:2px;}
.padTop3{padding-top:3px;}
.padTop4{padding-top:4px;}
.padTop5{padding-top:5px;}
.padTop6{padding-top:6px;}
.padTop7{padding-top:7px;}
.padTop8{padding-top:8px;}
.padTop9{padding-top:9px;}
.padTop10{padding-top:10px;}
.padTop15{padding-top:15px;}
.padTop17{padding-top:17px;}
.padTop45{padding-top:45px;}
.padTop60{padding-top:60px;}
.mgnTop18{margin-top:18px;}
.padTop18{padding-top:18px;}
.mgnTop20{margin-top:20px;}
.mgnTop25{margin-top:25px;}
.mgnTop28{margin-top:28px;}
.padTop20{padding-top:20px;}
.padTop24{padding-top:24px;}
.padTop26{padding-top:26px;}
.padTop28{padding-top:28px;}
.padTop38{padding-top:38px;}
.padTop80{padding-top:80px;}
.mgnTop30{margin-top:30px;}
.mgnTop40{margin-top:40px;}
.mgnTop45{margin-top:45px;}
.mgnTop50{margin-top:50px;}
.mgnTop60{margin-top:60px;}
.mgnTop70{margin-top:70px;}
.mgnTop80{margin-top:80px;}
.padTop30{padding-top:30px;}
.padTop35{padding-top:35px;}
.padTop42{padding-top:42px;}
.padLft10{padding-left:10px;}
.padLft12{padding-left:12px;}
.padLft20{padding-left:20px;}
.padLft25{padding-left:25px;}
.padLft30{padding-left:30px;}
.padTop13 {padding-top:13px;}
.padTop30{padding-top:30px;}
.padTop500{ padding-top:500px;}

/*----------------- share ---------------*/
.sharePointer{background:url(../images/bullet_big_arrow_blue.gif) left 6px no-repeat; padding-left:25px;}

/*-------------- Admin ---------------------*/

#admin{padding:0px 89px 0px 89px; width:830px;}
.adminTable{ width:830px;}
.adminTable .head{ font-size:11px; font-weight:bold; text-align:left; vertical-align:top; background:#c9ecf3;}
.adminTable td{ text-align:left; padding:6px 5px 6px 5px; font-size:10px; vertical-align:top; background:#F0F0F0; border-bottom:1px solid #fff;}
.adminTable option{ font-size:11px;}

.showFilter{ position:absolute; right: 108px; bottom: 20px;}
.showAdminPage{position:relative; width:790px; padding:15px 20px 0px 20px; font-size:12px;}

.adminLogin{ margin:0 auto;}
.adminLogin td{padding:5px 5px 3px 5px; margin:0; background:;}
.adminLogin td .input{border:2px solid #26b4d2; height:22px; text-align:left; line-height:18px; padding:2px 3px 1px 3px;  width:194px; font-size:16px;}
.adminLogin .login{height:29px; width:64px; line-height:22px; font:18px 'Lucida Sans', Tahoma, Helvetica, sans-serif; border: none; background:#22a7c3; padding:2px 0px 4px 0px; color:#fff;}
.adminLogin .login:hover, .logout:hover, .deleteBtn:hover{background:#1897b2; cursor:pointer;color:#fff; text-decoration:none;}

 .logout{height:29px; width:80px; line-height:22px; font:18px 'Lucida Sans', Tahoma, Helvetica, sans-serif; border: none; background:#22a7c3; padding:2px 0px 4px 0px; color:#fff; padding:2px 3px;}

.deleteBtn{height:18px; line-height:16px; font:12px 'Lucida Sans', Tahoma, Helvetica, sans-serif; border: none; background:#22a7c3; padding:1px 0px 3px 0px; color:#fff; margin-left:10px;}

.mailBox{border:none; width:810px; height:auto; vertical-align:text-top; background:#F0F0F0; padding:0px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}