/** Add css rules here for your application. */
body {
 font-family:Arial,Verdana,Helvetica,sans-serif;
 font-size:11px;
 background-color:#F2F4F8;
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; 
}

#gauge {
    border: 1px solid #ccc;
    height: auto;
    left: 45%;
    margin-left: -45px;
    padding: 2px;
    position: absolute;
    top: 40%;
    z-index: 20001;
}

#gauge img {
   vertical-align:middle;
}

#loading-msg {
   font-size:14px;
}

#footer {
 background-color:#F2F4F8;
/*  width:930px; */
 height: 40px;
 text-align: center;
}

#copyrights {
 color:#666666;
 float:left;
 font-size:10px;
 padding:10px;
 width:350px;
}

#banner {
 background: url(res/images/banner.jpg) no-repeat center;
 height: 200px;
 width: 930px;
}

.bg {
	backgroud-color: #F2F4F8; 
}

.bg_main {
	backgroud-color: #F2F4F8;
}

.main_page_content {
 background: #F2F4F8;
/*  width: 930px !important; */
 margin: auto;
}


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.x-box-border {
  border: 1px solid #CCCCCC;
  heihgt: auto;
  padding: 2px;
  width: 300px;

  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -125px;  
  box-shadow: -2px 2px 20px -6px #000000;
  z-index: 2000;
}

.x-box {
  height: auto;
  width: 300px;
  padding-top: 10px;
}

.x-auth-title {
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	text-align: center;
}

.x-mainpage-nav {
	float: left;
	padding: 0 0 10px 30px;
	width: 300px;
}

#login-frm .x-panel-body {
	border-style: none;
	padding: 10px 0 0 10px;
}

#login-btns .x-panel-fbar span {
	font-style: italic;
}

#login-btns .x-status-icon {
	padding-left: 20px !important;
}

.x-login-err {
	padding-left: 10px;
	font-size: 11px;
	color: red;
}

.x-login-hello {
	padding-left: 10px;
	color: #437c29;
	font-weight: bold;
	font-size: 12px;
}

.x-icon-askue {
	background: url(res/images/user-icon.png) no-repeat center left !important;
	width: 37px;
	height: 27px;
}

#west-nav-panel .x-panel-header {
	line-height: 23px;
}

.x-icon-pdf {
    background-image: url('res/images/pdf.ico') !important;
}

.x-grid3-cell-inner, .x-grid3-hd-inner {
	white-space: normal;
}

img.icon{
	float:left;
	padding:10px;
}

.content-box {
    padding: 5px;
    /*text-align: justify;*/
}

.x-docs-style-deprecated {
	font-weight: bold;
	background-color: red;
}

.x-docs-style-noactive {
	font-weight: bold;
	background-color: yellow;
}

.x-docs-leaf {
	background-image: url(res/images/doc-leaf.png); 
}

.x-icon-recyclebin {
	background-image: url(res/images/recycle_bin_16.png);
}

.x-btn-add-folder {
	background-image: url(res/images/folder_new_16.png);
}

.x-btn-add-doc {
		background-image: url(res/images/doc-leaf.png);
}

.x-btn-home {
		background-image: url(res/images/folder_home_16.png);
}

.x-icon-excel {
	background-image: url(res/images/Excel1.ico); 
}

.x-btn-lock {
	background-image: url(res/images/Lock-24.png); 
}

.x-btn-unlock {
	background-image: url(res/images/Unlock-24.png); 
}