body,html
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 12pt 'HelveticaNeue', Arial, Helvetica, sans-serif;
	background: #f7f7f7 url(../images/gray_jean.png);
	font-size:12px;   
    height: 100%;
	overflow-x:hidden;
}
#table100x100,.container
{
    height: 100%;

}
#table100x100 .left{
    padding-bottom:10px;
}
#table100x100 .right{
    padding-bottom:10px;
}
#table100x100 .center{
    padding-bottom:10px;
    border:none!important;
}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend/*, table, caption, tbody, tfoot, thead, tr, th, td*/ {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
#page{margin-bottom: 5px;}
#searchpage{margin-top: 5px;margin-bottom: 5px;}
table.bordered{
    border: 1px solid #bbb;
    background:#fff;
    border-spacing: 5px;
    border-collapse: separate;
}
#header{margin:0px auto;padding: 0;height:34px;width:100%;background: #00abbe;color:#fff;}
#header .welcome{float: left;line-height:34px;padding-left:10px;}
#header .welcometxt{float: left;line-height:34px;;}
#header .changehk{float: left;line-height:34px;padding-left:10px;}
#logo{float:left;width:180px;height:48px;}
#user{float:right;text-align:right;padding-right:15px;line-height:28px;}
#user ul li{display:inline;padding:1px 0;}
#user ul li a{margin:0;padding-left:10px;color:#fff;text-decoration:none;}
#user ul li a:hover{color:#fff;text-decoration:underline;}
#user .sep{padding:0 5px 0 5px;}


#content{padding:0;margin:0px auto;}
#content h1{font-weight:bold;font-size:16px;}

#searchcontent{padding:0 0 0 0;margin:50px 0 0 0;width:100%;}
#searchcontent h1{font-weight:bold;font-size:16px;}
.searchbg{
    padding:5px;
    background: rgb(237,237,237);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
}

#sidebar{padding: 20px;}
#footer{padding:10px 0 10px 0;margin:0 auto;font-size: 0.8em;text-align: center;width:980px;color:#cccccc;}

#logincont{
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    padding:20px 0; margin:100px auto;width:300px;
}
#logincont .loginhead{text-transform:uppercase; letter-spacing:0.25em;}

#mainmenu{background:#D1F1F3;height:38px;width:100%;margin:0px auto;}

#content h1.titlelist {float:left;width:100%;color:#000000;font-size:16px;margin:10px 0 0 0;padding:3px 0 10px 0;}
#content h1.titlelist2 {width:100%;color:#000000;font-size:16px;margin:10px 0 0 0;padding:3px 0 10px 0;}
#searchcontent h1.titlelist {width:100%;color:#000000;font-size:16px;margin:10px 0 0 0;padding:3px 0 10px 0;}
#content h1.titlesearch {color:#000000;font-size:16px;margin:10px 0 0 0;padding:3px 0 10px 0;float: left;}
#searchcontent h1.titlesearch {color:#0085CB;font-size:16px;margin:10px 0 0 0;background:url(../images/search.png) no-repeat;padding:3px 0 10px 30px;}
#content h1.titleview{color:#000;font-size:16px;margin:10px 0 10px 0;padding:0;float: left;width:100%;}
#content .titlesep{color:#000;font-size:16px;padding:0 10px 0 10px;}
#content h1.titlehistory{color:#0085CB;font-size:16px;margin:10px 0 0 0;padding:3px 0 10px 15px;}
#content h1.timesheet{color:#0085CB;font-size:16px;margin:10px 0 0 0;padding:3px 0 10px 0;}

