/*
 * By Tim
 * Code:DefaultTheme20110415
 * Update:2011-04-21
 */

/*** public ***/
/** rewrite **/
body,
div,p,
ol,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
form,fieldset,legend,label,input,select,textarea,
table,caption,colgroup,col,thead,tfoot,tbody,tr,th,td{padding:0;margin:0;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
img,
fieldset{border:0 none;}
img,
input,button,select{vertical-align:middle;}

/*
.form{}
.form ul{padding-top:10px;}
.form ul li{clear:both;width:auto;padding-bottom:5px;overflow:hidden;}
.form ul li .title{float:left;padding-right:20px;text-align:right;}
.form ul li .content{float:left;}
.form ul li .content .operation{display:inline-block;}
.form ul li.action{}
.form ul ul{padding-top:0;}
.form ul ul li{padding-bottom:0;}
*/

.action{clear:both;padding:5px 0;margin:0 0 20px;text-align:center;}
.action a{}
.action input.button{padding:2px 20px 3px;border-radius:40px;box-shadow:0 0 2px #c0c0c0;font-weight:bold;color:#ffffff;}
.action input.submit{border:1px solid #60b9ed;background-color:#84c7ef;background-position:0 -272px;}
.action input.submit:hover{background-position:0 -242px;text-shadow:1px 1px 0 #60b9ed;}
.action input.reset{border:1px solid #e66767;background-color:#fe8686;background-position:0 -716px;}
.action input.reset:hover{background-position:0 -686px;text-shadow:1px 1px 0 #cc3333;}
.action input.export{border:1px solid #89b134;background-color:#accf55;background-position:0 -776px;}
.action input.export:hover{background-position:0 -746px;text-shadow:1px 1px 0 #669933;}
.action input.update{border:1px solid #e5a448;background-color:#f0c281;background-position:0 -332px;text-shadow:1px 1px 0 #e5a448;}
.action input.update:hover{background-position:0 -302px;}
.action input.cancel{border:1px solid #afafaf;background-color:#b9b9b9;background-position:0 -392px;text-shadow:1px 1px 0 #9f9f9f;}
.action input.cancel:hover{background-position:0 -362px;}

.table{margin-bottom:10px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#f6f6f6;font-size:11px;overflow:hidden;}
.table caption{padding:1px 10px;border-top-right-radius:5px;border-top-left-radius:5px;background:#93cff1 url(images/default.png) repeat-x 0 -242px;font-size:12px;text-shadow:1px 1px 0 #3399CC;line-height:24px;text-align:left;color:#ffffff;}
.table th,
.table td{padding:3px 10px;line-height:24px;empty-cells:show;}
.table th{text-shadow:1px 1px 0 #ffffff;}
.table th .operation,
.table td .operation{float:left;}
.table tr.image th{padding:10px 10px 5px;background:#ffffff;}
.table tr.title th{border-top:1px solid #93cff1;}
.table thead th,
.table tfoot th{background:#c0dfe8;text-align:left;font-weight:normal;}
.table thead tr.title th,
.table tfoot th{border-top:1px solid #93CFF1;}
.table thead th{padding:3px 0 3px 10px;line-height:14px;}
.table tfoot th{padding:3px 0 3px 10px;}
.table tbody th{font-weight:normal;text-align:right;vertical-align:middle;}
.table tbody td{vertical-align:middle;}
.table tfoot tr:last-child th:first-child,
.table tbody tr:last-child th:first-child,
.table tbody tr:last-child td:first-child{border-bottom-left-radius:5px;}
.table tfoot tr:last-child th:last-child,
.table tbody tr:last-child th:last-child,
.table tbody tr:last-child td:last-child{border-bottom-right-radius:5px;}
.table tbody > tr:hover > td,
.table tbody > tr:hover > th{background:#fdf0dd;}
.table thead tr a{text-decoration:underline;}
.table thead tr .add{display:none;}
.table thead tr th .title{float:left;padding-top:10px;}
.table thead tr th .sort{float:left;height:32px;margin-top:0}
.table thead tr th .up{clear:both;margin-top:6px;background-position:1px -16px;}
.table thead tr th .down{clear:both;margin-top:-10px;}
.table tfoot th .button{float:left;margin-right:10px;}
.table tbody tr .del{margin-left:16px;}
.table tbody tr a{font-weight:bold;text-decoration:underline;}
.table .td-nested{padding:0;}
.table .td-nested .table-input{display:none;}
.table thead th,
.table tfoot th,
.table tbody td{font-size:10px;padding:3px 1px 3px 10px;}
.table thead th ~ th,
.table tfoot th ~ th,
.table tbody td ~ td{padding:3px 1px 3px 5px;}

.table-list{width:100%;}
.table-list tr:nth-child(even) td{background:#f0f0f0;}
.table-list tbody tr.selected td{background:#ffeacc;}
.table-list thead .button{font-weight:bold;}
.table-list th.option{width:16px;}

.table-data tbody th{background:#f0f0f0;width:40%;}
.table-data tbody tr:hover td{background:#fdf0dd;}
.table-data tbody tr:hover th{background:#ffeacc;}

.table-data tbody tr .operation{display:inline-block;float:none;}
.table-data tbody tr a.add,
.table-data tbody tr a.del{position:relative;top:4px;margin-left:0;}

.table .table-sub{width:100%;margin:0;}
.table .table-sub tr th,
.table .table-sub tr td{}
.table .table-sub tr th{background:#d9e9f0;text-align:left;vertical-align:middle;}
.table .table-sub thead tr:last-child th:first-child{border-bottom-left-radius:0;}
.table .table-sub thead tr:last-child th:last-child{border-bottom-right-radius:0;}
.table .table-sub .text-s{width:64px;}

.tabs{padding:5px 0;}
.tabs ul.title{height:20px;padding:3px 5px 0;border:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-top-right-radius:5px;border-top-left-radius:5px;background:#efefef url(images/default.png) repeat-x 0 -616px;line-height:20px;}
.tabs ul.title li{clear:none;float:left;padding:0 10px;margin-right:3px;border:1px solid #e6e6e6;border-bottom:0 none;border-top-right-radius:5px;border-top-left-radius:5px;}
.tabs ul.title li.active{background:#f6f6f6;}
.tabs ul.title li.active a{color:#459ad3;}
.tabs ul.title li a{text-decoration:none;}
.tabs .content{display:none;padding:5px 10px;border:1px solid #e6e6e6;border-top:0 none;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#f9f9f9;}
.tabs .active{display:block;}

.box{max-height:122px;padding:5px 10px;border:1px solid #e6e6e6;border-radius:5px;background:#f9f9f9;overflow-x:hidden;overflow-y:auto;}
.box .table tbody tr td,
.box:hover .table tbody tr td{background:#f9f9f9;}
.des{background:#ffffff;padding:2px 5px;border:1px solid #cccccc;border-radius:5px;font-size:10px;line-height:16px;color:#666666;white-space:nowrap;}
.tip{width:870px;padding:0 10px;text-align:right;color:#999999;}
.tip span{}

/** start **/
html,body{width:100%;height:100%;}
body{background:#f0f9fb url(images/bg.png) repeat-x 0 -80px;font:12px/24px tahoma,helvetica,"微软雅黑",arial,"宋体";color:#333333;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}
h5,h6{font-size:10px;}
a{color:#000000;text-decoration:none;outline:none;}
a:hover{color:#ff6600;}
a:active{color:#70b5e3;}

#base{z-index:1;position:relative;}
#header,
#footer,
#main{position:relative;clear:both;width:960px;margin:0 auto;}

#header{z-index:3;font-size:11px;line-height:22px;}
#main{z-index:2;}
#footer{z-index:1;padding:10px 0;font-size:10px;color:#879aa8;overflow:hidden;}

.dialog{display:none;}

/** header **/
#logo{float:left;width:140px;padding-top:30px;}
#logo:hover a{opacity:0.6;}
#logo:active a{opacity:1;}
*html #logo a{
width:217px;height:80px;
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/themes/default/images/logo.png', sizingMethod='scale');}
*html #logo a img{display:none;}
#logo a{float:left;}
#nav{float:right;height:33px;margin-top:40px;font-size:14px;font-weight:bold;}
#nav ul{}
#nav ul li{float:left;padding:0 10px;margin:0 0;}
#nav ul li:hover,
#nav ul li.active{}
#nav ul li a{text-align:center;text-shadow:1px 1px 0 #ffffff;color:#0180a1;}
#nav ul li.active{}
#nav ul li.active a{font-weight:bold;color:#555555;}
#nav p{position:absolute;top:10px;right:10px;font-weight:normal;font-size:11px;text-align:right;}
#nav p a{margin-left:10px;text-decoration:underline;color:#ffffff;}
.position{z-index:3;position:relative;width:950px;height:25px;padding:5px 5px 0;border-radius:5px 5px 0 0;background:#ffffff;line-height:25px;}
.position,
.position a{text-shadow:#ffffff 1px 1px 0;}
.position:active,
.position a:active,
.position .active a:active,
.position .active a:hover{text-shadow:none;}
.position .active a{text-shadow:1px 1px 0 #3399cc;}
.position .nav{float:left;}
.position .nav li,
.position .nav a,
.position .nav span,
.position .nav strong{float:left;height:25px;color:#333333;font-size:11px;overflow:hidden;}
.position .nav a,
.position .nav strong{padding:0 12px;font-weight:normal;}
.position .nav a{}
.position .nav a:hover{color:#ff6600;}
.position .nav li.arrow span{width:8px;background:url(images/default.png) no-repeat -70px -30px;text-indent:99px;_background:none;_text-indent:0;}
.position .nav li .nav-sub{display:none;}
.position .nav li.drop{}
.position .nav li.drop ul{z-index:2;display:none;position:absolute;top:25px;margin-left:-6px;*margin-left:-68px;width:auto;height:auto;padding:0 0 5px;border:1px solid #e6e6e6;border-top:0 none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#f9f9f9;}
.position .nav li.drop ul li{float:none;width:auto;*width:86px;border-top:1px solid #eaeaea;background:none;overflow:hidden;}
.position .nav li.drop ul li:hover{background:#eaeaea;}
.position .nav li.drop ul li:first-child{border-top:0 none;}
.position .nav li.drop ul li a{padding:0 50px 0 16px;}
.position .nav li a strong{padding:0;}
.position .nav li .operation{width:16px;height:16px;margin:6px 0 0 0;}

/** main **/
/*
#main #sFromDate1,
#main #sFromDate2,
#main #beginDate,
#main #fromLicenseDate,
#main #fromProsecutionDate,
#main .fromdate{background:#ffffff url(images/fromto.png) no-repeat 0 0;}
#main #sToDate1,
#main #sToDate2,
#main #endDate,
#main #toLicenseDate,
#main #toProsecutionDate,
#main .todate{background:#ffffff url(images/fromto.png) no-repeat 0 -36px;}
*/

/* contents */
#contents{}

.contents{width:950px;padding:10px 0 0 10px;border-radius:5px;background:#ffffff;overflow:hidden;}
.contents h1.title{padding:10px 20px;}
.contents .col{}
.contents .col .grid{float:left;margin:0 10px 10px 0;border-radius:5px;overflow:hidden;}
.contents .col-grid1 .grid{width:890px;}
.contents .col-grid2 .grid{width:440px;}
.contents .col-grid3 .grid{width:290px;}
.contents .panel .table-panel{width:940px;}
.contents .panel .table-panel .table-sub{width:100%;}
.tag-data{background:#ffffff;padding:2px 5px;border:1px solid #cccccc;border-radius:5px;font-size:10px;line-height:16px;color:#000000;white-space:nowrap;}

.panel{}
.panel h1.title{width:850px;}
.panel h1.title .button{float:right;}

.filter{}
.filter li{float:left;}
.filter li a{float:left;height:14px;padding:5px 15px;margin-left:5px;border:1px solid #dddddd;background:#eeeeee;color:#333333;overflow:hidden;}
.filter li a.active{padding:5px 15px;border-bottom:1px solid #ffffff;background:#ffffff;font-weight:bold;}

#content,
#sidebar{float:left;padding-bottom:0px;}
#content{width:670px;padding-right:10px;border-radius:5px;}
/* content */
/*
.tools{clear:both;width:890px;margin-bottom:10px;overflow:hidden;}
.tools .button{float:right;}*/

.pages{clear:both;width:890px;padding:0 0 20px;font-size:10px;line-height:16px;text-align:center;overflow:hidden;}
.pages li.button{display:inline-block;height:20px;margin:0;padding:0;border-radius:15px;}
.pages li:hover{}
.pages li span,
.pages li a{display:inline-block;height:16px;padding:2px 8px;background:none;text-indent:0;overflow:hidden;}
.pages li a:hover{background:none;}
.pages li:hover a{color:#ff6600;}
.pages li.active{font-weight:bold;color:#ff6600;border:1px solid #ffffff;background:none;}
.pages li.inactive{border:1px solid #eeeeee;color:#cccccc;}
.pages li.first,
.pages li.prev,
.pages li.next,
.pages li.last{padding:0 5px;}
.pages li.active{border:0 none;}
.pages li.active a{font-weight:bold;color:#ff6600;}
.pages li.more{border:0 none;background:none;}
.pages li.active:hover,
.pages li.more:hover{box-shadow:none;}
.pages li .first,
.pages li .prev,
.pages li .next,
.pages li .last{width:auto;}

/* sidebar */
#sidebar{width:260px;}
#sidebar .col li{width:260px;overflow:visible;}
#sidebar .col li .title{position:relative;width:240px;height:20px;padding:3px 10px 0;font-size:11px;line-height:20px;}
#sidebar .col li .title:hover a{color:#ff6600;}
#sidebar .col li .title a,
#sidebar .col li .title strong{float:left;}
#sidebar .col li .title a{display:block;}
#sidebar .col li .title span{float:right;}
#sidebar .col li .title span.open{display:none;}
#sidebar .col li .title span.close{display:none;}
#sidebar .switch li .title{/*border:1px solid #e6e6e6;border-bottom:0 none;*/background:#efefef url(images/default.png) repeat-x 0 -242px;}
#sidebar .switch li .title strong{margin-right:5px;cursor:pointer;}
#sidebar .switch li .title a{width:196px;color:#ffffff;text-shadow:1px 1px 0 #3399CC;}
#sidebar .switch li .content{display:none;/*border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;*/background:#f9f9f9;}
#sidebar .switch li.active .title{/*border-bottom:1px solid #e6e6e6;*/}
#sidebar .switch li.active .title span.open{display:none;}
#sidebar .switch li.active .title span.close{display:none;}
#sidebar .switch li.active:last-child .title{/*border-bottom:1px solid #e6e6e6;*/border-bottom-right-radius:0;border-bottom-left-radius:0;}
#sidebar .switch li.active .content{display:block;overflow-x:hidden;overflow-y:auto;}
#sidebar .switch li:first-child .title{border-top-right-radius:5px;border-top-left-radius:5px;}
#sidebar .switch li:last-child .title{/*border-bottom:1px solid #e6e6e6;*/border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
#sidebar .switch li:last-child .content{/*border-bottom:1px solid #e6e6e6;*/border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
#sidebar .filter{width:240px;padding:3px 10px 10px;margin-bottom:10px;overflow:hidden;}
#sidebar .filter ul{padding-top:0;}
#sidebar .filter .text-s{width:64px;}
#sidebar .filter .select-m{width:230px;}
#sidebar .table .text-s{width:62px;}
#sidebar .table .select-m{width:210px;}
#sidebar .table .tag{text-decoration:none;}
#sidebar .table .tag:hover{color:#ffffff;}
#sidebar .table a{float:left;}
#sidebar .table a.name{margin-left:10px;}
#sidebar .table .sta strong{float:left;width:18px;height:18px;margin:6px 0 6px 0;border:1px solid #c0c0c0;border-radius:5px;background:url(images/default.png) no-repeat 0 -424px;text-indent:-999px;overflow:hidden;}
#sidebar .table .sta:hover strong{box-shadow:0 0 1px #5aadde;}
#sidebar .table .sta .operation{margin:7px 0 0 -19px;}

/** footer **/
#footer a:hover{text-decoration:underline;}
#links{float:left;padding:0 10px;}
#links li{float:left;padding:0 4px;}
#links li a{color:#879aa8;}
#support{float:right;padding:0 10px;}

/*** login page ***/
/*#login{background:#f6f6f6 url(images/mtr.jpg) no-repeat center 0;}*/
#login #main{margin-top:20px;}
#login #logo{float:none;overflow:hidden;width:400px;height:80px;margin:0 auto;background:url(images/logo.png) no-repeat 0 0;text-indent:-999px;}
*html #login #logo{
width:217px;height:80px;margin-left:300px;
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/themes/default/images/logo.png', sizingMethod='scale');}
#login #contents{box-shadow:none;border-radius:0;}
#login .contents{width:250px;margin:0 auto;padding:25px 75px 20px;box-shadow:0 0 5px #cccccc;/*border:1px solid #e0e0e0;*/border-radius:15px;background:rgba(255,255,255,0.9);}
#login .ver,
#login .tips{display:none;}
#login .ver{margin:0 10px;}
#login .pass{color:#33cc33;}
#login .fail{color:#ff9900;}
#login .form-login{/*width:200px;padding:25px 0 20px;margin:0 auto;*/}
#login .form-login h1{display:none;padding-bottom:10px;font-weight:both;font-size:24px;line-height:24px;text-align:left;}
#login .form-login ul li{line-height:20px;padding-top:5px;}
#login .form-login ul li .title{clear:both;width:180px;padding:3px 10px 0;font-weight:bold;font-size:11px;text-align:left;color:#284b72;}
#login .form-login ul li .content{clear:both;width:200px;}
#login .form-login ul li .content .text{width:170px;height:20px;padding:0 10px;box-shadow:0 0 1px #cccccc;}
#login .form-login ul li .content .v-code{display:block;clear:both;width:138px;height:28px;margin-top:5px;border:1px solid #cccccc;border-radius:15px;}
#login .form-login ul li.action{text-align:left;}

/*** home ***/
#home .content-map #sidebar
{
    height:790px;    
    overflow:hidden;
}
#home .content-map #sidebar .switch li .title .tag{margin-top:-14px;}
/*#home .content-map #sidebar .switch li .content{height:418px;}*/
.content-map .switch{margin-top:10px;}
.content-map .table th:first-child{width:38px;}
#home #sidebar .col li .title{width:238px;}
#maps{z-index:1;position:relative;width:670px;border-radius:5px;background:#f9f9f9;}
#maps .map{z-index:1;position:relative;width:670px;height:782px;border-radius:5px;overflow:hidden;}

/*** noise ***/
.content-noise #sidebar .switch li .content{width:260px;height:428px;}
#noise-view .noise-a{float:right;width:558px;height:450px;border:1px solid #c0dfe8;border-radius:5px;}
#noise-view .noise-a h1{text-align:center;height:32px;padding:15px 0;line-height:32px;font-size:20px;background:#c0dfe8;color:#0180a1;text-shadow:1px 1px 0 #ffffff;}
#noise-view .noise-a .pic{float:left;width:300px;}
#noise-view .noise-a .pic img{display:block;margin:25px auto;}
#noise-view .noise-a .googlemap{float:right;width:228px;padding-top:25px;margin-right:30px;_margin-right:15px;}
#noise-view .noise-a .noiseinfo{float:right;width:206px;padding:5px 10px 10px;margin-right:30px;_margin-right:15px;border:1px solid #eeeeee;background:#f6f6f6;font-size:10px;}
#noise-view .noise-a .noiseinfo img{width:206px;}
#noise-view .noise-b{float:left;width:100px;}
#noise-view .noise-b li{text-align:center;position:relative;margin-bottom:10px;}
#noise-view .noise-b img{display:block;width:84px;border:1px solid #c0dfe8;padding:5px;border-radius:0 0 5px 5px;}
#noise-view .noise-b li strong{display:block;width:96px;line-height:20px;text-shadow:1px 1px 0 #ffffff;border-radius:5px 5px 0 0;background:#c0dfe8;}

#noise-view .noise-c{float:right;width:668px;}
#noise-view .noise-c .content,
#noise-view .noise-c .content ul{height:426px;}
#noise-view .noise-c .title{width:656px;height:79px;overflow;hidden;border:1px solid #c0dfe8;border-radius:5px;text-align:center;color:#0180a1;font-weight:bold;background:#f6f6f6;}
#noise-view .noise-c .title li{width:163px;margin:0;border:0 none;border-right:1px solid #c0dfe8;border-radius:0;text-shadow:1px 1px 0 #ffffff;cursor:pointer;color:#666666;}
#noise-view .noise-c .title li.last{padding-right:1px;border:0 none;}
#noise-view .noise-c .title li img{width:30px;margin:5px auto 10px;}
#noise-view .noise-c .title .active{background:#c0dfe8;color:#0180a1;}
#noise-view .noise-c li{float:left;width:656px;margin:0 10px 10px 0;border:1px solid #c0dfe8;border-radius:5px;}
#noise-view .noise-c li strong{display:block;text-align:center;height:14px;padding:10px 0;line-height:14px;font-size:14px;background:#c0dfe8;color:#0180a1;text-shadow:1px 1px 0 #ffffff;}
#noise-view .noise-c img{display:block;margin:30px auto;}

/*** historical ***/
.content-historical .title-sub{width:900px;padding:0 10px;margin:0 10px -10px;border-radius:5px 5px 0 0;background:#93CFF1 url(images/default.png) repeat-x 0 -242px;color:#ffffff;}
.content-historical .period,
.content-historical .period:hover,
.content-historical .period:focus{border:0 none;border-bottom:1px solid #333333;border-radius:0;box-shadow:none;background:none;}


/** operation & tag & form element **/
.operation{display:block;width:16px;height:16px;background-image:url(images/operation.png);text-indent:-9999px;overflow:hidden;}
a.operation:hover{background-image:url(images/operation-hover.png);}
.home{background-position:0 -112px;}
.open{background-position:-64px -192px;}
.close{background-position:-96px -192px;}
.doc{background-position:-32px -96px;}
.create,
.add{background-position:0 -192px;}
.view{}
.del{background-position:-32px -192px;}
.cancel{background-position:0 -128px;}
.img{background-position:-208px -128px;}
.zoom{background-position:-192px -192px;}
.comment{background-position:-128px -96px;}
.show{background-position:-96px -192px;}
.hide{background-position:-64px -192px;}
.up{background-position:0 -16px;}
.down{background-position:-64px -16px;}
.left{background-position:-96px -16px;}
.right{background-position:-32px -16px;}
.pause{background-position:-16px -160px;}
.play{background-position:1px -160px;}

.tag{display:block;width:25px;height:32px;padding:2px 9px 0 4;background-image:url(images/default.png);font-weight:bold;font-size:10px;color:#ffffff;line-height:20px;text-align:center;}
.tag-action{background-position:-2px -652px;}
.tag-weather,
.tag-air{background-position:-34px -652px;}
.tag-cctv,
.tag-camera,
.tag-water{background-position:-70px -652px;}
.tag-snapshot,
.tag-vibration,
.tag-license,
.tag-ecology{background-position:-100px -652px;}
.tag-prosecution,
.tag-alert,
.tag-tree{background-position:-138px -652px;}
.tag-alarm,
.tag-others{background-position:-172px -652px;}
.tag-off{background-position:-206px -652px;}
.tag-noise{background-position:-233px -652px;}

input,
button,
textarea,
select{font-size:11px;outline:0 none;}
input[type='text'],
input[type='password'],
input[type='checkbox'],
input[type='radio'],
textarea,
select,
a.button{border:1px solid #cccccc;/*outline:1px solid #ffffff;*/}

input[type='text'],
input[type='password'],
input[type='checkbox'],
input[type='radio'],
textarea,
select{background:#fcfcfc;}

input[type='text']:hover,
input[type='password']:hover,
input[type='checkbox']:hover,
input[type='radio']:hover,
textarea:hover,
select:hover{border:1px solid #60b9ed;}

input[type='text']:hover,
input[type='password']:hover,
textarea:hover,
select:hover{box-shadow:0 0 1px #60b9ed;}

input[type='text']:focus,
input[type='password']:focus,
input[type='checkbox']:focus,
input[type='radio']:focus,
textarea:focus,
select:focus{border:1px solid #ff9900;background:#ffffff;}

input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
select:focus{box-shadow:0 0 1px #ff9900;}

input[type='checkbox']:focus,
input[type='radio']:focus{outline:1px solid #ffcc99;}

.text,
.button,
.select{padding:1px 5px;border-radius:15px;}
.text{}
.text-us{width:38px;}
.text-s{width:74px;}
.text-m{width:122px;}
.text-l{width:254px;}
.text-xl{width:460px;}
.file{width:236px;height:24px;}
.textarea{padding:5px;border-radius:10px;}
.textarea-s{}
.textarea-m{}
.textarea-l{}
.textarea-xl{}
.radio{}
.checkbox{}
.select{background:#fcfcfc url(images/arrow.png) no-repeat right 0;}
.select:hover{background:#ffffff url(images/arrow.png) no-repeat right -20px;}
.select:focus{background:#ffffff url(images/arrow.png) no-repeat right -40px;}
.select-us{width:54px;}
.select-s{width:84px;}
.select-m{width:132px;}
.select-l{width:264px;}
.select-xl{width:460px;}

.select-multiple{float:left;padding:5px;margin-right:5px;border:1px solid #cccccc;border-radius:10px;background:#fcfcfc;}
.select-multiple:hover{box-shadow:0 0 1px #60b9ed;border:1px solid #60b9ed;background:#ffffff;}
.select-multiple:focus{box-shadow:0 0 1px #ff9900;border:1px solid #ff9900;background:#ffffff;}
.select-multiple .select{border:0 none;border-radius:0;}
.select-multiple .select:hover,
.select-multiple .select:focus{box-shadow:none;border:0 none;}
.select-operation{float:left;padding:5px;margin-right:5px;}
.select-operation .button{display:block;width:46px;margin-bottom:10px;}

.select-multiple-s,
.select-multiple-s .select,
.select-operation-s{width:100px;height:110px;}
.select-multiple-m,
.select-multiple-m .select,
.select-operation-m{width:180px;height:110px;}
.select-multiple-l,
.select-multiple-l .select,
.select-operation-l{width:260px;height:110px;}
.select-operation-s,
.select-operation-m,
.select-operation-l{width:auto;}

.button{padding:0 15px;margin:0 5px;border:1px solid #cccccc;background:url(images/default.png) repeat-x 0 -422px;text-decoration:none;}
.button:hover{box-shadow:0 0 1px #cfcfcf;background-position:0 -452px;}
.button-doc,
.button-create,
.button-add,
.button-view,
.button-img,
.button-del,
.button-cancel,
.button-comment{font-size:10px;}
.button-doc,
.button-create,
.button-add,
.button-view,
.button-del,
.button-cancel{display:block;line-height:20px;margin:0;}
.button-home:hover,
.button-doc:hover,
.button-cancel:hover,
.button-img:hover,
.button-zoom:hover,
.button-comment:hover{box-shadow:none;}
.button-home .home,
.button-doc .doc,
.button-create .create,
.button-add .add,
.button-view .view,
.button-del .del,
.button-cancel .cancel,
.button-img .img,
.button-zoom .zoom,
.button-comment .comment{float:left;margin:0 2px 0 0;}
.button-img .zoom{margin-top:1px;}
.button-doc .doc,
.button-create .create,
.button-del .del{margin-top:2px;}

body .button-cancel, body .table tbody tr a.button-cancel {
display: inline-block;
margin-left: 20px;
line-height: 16px;
text-decoration: none;
}
/*** animation ***/
a,
input,
textarea,
select,
.button,
#logo,
#home .module,
#home .module .transition,
.pages li,
.panel-interface .col-grid1 .grid,
.panel-interface .col-grid1 .grid .reply,
.panel-interface .col-grid1 .grid .comments,
.panel-interface .col .grid .reply{transition:opacity 0.5s 0.2s,box-shadow 0.5s 0.2s,border-radius 0.5s 0.2s,border 0.5s 0.2s,outline 0.5s 0.2s,background-color 0.5s 0.2s,text-shadow 0.5s 0.2s,color 0.5s 0.2s;}

.submit,
.reset,
.export,
.update,
.cancel{transition:background 0.5s 0.2s;}

.table tbody tr th,
.table tbody tr td,
.position .nav .home ul,
.position .nav .home ul li,
.position .nav .home ul li .transition,
#position-nav li{transition:opacity 0.5s 0s,box-shadow 0.5s 0s,border 0.5s 0s,background-color 0.5s 0s,text-shadow 0.5s 0s,color 0.5s 0s;}

#position-nav li{transition:left 0.5s 0s;}

/*** rewrite jquery-ui style ***/
body .ui-widget{font-size:0.9em;line-height:1.2em;}
body .ui-dialog[role='dialog']{display:none;box-shadow:0 0 30px #666666;}
body .ui-datepicker{display:none;box-shadow:0 0 5px #cccccc;}
body .ui-dialog-titlebar-close,
body .ui-datepicker-prev,
body .ui-datepicker-next{transition:none;}

/*** jquery-ui-timepicker ***/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/*-------AspNetPager------*/
.pages { color: #999; }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}

.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}


.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;}