body, td, th, div { font-size: 12px; color: #505050; font-family: '微软雅黑'; }
body { margin-left: 0px; margin-top: 0px; height: 100%; }
a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: #FF5702; }
a:active { text-decoration: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
img { border: none; }
.container { width: 50%; min-width: 480px; _width: 480px; border: 1px #ccc solid; margin: 0 auto; }
.middlecenter { background: url(../images/worklog/worklogtimer/bg.png); }

.normal { background: url(../images/worklog/worklogtimer/nobg.png) repeat-x #FFF5D3; border-bottom: 1px #ccc solid;height:50px; padding:5px 15px 10px 15px; text-align:center;cursor:pointer;}
.on { background: url(../images/worklog/worklogtimer/onbg.png) repeat-x #F57D06; border-bottom: 1px #ccc solid;height:50px; padding:5px 15px 10px 15px; text-align:center;cursor:pointer; }
    .on li, .normal li { line-height:150%;font-size:13px;}
.clock { height: 50px; line-height:50px; min-width: 80px; _width:80px; font-size: 20px; font-weight: bold; margin: 0 auto; }

ul#navigation { list-style: none; margin: auto; text-align: center; height: 50px;display: inline-block; }
    ul#navigation li { width: 80px; text-align: center;float:left; }
        ul#navigation li a { display: block; float: left; width: 70px; height: 40px; background-repeat: no-repeat; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; text-decoration: none; text-align: center; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
            ul#navigation li a i { font-size: 24px; color: #F57D06; }
            ul#navigation li a span { letter-spacing: 2px; font-weight: bold; font-size: 13px; color: #F57D06; text-shadow: 0 -1px 1px #fff; }
            ul#navigation li a:hover, ul#navigation li a:hover i, ul#navigation li a:hover span { color: #FF5702; }

#contextMenu { /* The menu container */ border: 1px solid #F57D06; /* Border around the entire menu */ background-color: #FFF; /* White background color of the menu */ margin: 0px; padding:10px 0px 0px 0px; width: 155px; /* Width of context menu */ font-family: 微软雅黑; font-size: 12px; background-image: url('../images/worklog/worklogtimer/gradbg.gif'); /*../images/worklog/worklogtimer/gradbg.gif*/ background-repeat: repeat-y; /* Never change these two values */ display: none; position: absolute; }
    #contextMenu li { /* Each menu item */ list-style-type: none; padding: 1px; margin: 1px; cursor: pointer; clear: both; }
        #contextMenu li a { /* Links in the context menu */ color: #333; text-decoration: none; line-height: 100%; text-align:left; vertical-align: middle; height: 28px; /* Don't change these 3 values */ display: block; width: 100%; clear: both; }
    #contextMenu .contextMenuHighlighted { /* Highlighted context menu item */ border: 1px solid #fff5d3; padding: 0px; background-color: #FFF5D3; }
    #contextMenu li a i {font-size: 20px; color: #F57D06; margin: 5px 10px 0px -30px; }
    #contextMenu .imageBox { /* Dynamically created divs for images in the menu */ float: left; padding-left: 2px; padding-top: 3px; vertical-align: middle; width: 30px; /* IE 5.x */ width /* */: /**/ 28px; /* Other browsers */ width: /**/ 28px; }
    #contextMenu .itemTxt { float: left; width: 120px; /* IE 5.x */ width /* */: /**/ 120px; /* Other browsers */ width: /**/ 120px; }