div.breadcrumbs{padding:5px 0 5px 0;margin:0px auto;width:980px;}
div.breadcrumbs a{margin:0 5px 0 0;color:#0085cb;text-decoration:none;}
div.breadcrumbs a:hover{color:#f00;text-decoration:underline;}

#newItem{padding:10px 10px 10px 0;text-align: left;float:left;}
#newItem ul li{display:inline;padding:1px 0;}
#newItem ul li a{margin:0 10px 0 0;text-decoration:none;}
#newItem ul li a:hover{color:#f00;text-decoration:underline;}
#newItem ul li.add{background:url(../images/edit.png) no-repeat;padding-left:2px;}
#newItem ul li.update{background:url(../images/update.png) no-repeat;padding-left:2px;}
#newItem ul li.delete{background:url(../images/del.png) no-repeat;padding-left:2px;}
#newItem ul li.timesheet{background:url(../images/timesheet.gif) no-repeat;padding-left:2px;}
div.userflash_success,div.userflash_error{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: green;
    height: 30px;
    line-height: 30px;
    color: #fff;
}
div.userflash_error{
    background:red;
}
div.exception{padding:8em;margin-bottom:1em;border:2px solid #ddd;}
div.error, div.notice, .success,div.ajaxformerror{padding:.8em;margin-bottom:1em;border:1px solid #ddd;border-radius:3px;}
div.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.errormsgcont{
    float:left;
    width:100%;
}
div.mwerror{background:#ffffff;color:#cc0000;margin-bottom:1em;background:#DDECF7;}
div.pwperror{color:#cc0000;margin-bottom:1em;}
div.ajaxerror{color:#cc0000;}
div.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
div.mwsuccess{background:#ffffff;color:#264409;}
div.error a{color:#8a1f11;}
div.notice a{color:#514721;}
div.success a{color:#264409;}
div.form .rememberMe label{display: inline;}
.actions{margin: 0 0 10px 0;padding: 0;}
.actions li{display: inline;margin: 0;padding: 0;}
.actions li a{padding: 5px;margin: 0;color: #298dcd;text-decoration: none;font-size: 0.8em;font-weight: bold;background: #DFF4FF;border-left: 5px solid #589FC8;}
.actions li a:hover, .actions li a.active{background: #589FC8;color: white;}
/*div.view{margin: 10px 0;border: 1px solid #c9c7c7;}*/
.portlet{}
.portlet-decoration{padding: 3px 8px;background: #B7D6E7;border-left: 5px solid #6FACCF;}
.portlet-title{font-size: 12px;font-weight: bold;padding: 0;margin: 0;color: #298dcd;}
.portlet-content{font-size:0.9em;margin: 0;padding: 5px 8px;margin-bottom:15px;background:#EFFDFF;}
.portlet-content ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin: 0;padding: 0;}
.portlet-content li{padding: 2px 0 4px 0px;}
.post{margin: 0 0 20px;}
.post .title{font-size: 1.5em;border-bottom: 1px solid #C9E0ED;}
.post .title a{color: #555;text-decoration: none;}
.post .author{color: #888;margin: 0 0 5px;}
.post .nav{-moz-border-radius:7px;padding: 5px;background: #EFFDFF;}
.comment{-moz-border-radius:7px;padding: 10px;background: #F5F5F5;margin: 5px 0;}
.comment .content{margin: 10px 0;}
.comment .author{margin: 5px 0;padding: 0 0 3px;border-bottom: 1px solid #DDD;}
.comment .time{color: #888;font-size: 0.8em;}
.comment a.cid{color:#CCC;float:right;font-size:1.5em;font-weight:bold;padding:0 5px 5px 5px;text-decoration: none;}
.comment a.cid:hover{color:#555;}
.comment .pending{color:red;}
p{width:100%;padding:5px 0  5px 0;}
.messagecont p{width:100%;padding:5px 0  5px 0;}
.messagecont ul{margin: 0 0 0 20px;padding: 0;}
div.row{text-align:center;}

.datepickerpos {cursor:pointer;  margin-left:3px;margin-top: 5px;margin-bottom: -3px;}

search_button, .button{
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 12px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #ccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
search_button:hover, .button:hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
search_button:active, .button:active {
    position:relative;
    top:1px;
} 

.noList{color: red;font-size: 0.9em;}

.loader{position:absolute;top:0;left:0;}

a.alarmLink:link {color:#FF0000!important;;} 
a.alarmLink:visited {color:#FF0000!important;;} 
a.alarmLink:hover {color:#0085CB!important;;} 

.attachment{float:left;width:100%;line-height:16px;background:url(../images/attachment.png) no-repeat;background-position:0 5px;border:none;padding:5px 0 0 20px;}
.author{color:#888888;font-size:0.9em;padding-left:10px;}

.ui-jqgrid,.ui-jqgrid-bdiv{
    font-size:12px!important;
    overflow-x:hidden!important;
}
hr.vonal{margin:0.1em 0;border: 0;height: 0;border-top: 0.5px solid #d9d9d8;border-bottom: 1px solid #d9d9d8;}

th.nicehead{
    border-left: 1px solid #cdc3b7;
    background: #ede4d4 url(redmond/images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #3f3731;    
    line-height:25px;
}
td.nicetd{
    font-weight: normal;
    line-height:25px;
    padding:0 10px;
}
.helpbtn{
    float: right;
    padding: 0px 0 0 0;
    margin: 0px 0 0 0;    
    cursor:pointer;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-success {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert {
    padding: 8px 0 8px 0;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    width: 100%;
}
.alert .close {
    position: relative;
    top: -2px;
    right: 2px;
    line-height: 20px;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.alert p {
    line-height: 20px;
    margin: 0 15px;
    width: 99%;
    margin: 0px auto;
}
.alert h4 {
    font-size: 18px;
    line-height: 20px;
    margin: 10px 15px;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    text-rendering: optimizelegibility;
    float: left;
    width: 95%;
}
.alert-online-help hr, .guider_content hr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0px auto;
    width: 99%;
}
.ui-jqgrid tr.jqgrow td{
    white-space: pre-wrap!important;
    font-size:11px!important;
}
th.nicehead,th.nicehead2{
    border-left: 1px solid #cdc3b7;
    background: #ede4d4 url(redmond/images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #3f3731;    
    line-height:25px;
}
th.nicehead2{
    padding:0 10px;
    text-align: left;
}
td.nicetd{
    font-weight: normal;
    line-height:25px;
    padding:0 10px;
}
 .red {
      color: red;
      font-size: 2em;
  }
  .blue {
      color: blue;
      font-weight: bold;
  }