*{margin:0;padding:0; outline:none}

body{background:url(public/images/skin/grad-1.gif) #9EC2DD top repeat-x; font:500 12px/18px Arial; color:#002B79}
a{text-decoration:none; color:#333}
a img{border:0}
ul{list-style:none}

.wrapper{
	width:760px; margin:20px auto; 
	-moz-box-shadow: 0 0 10px #777; -webkit-box-shadow: 0 0 10px #777; box-shadow: 0 0 10px #777
}
.container{width:760px; margin:auto; background:#fff}
.content{width:750px; margin:auto}

.header{height:180px; background:url(public/images/skin/logo.gif) #fff 20px 20px no-repeat; width:760px; position:relative}
.logo{height:110px; width:320px; float:left}

.top{position:absolute; right:0px; top:-20px}
.top li{float:right; background:url(public/images/skin/split2.png) center right no-repeat}
.top li a{text-transform:uppercase; color:#333; font:500 10px/20px Arial; padding:0 8px}
.top li a:hover{text-decoration:underline}
.top li.none{background:none}

.nav{background:url(public/images/skin/grad-5.gif) repeat-x; height:36px; overflow:hidden; padding-left:5px}
.nav li{float:left; height:36px; position:relative; z-index:2; background:url(public/images/skin/split.gif) top right no-repeat; position:relative}
.nav li a{float:left; height:36px; font:700 11px/40px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding:0 14px 0 5px; margin-left:9px}
.nav li.active, .nav li:hover{background:url(public/images/skin/lefttab.png) top left no-repeat; left:-1px}
.nav li.active a, .nav li:hover a{color:#000; background:url(public/images/skin/righttab.png) top right no-repeat}


.wid1, .wid2 {overflow:hidden} 
.wid1{width:236px}
.wid2{width:504px}


.box1{background:url(public/images/skin/grad-3.png) #fff repeat-x; border:#CEDAE6 1px solid}
.box2{background:#fff}

.line1{height:1px; overflow:hidden; background:#CEDAE6}

.fon1{font:700 14px/25px Arial; color:#15214D}
.fon2{text-indent:10px; line-height:25px}
.fon3{font:700 16px/20px Arial; color:#002B79; padding-left:15px; background:url(public/images/skin/bullet-2.gif) -2px 1px no-repeat; display:block}
.fon4{font:700 14px/20px Arial; color:#002B79; padding-left:15px; background:url(public/images/skin/bullet-1.gif) 0 3px no-repeat; display:block}
.fon4:hover{color:#FF8400; text-decoration:underline}

.ul1 a{background:#cedae6; font:700 11px/25px Arial; color:#15214d; height:25px; display:block; margin-bottom:1px; text-indent:10px}
.ul1 a:hover{background:#d3eaf2}
.ul1 a.active{background:#1D5599; color:#fff}
.ul1 ul a{background:#d3eaf2; text-indent:20px}
.ul1 ul ul a{text-indent:30px}
.ul1 ul ul ul a{text-indent:40px}

.ul2{float:left; margin:5px}
.ul2 li{float:left; margin-left:10px}
.ul2 a{font:700 14px/20px Arial; color:#002B79; padding-left:15px; background:url(public/images/skin/bullet-1.gif) 0 3px no-repeat;}

.mt1{margin-top:5px}
.mt2{margin-top:10px}
.mt3{margin-top:15px}
.ml1{margin-left:5px}
.ml2{margin-left:10px}
.ml3{margin-left:15px}
.ml2{margin-left:10px}
.mr1{margin-right:5px}
.mr2{margin-right:10px}
.mb1{margin-bottom:5px}
.mb2{margin-bottom:10px}

#status{margin:10px auto 20px auto; color:#063; width:500px}

.frm {width:400px; margin:10px auto}
.frm input,.frm select,.frm textarea{width:200px; border:#ccc 1px solid; margin-top:5px}
.frm span{float:left; margin-right:20px; width:150px; text-align:right}
.frm input.btn{width:auto}

.frmsearch{background:#E9F0FA; width:258px; height:32px; float:right; -moz-border-radius:5px; border-radius: 5px; margin:10px}
.frmsearch input{width:165px; height:18px; border:#ccc 1px solid; margin:5px 0 0 10px; float:left}
.frmsearch .btn{ width:65px; height:20px; -moz-border-radius:5px; border-radius:5px; font:700 11px/10px Arial; cursor:pointer; margin-left:5px; border-color:#fff #666 #666 #fff}

.tbl1, .tbl{border-collapse:collapse; width:500px; margin:10px auto; background:#fff}
.tbl td,.tbl th, .tbl1 td, .tbl1 th{border:#ccc 1px solid; padding:2px 5px 2px 10px}
.tbl th, .tbl1 th{background:#ddd}
.tbl1{width:920px}
.tbl td td,.tbl td th{border:none}


.pagination{ padding:10px; margin:15px auto; text-align:center; font-weight:700 }
.pagination a{ padding:3px; background:#fff; color:#333; border:#888 1px solid; margin:1px; }
.pagination a:hover { background-color:#eee; color:#333;}
.pagination span{ padding:3px 6px 3px 6px; font-weight:700; background:#eee; color:#333;; border:#888 1px solid; margin:1px; }

.footer{background:url(public/images/skin/grad-3.gif) repeat-x; height:22px; width:760px; text-align:center; margin:auto; color:#fff; font:500 11px/25px Arial; overflow:hidden}


.fl{float:left}
.fr{float:right}


.fax, .email, .phone, .address, .skype{background:url(public/images/skin/icon-contact.jpg) no-repeat; float:left; width:41px; height:36px}
.skype{width:85px; height:41px; margin-left:60px}
.phone{background-position:0 -41px}
.email{background-position:100% -41px}
.address{background-position:100% -80px}
.fax{background-position:0 -80px}

.edit,.del,.hide, .show{width:16px; height:16px; float:left}
.edit{background:url(public/images/skin/edit.png) left center no-repeat}
.hide{background:url(public/images/skin/hidden.png) no-repeat; margin:0 5px 0 5px}
.show{background:url(public/images/skin/active.png) no-repeat; margin-right:5px}
.del{background:url(public/images/skin/del.png) left center no-repeat}


.clearfix{display:block; width:100%}
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

.clear{clear:both; height:1px; overflow:hidden}