@charset "utf-8";
/* CSS Document */

body{margin:0 0; padding:0 0; background:#eef7fe; font:11px arial; color:#636363;}

#wapper, #header, #middle, #footer{float:left; width:100%;}
.wapper_inner{margin:0 auto; width:1003px;}
.login_pg_bg{background: url(../images/landing_pg_bg.jpg) center center no-repeat; overflow:hidden;}
#navi {float:left; width:100%; overflow:hidden;}


h1{float:left; width:100%; margin:10px 0; padding:0 0; font:18px arial; color:#1d7ec1; letter-spacing:-1px;}
h2{float:left; width:100%; margin:2px 0; padding:0 0; font:16px arial; color:#5a5a5a; letter-spacing:-1px;}
a{color:#383838; text-decoration:underline; outline: none;}
a img {border:none;}
a:hover{ text-decoration:none;}
input[type=text], textarea, input[type=password] 
{background:#c9e5f9; border:1px solid #b6d6ed; color:#888888; padding:3px 3px;
-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
select{background:#c9e5f9; border:1px solid #b6d6ed; color:#888888; padding:2px 3px;
-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
input[type=button], input[type=submit] {border:1px solid #555555; color:#fdf1f0; padding:2px 3px; cursor:pointer;
-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;
background:#9a9a9a;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#555555'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9a9a9a), to(#555555)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #9a9a9a,  #555555); /* for firefox 3.6+ */ }


.login_container{margin:140px auto; width:366px; height:248px; background:url(../images/logo_landing.png) left top no-repeat; overflow:hidden;}
.login_container .login{float:left; width:80%; margin:25% 10% 2% 10%; }
.login_container .login p{float:left; width:100%; margin:0 0 5px 0; }
.login_container .login p label{float:left; width:94px; text-align:right; font-size:14px; line-height:24px;}
.login_container .login p input{float:right; width:172px;}
.login_container .login p span{float:left; width:168px; font-size:10px; padding-left:112px;}
.login_container .login p span label{float:left;font-size:10px; width:auto;line-height:normal}
.login_container .login p span a{ text-decoration:underline;}
.login_container .login p span a:hover{text-decoration:none;}
.login_container .login p span input[type=checkbox]{float:left; width:14px; padding:0 0; margin:0 3px 0 0; border:0;}
.login_container .login p span input[type=button]{float:left; width:70px; margin:0 3px 0 0; padding:5px 3px;}
.login_container .login p span input[type=submit]{float:left; width:70px; margin:0 3px 0 0; padding:5px 3px;}

#header {background:url(../images/header_bg.jpg) left bottom repeat-x;}
#header .logo{float:left; width:277px;}
#header .logo img{float:left;}
#header .txt{float:right; width:400px; text-align:right; color:#fff; line-height:30px;}
#header .txt a{border-left:2px solid #ffab18; padding:0 4px; color:#fff; text-decoration:none;}
#header .txt a:hover{text-decoration:underline;}

#middle {margin-bottom:12px;}

#middle ul.navi{float:left; width:100%; margin:0; padding:0; list-style:none; border-bottom:4px solid #3e8ec6; border-top-left-radius:6px; border-top-right-radius:6px; background:#59b0ec; overflow:hidden;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94d0f9', endColorstr='#59b0ec'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#94d0f9), to(#59b0ec)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #94d0f9,  #59b0ec); /* for firefox 3.6+ */ }
#middle ul.navi li{float:left; display:inline-block; line-height:26px; padding:0 15px;}
#middle ul.navi li:hover{background:#3e8ec6;}
#middle ul.navi li a{text-decoration:none; color:#fff;}
#middle ul.navi li:hover a{color:#fff;}

#middle ul.navi li:hover>ul{display:block;}
#middle ul.navi li ul{position:absolute; z-index:100; width:130px; margin:0 0 0 -15px; padding:4px 8px; list-style:none; background:#3e8ec6; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; display:none;}
#middle ul.navi li ul li{float:left; width:100%; line-height:26px; padding:0 0; background:url(../images/bullet_arrow.png) 5px 11px no-repeat; text-indent:16px; border-top:1px dotted #fff;}
#middle ul.navi li ul li a{display:block; color:#fff;}
#middle ul.navi li ul li:hover{background:#7ac1f3 url(../images/bullet_arrow.png) 5px 11px no-repeat;}

#middle ul.navi li li:hover>ul{display:block;}
#middle ul.navi li li ul{position:absolute; z-index:102; width:160px; margin:-26px 0 0 126px; padding:0 8px; list-style:none; background:#7ac1f3; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; display:none;}


#middle .mid_content{float:left; width:97.8%; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border:1px solid #e8e8e8; background:#f3f3f3; padding:1%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f3f3f3,  #ffffff); /* for firefox 3.6+ */ }

ul.categories{float:left; width:978px; margin:0 0; padding:0 0; list-style:none;}
ul.categories li{float:left; width:236px; padding:12px; margin:6px 12px 6px 0; border:1px solid #d7e6f1; border-radius:6px;
background:#deeeff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#deeeff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#deeeff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #deeeff); /* for firefox 3.6+ */ }
ul.categories li img{float:left; width:87px; height:87px;}
ul.categories li .txt{float:right; width:140px;}
ul.categories li .txt a{text-decoration:none;}
ul.categories li .txt a:hover{text-decoration:underline;}


ul.tab_head{float:left; width:99%; margin:0 0 0 1%; padding:0 0; list-style:none;}
ul.tab_head li{float:left; width:90px; text-align:center; font:bold 12px arial; color:#5c5c5c; line-height:26px; cursor:pointer; margin-left:3px; border:1px solid #e0e0e0; border-bottom:0; 

-moz-border-top-left-radius:6px; -webkit-border-top-left-radius:6px; -khtml-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-top-right-radius:6px; -webkit-border-top-right-radius:6px; -khtml-border-top-right-radius:6px; border-top-right-radius:6px;

background:#bababa; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bababa'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#bababa)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ededed,  #bababa); /* for firefox 3.6+ */ }

ul.tab_head li.active span{background: url(../images/tab_act_arrow.png) center bottom no-repeat;}
ul.tab_head li span{display:block; width:100%; background:none;}

div.tab_body{float:left; width:99.9%; background:#fff; border:1px solid #e5e5e5;
-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}
.tab_body .manage_des, .tab_body .add_des, .tab_body .update_des{float:left; width:98%; padding:1%;}
.tab_body .add_des, .tab_body .update_des{display:none;}

.tab_body .manage_des .srch_bx{float:left; width:100%; margin-bottom:12px;}
.tab_body .manage_des .srch_bx input[type=text]{float:left; margin-right:4px;}
.tab_body .manage_des .srch_bx input[type=button]{float:left; width:80px; margin-right:4px;}

.action_grid{float:left; width:97.8%; border:1px solid #cccccc; border-bottom:0; padding:4px 1%;
-moz-border-top-left-radius:6px; -webkit-border-top-left-radius:6px; -khtml-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-top-right-radius:6px; -webkit-border-top-right-radius:6px; -khtml-border-top-right-radius:6px; border-top-right-radius:6px;
background:#d3d3d3; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#d3d3d3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d3d3d3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fdfdfd,  #d3d3d3); /* for firefox 3.6+ */ }
.action_grid .add_delete{float:left; width:200px; padding-top:4px;}
.action_grid .add_delete a{text-decoration:none; color:#383838; padding-left:18px; margin-right:8px;}
.action_grid .add_delete a.add{background:url(../images/icn_add.png) left top no-repeat;}
.action_grid .add_delete a.del{background:url(../images/icn_delete.png) left top no-repeat;}
.action_grid .add_delete a:hover{text-decoration:underline;}
.action_grid .items_page{float:right; width:200px; text-align:right;}
.action_grid .items_page select{ background:#666666; color:#fff; border-color:#666666; font-size:11px;}

.pagination{float:left; width:100%; padding:5px 0; 
background:#5a5a5a; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#5a5a5a'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#5a5a5a)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #464646,  #5a5a5a); /* for firefox 3.6+ */ }
.pagination ul{margin:0 auto; padding:0 0; list-style:none;}
.pagination ul li a.pre{width:6px; height:14px; background:url(../images/paging_arrow_lft.png) center center no-repeat;}
.pagination ul li a.pre:hover{background:#666666 url(../images/paging_arrow_lft.png) center center no-repeat;}
.pagination ul li a.next{width:6px; height:14px; background:url(../images/paging_arrow_rgt.png) center center no-repeat;}
.pagination ul li a.next:hover{background:#666666 url(../images/paging_arrow_rgt.png) center center no-repeat;}
.pagination ul li{float:left; display:inline-block;}
.pagination ul li a{color:#e2e2e2; text-decoration:none; display:block; padding:2px 6px;}
.pagination ul li a:hover{background:#666666; color:#FFFFFF;}
.pagination ul li a img{margin:5px 0;}

.grid_date{float:left; width:100%}
.grid_date table tr{border-bottom:1px solid #e6e6e6;}
.grid_date table .head td{color:#fff; font-weight:bold;
background:#4ca9ea; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93cef5', endColorstr='#4ca9ea'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#93cef5), to(#4ca9ea)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #93cef5,  #4ca9ea);}
.grid_date table .head td.even{background:#49a1df; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc4e9', endColorstr='#49a1df'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8cc4e9), to(#49a1df)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #8cc4e9,  #49a1df);}
.grid_date table td{background:#ffffff; text-align:center;border-bottom:1px solid #e6e6e6;}
/*.grid_date table .des td.even{background:#f1f1f1;}*/
.grid_date table .des td{background:#f1f1f1;}
.grid_date table td a{color:#383838; text-decoration:underline;}
.grid_date table td a:hover{color:#383838; text-decoration:none;}
.grid_date table td span{color:#888888;}
.error{color:#aa1111 !important;}
.msg{color:#0f840f !important;}

#footer{text-align:center; padding:14px 0; color:#fff;
background:#898989; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#696969'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#898989), to(#696969)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #898989,  #696969);}
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#898989', endColorstr='#696969'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#898989), to(#696969)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #898989,  #696969);}
#footer a{text-decoration:none; color:#fff;}
#footer a:hover{text-decoration: underline;}

.lblWhite
{
	 color:#fff;
	 font-weight:bold;
}