/** Add css rules here for your application. */
#mainbody{
        margin-left:15%;
        margin-right:15%;     
    }
#logintable
{
border: 2px solid #00CCFF;
 /**align: center;*/
 margin-left: auto;
 margin-right: auto;
}
#marks_record_screen
{
border: 2px solid #00CCFF;
 /**align: center;*/
 margin-left: auto;
 margin-right: auto;
}
#loading {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	margin-left: -100px;
}
#specialFloatWindow{
		   position: absolute; /* Or fixed - depends on what you want */
		   right: 0; /* The part that puts the Panel in bottom right of the page/client area */
		   bottom: 0;
		  }
/** 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;
}
.dropdown {
 background: transparent url('images/vertical_nextprev.gif') no-repeat scroll 2px 2px;
 float: center;
 cursor:pointer;
 height: 20px;
 width: 16px;
}
.gwt-TabLayoutPanel {
    height: 100%;
}
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
    z-index: 1902 !important;
}
.gwt-DialogBox .dialogTop{
	 width: 100% !important;
	}
.gwt-DialogBox .dialogMiddleCenter{
	 width: 100% !important;
	}
.gwt-DialogBox .dialogMiddle{
	 width: 100% !important;
	}
.gwt-DialogBox .dialogMiddleCenterInner{
	 width: 100% !important;
	}
.gwt-DialogBox .dialogContent{
	 width: 100% !important;
	}
.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
/* tell the SVG path to be a thin blue line without any area fill */
	path {
		stroke: steelblue;
		stroke-width: 1;
		fill: none;
	}
	
	.axis {
	  shape-rendering: crispEdges;
	}

	.x.axis line {
	  stroke: lightgrey;
	}

	.x.axis .minor {
	  stroke-opacity: .5;
	}

	.x.axis path {
	  display: none;
	}

	.y.axis line, .y.axis path {
	  fill: none;
	  stroke: #000;
	}

	
.gwt-TextArea, .gwt-SuggestBox.multivalue {
    height: 40.125em;
}
.gwt-Anchor { 
	text-decoration: none !important;
}
.wideTextField {
    width: 330px;     /* 155 + 20 + 155 */
}
.smallTextField {
    width: 15em;    
}

/* Autocompleter */

.suggestPopupContent table {
    width: 327px;
}

.gwt-SuggestBoxPopup {
    margin-left: 0px;
    margin-top: -7px;
    z-index: 1902;
}
.gwt-PopupPanel {
	z-index: 1902 !important;
	 }

.dateBoxPopup{
      z-index: 1902 !important;
}
	 
.gwt-SuggestBoxPopup .item {
    background: white;
    color: black;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0px 8px;
    font-size: 12px;
    line-height: 14px;
}

.gwt-SuggestBoxPopup .item-selected {
    background-color: #7ca1c2;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
    border: thin solid #464646;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 2px #C8C8C8;
}

.gwt-SuggestBoxPopup .suggestPopupTop, .gwt-SuggestBoxPopup .suggestPopupBottom, 
.gwt-SuggestBoxPopup suggestPopupTopLeft, .gwt-SuggestBoxPopup .suggestPopupTopCenter, .gwt-SuggestBoxPopup .suggestPopupTopRight, 
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft, .gwt-SuggestBoxPopup .suggestPopupMiddleRight, 
.gwt-SuggestBoxPopup .suggestPopupBottomLeft, .gwt-SuggestBoxPopup .suggestPopupBottomCenter, .gwt-SuggestBoxPopup .suggestPopupBottomRight,
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner, .gwt-SuggestBoxPopup .suggestPopupTopLeft {
    display: none;
    z-index: 1902;
}

.autocompleterNext, .autocompleterPrev {
    height: 14px;
    margin-left: 85%;
}

.gwt-SuggestBoxPopup .autocompleterNext {
    background: transparent url('images/vertical_nextprev.gif') no-repeat scroll 2px 2px;
}

.gwt-SuggestBoxPopup .autocompleterPrev {
    background: transparent url('images/vertical_nextprev.gif') no-repeat scroll 2px -36px;
}

.gwt-SuggestBoxPopup .item-selected .autocompleterNext {
    background: transparent url('images/vertical_nextprev.gif') no-repeat scroll -16px 1px;
}

.gwt-SuggestBoxPopup .item-selected .autocompleterPrev {
    background: transparent url('images/vertical_nextprev.gif') no-repeat scroll -16px -36px;
}

/* to position the elements */
.textarearow {
    position: relative;
    height: auto !important; 
    height: 5%;
    min-height: 1px; 
}

.textfieldrow {
    position: relative;
    height: 28px;
}

div.rpt-formfeedback {
	position: absolute;
	float: center;
}
/*
   These styles are used for the form feedback labels
 */

div.rpt-formfeedback.error {
    width: 16px;
    height: 17px;
    background: transparent url('images/status_icons16.gif') no-repeat scroll 0px 0px;
}

div.rpt-formfeedback.warning {
    width: 16px;
    height: 17px;
    background: transparent url('images/status_icons16.gif') no-repeat scroll 0px -17px;
}

div.rpt-formfeedback.loading {
    width: 16px;
    height: 17px;
    background: transparent url('images/loading_small.gif') no-repeat scroll;
}

div.rpt-formfeedback.valid {
    width: 16px;
    height: 17px;
    background: transparent url('images/status_icons16.gif') no-repeat scroll 0px -34px;
}
/*kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk*/

.auto_suggest {
    z-index: 1601;
    background-color: white;
    padding: 10px;
    width: 400px;
    height: 230px;
}

.original-token-input {
    width: 396px;
    border: 1px solid #8496ba;
    font-size: 12px;
    font-family: Verdana;
    padding: 4px 8px;
}

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
}