/** Add css rules here for your application. */

.leftPanel
{
	padding-left: 25px;	
}

.navPanel
{
    list-style: none outside none;
    width: 100%;
    height: 28px;
    margin: 0;
    padding 0;
    background: #336699;
    color: #FFFFFF;
}

.navPanel li
{
    background: url("./images/white_breadcrumbs_indicator2.gif") no-repeat scroll 3px center transparent;
    display: inline;
    float: left;
    line-height: 1.8em;
    margin: 0 0.2em 0 0;
    padding-left: 15px;
    white-space: nowrap;
    font-weight: bold;
}

.navPanel li.firstBreadCr
{
    background-image: none;
    padding-left: 0;
}

.navPanel span
{
    cursor: pointer;
}

.navPanel .lastBreadCr span
{
    cursor: default;
}

.navPanel span:hover
{
    text-decoration: underline;
}

.navPanel .lastBreadCr span:hover
{
    text-decoration: none;
}

.k12MenuBar-horizontal
{
	background: #336699;
	font-weight: bold;
	color: #FFFFFF;
}

.k12MenuBarItem
{
	background: url("./images/white_breadcrumbs_indicator2.gif") no-repeat scroll 3px center transparent;
    display: inline;
    float: left;
    line-height: 1.8em;
    margin: 0 0.2em 0 0;
    padding-left: 15px;
    white-space: nowrap;
    font-weight: bold;
}

.k12MenuBarItem-selected
{
	cursor: pointer;
	text-decoration: underline;
}

.k12MenuBarFirstItem
{
	display: inline;
    float: left;
    line-height: 1.8em;
    margin: 0 0.2em 0 1.8em;
    padding-left: 15px;
    white-space: nowrap;
    font-weight: bold;
}

.k12MenuBarFirstItem-selected
{
	cursor: pointer;
	text-decoration: underline;
}

.k12MenuBarLastItem
{
	background: url("./images/white_breadcrumbs_indicator2.gif") no-repeat scroll 3px center transparent;
    display: inline;
    float: left;
    line-height: 1.8em;
    margin: 0 0.2em 0 0;
    padding-left: 15px;
    white-space: nowrap;
    font-weight: bold;
}

.body
{
    padding: 0 2em;
}

purple, .puple
{
    color: #5117b1;
}

green, .green
{
    color: #719932;
}

red, .red { color: red; }
pink, .pink { color: pink; }

f24px, .f24px
{
    font-size: 24px;
}

f18px, .f18px
{
    font-size: 18px;
}

f10px, .f10px
{
	font-size: 10px;
}

bold, .bold
{
    font-weight: bold;
}

helvetica
{
    font-family:Helvetica, sans-serif, Verdana, Arial;
}

pinkLabel
{
    display: inline;
    margin-right: .5em;
    color: #F66;
}

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

.gwt-Button
{
    color: #336699;
}

.gwt-Button:hover 
{
    background: #D0E4F6;
}


a#homeLink  {    
    text-decoration:none;
    color: #000000;
}


/** 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;
}

.loginGrid
{
    margin: 1.2em auto;
    margin-top: 2.4em;
    padding: 1.2em;
    border: 2px solid #C3D9FF;
    background: #E8EEFA;
}

.h1
{
    font-size: 2em;
    font-weight: bold;
}

.signInLabel
{
    padding-top: 1.5em;
    margin:  0 1em 0 0;
    font-weight: bold;
}

.loginPanel
{
    background-color: red;
}

.rightAlign
{
    text-align: right;

}

.error
{
    color: red;
}

.boldText
{
    font-size: 13px;
    font-weight: bold;
}

.topSpan
{
    height: 1.1em;
    padding: 0;
    border: 0;
    margin: 0 0 0 .5em;
    display: inline;
}

.topNavLeft
{
}

.topNavRight
{
    position: absolute;
    top: 16px;
    right: 1em;
}

.topNavRightLogout
{
    position: absolute;
    top: 0px;
    right: 1.3em;
}

#welcomeUserTextContainer
{
    display: inline;
}

.italic
{
    font-style: italic;
}

#topNav
{
    background:transparent none repeat scroll 0 0;
    margin-bottom:2px;
    position: relative;
}

#topNav p
{
    border-bottom:1px solid #CCCCCC;
    padding: 3px;
}

.topNavLogo
{
    width: 25px; height: 25px;
    margin-left: .9em;
}
.separator
{
    background:transparent none repeat scroll 0 0;
    border-bottom:1px solid #CCCCCC;
    margin-bottom:2px;
}


.FlexTable {
    border: 2px solid #444;
    margin-left: 0px;
    background-color:  #9fc0e6;
}


.FlexTable td 
{
    xpadding-left: 4px;
    padding-right: 4px;
}

.evenRow 
{
    background-color: #E6E6E6;
}

.oddRow 
{
    background-color: #FFFFFF;
}


.FlexTable-OddRow{
    background-color: #fff;
}


.FlexTable-EvenRow {
    background-color:  #d0e4f6;
}


.FlexTable-ColumnLabel {
    color: #d0e4f6;
    padding: 3px;
    font-weight: bold;
}

.FlexTable-ColumnLabelCell {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: white;
    margin: 0;
    padding: 0;
    text-align: center;
}

.FlexTable-Cell {
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: white;
    padding: 5px;
}

.FlexTable-SelectedRow{
    background-color: #FFD699;
}

.borderedBox table
{
    width: 100%;
    height: 100%;
}

.borderedBox table
{
    xborder: 1px solid #C1E5F5;
}

.labelLeft
{
    color: #445;
    margin-right: 5px;
}

.labelRight
{
    width: 6.5em;
}
.hwScheduleDropdown
{
	width: 6.5em;
    height: 22px !important;
}

.errorLabel
{
    color: #FF0000;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 8px;
}

.inputFieldWithError
{
	border: 1px solid #FF0000;
}

.tabbedInput1
{
	margin-left: 23px;
}

.labeledControl
{
    margin-right: 12px;
}

.dropdown
{
    width: 12em;
}

.smallLengthLabel .labelLeft
{
    width: 8em;
}

.mediumFieldLength .mediumLengthLabel .labelLeft
{
    width:  12em;	 
}

.mediumLengthValue .labelRight
{
    width:  11em;	 
}


.longFieldLength
{
    width: 18em;
}

.header3
{
    font-size: medium;
}

.hide 
{
    display: none;
}

.leftDashedBorder
{
    border-left: 2px dashed #C1E5F5;
    padding-left: 5px;
}

.panelBorder
{
    border:  2px solid #C1E5F5;
    padding: 3px 5px 3px 5px;
    margin: 0 auto;
}

.topBorder
{
    border-top:  2px solid #C1E5F5;	
    margin-top:  2px;
}

.topAndBottomMargin
{
    margin: 5px 0px 5px 0px;
}

.sideAndBottomMargin
{
    margin: 0px 5px 5px 5px;
}

.smallButton
{
    font-size: x-small !important;
    padding: 3px 5px;
    cursor: pointer;
}

.smallButton:hover
{
    color: #00033F;
}

.smallButton[disabled] {
    cursor: default;
    color: #BBA8B0;
}

.buttonPanel .smallButton {
    height: 23px;
    width: 50px;
}

.dialogCloseButton
{
    font-size: 8px !important;
    position: relative;
    top: -11px;
}

.dialogBoxPanel
{
    position: relative;
    top: -16px;
}	

.k12DialogBox
{
    z-index: 3;
}

.k12DialogBox .theCaption
{
    margin-left: 24px;
}

.dialogMainPanel
{
    margin-left: 7px;
    margin-right: 7px;
    padding-left: 3px;
}

.dialogMainPanel .labelLeft
{
    width: 13em;
}

.dialogMainPanel .labelRight
{
    width: 13em;	
}

.dialogBottomPadding
{
    padding-bottom: 6px;
}

.sendBatchCCTitle {
    margin-left: 10px;
    padding-left: 10px;
}

.sendBatchCCEmailPanelPadding
{
    padding-top: 20px;
    padding-bottom: 6px;
}
.sendBatchCCText
{
    margin-left: 10px;
}

.sectionTitle
{
    margin-top: 2px;
    margin-bottom: 4px;
    padding-bottom: 4px;

    font-weight: bold;
}

.dialogMainPanel .labeledControl
{
    margin-top: 2px;
    margin-bottom: 5px;
}

.dialogMainPanel .gwt-Button
{
    margin-top: 10px;
    margin-bottom: 2px;
}

.CalendarButton {
    width: 1em;
    height: 1.2em;
    background-color: red;
}

.gwtresiable-ColumnLabelCell {
    color: white;
    border-width: 0;
    border-style: solid;
    border-color: white;
    margin: 0;
    padding: 0;
    text-align: center;
    xwhite-space:nowrap;
}

.gwtresiable-ColumnResizeCursor {
    cursor: col-resize;
}

.gwtresiable-Puller {
    height: 100%;
    width:  2px;
    background-color:  white;
    padding: 0;
    margin: 0;
}

#EPR
{
    margin: 0 auto;
    max-width:  1000px;
    min-width: 800px;
}

#EPRFooter .gwt-DecoratorPanel .middleCenter
{
    background: #d0e4f6;;
}

#EPRFooter .gwt-DecoratorPanel
{
    margin: 0 auto;
    padding: 0;
}

.mainPanel
{
    margin: 0 auto;
    width:  1000px;
}

.thinBorder
{
    border: 1px solid grey;
}

.lightBlueBackground
{
    background: #4ABCDE;
}

.whiteBackground
{
    background: #FFFFFF;
}

.whiteForeground
{
    color:  #FFF;
}

.panel
{
    margin: 0;
    padding-left: 12px;
}

.outerPanel {
    background: #FFFFFF;
}

.innerPanel {
    background: #E8EEFA;
}

.rec_main {

}
	
.rec_main td {
    border: 0px;
}
.paddingRight10 {
	padding-right:10px;
}

.gwt-DecoratorPanel .middleCenter {
    height: 100%;
    width: 100%;
}

.gwt-DecoratorPanel-blue .topLeftInner, 
.gwt-DecoratorPanel-blue .topRightInner, 
.gwt-DecoratorPanel-blue .bottomLeftInner, 
.gwt-DecoratorPanel-blue .bottomRightInner,
.gwt-DecoratorPanel-white .topLeftInner, 
.gwt-DecoratorPanel-white .topRightInner, 
.gwt-DecoratorPanel-white .bottomLeftInner, 
.gwt-DecoratorPanel-white .bottomRightInner 

{
    height: 12px !important;
    width: 12px !important;
}


.gwt-DecoratorPanel-blue .middleCenter
{
    background: #00A2D1;
}

.gwt-DecoratorPanel-white .middleCenter
{
    background: #FFF;
}

.gwt-DecoratorPanel-blue .topLeft {
    background:transparent url(images/blue_top_left_corner.png) no-repeat scroll 0 0 !important;
}

.gwt-DecoratorPanel-blue .topRight {
    background:transparent url(images/blue_top_right_corner.png) no-repeat scroll 0 0 !important;
}

.gwt-DecoratorPanel-blue .bottomLeft {
    background:transparent url(images/Blue_bttm_left_corner.png) no-repeat scroll 0 0 !important;
}

.gwt-DecoratorPanel-blue .bottomRight {
    background:transparent url(images/Blue_bttm_right_corner.png) no-repeat scroll 0 0 !important;
}


.gwt-DecoratorPanel-blue .middleLeft {
    background:transparent url(images/Blue_left_tile.png) repeat-y scroll 0 0 !important;
}

.gwt-DecoratorPanel-blue .middleRight {
    background:transparent url(images/blue_right_tile.png) repeat-y scroll 0 0 !important;
}

.gwt-DecoratorPanel-blue .topCenter {
    background:transparent url(images/blue_top_tile.png) repeat-x scroll 0 0 !important;
}

.gwt-DecoratorPanel-blue .bottomCenter {
    background:transparent url(images/Blue_bttm_tile.png) repeat-x scroll 0 0 !important;
}



.gwt-DecoratorPanel-white .topLeft {
    background:transparent url(images/white_top_left_corner.png) no-repeat scroll 0 0 !important;
}

.gwt-DecoratorPanel-white .topRight {
    background:transparent url(images/white_top_right_corner.png) no-repeat scroll 0 0 !important;
}

.gwt-DecoratorPanel-white .bottomLeft {
    background:transparent url(images/white_bttm_left_corner.png) no-repeat scroll 0 0 !important;
}

.gwt-DecoratorPanel-white .bottomRight {
    background:transparent url(images/white_bttm_right_corner.png) no-repeat scroll 0 0 !important;
}


.gwt-DecoratorPanel-white .middleLeft {
    background:transparent url(images/white_left_tile.png) repeat-y scroll 0 0 !important;
}

.gwt-DecoratorPanel-white .middleRight {
    background:transparent url(images/white_right_tile.png) repeat-y scroll 0 0 !important;
}

.gwt-DecoratorPanel-white .topCenter {
    background:transparent url(images/white_top_tile.png) repeat-x scroll 0 0 !important;
}

.gwt-DecoratorPanel-white .bottomCenter {
    background:transparent url(images/white_bottom_tile.png) repeat-x scroll 0 0 !important;
}


.purpleButton
{
    background: transparent url(images/PurpleButton.png) repeat-x scroll 0 -84px !important;
}

.purpleButton:hover
{
    background: transparent url(images/PurpleButton.png) repeat-x scroll 0 -210px !important;
}

.blueButton
{
    background: transparent url(images/BlueButton.png) repeat-x scroll 0 -84px !important;
}

.blueButton:hover
{
    background: transparent url(images/BlueButton.png) repeat-x scroll 0 -210px !important;
}
	
.decoratedButton
{
    -moz-border-radius: 6px;
    height:      42px;
    color:       white;
    font-weight: bold;
    min-width:   80px;
}

.decoratedButton:hover
{
    color:  white;
    font-weight: bold;
}


.messagePanel {
    background-image:url(images/Messages_back.png);
    background-repeat:no-repeat;
    height:266px;
    position:relative;
    width:277px;
    margin-left:5px;
}

.message_panel_header {
    color: #024059;
    font-family: Helvetica;
    font-size: 22px;
    font-weight: bold;
    padding-left: 22px;
    padding-top: 12px;
    width: 219px;
}

.announcement_body {
    color: #474747;
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 10px;
}

.wide 
{
    width: 750px;
}


.busyCursor {
    cursor: busy;
}

.waitCursor {
    cursor: wait;
}

.disabledPanel {
    background-color: #ebebe4;
}

.topPadding {
    padding-top: 3px;
}

.topPadding5 {
    padding-top: 5px;
}

.bottomPadding {
    padding-bottom: 8px;
}

.sidePadding {
    padding-left:  7px;
    padding-right: 7px;
}

.noMargin {
    margin: 0;
}

span.listItemLink {
    cursor: pointer;
}

span.listItemLink:hover {
    text-decoration: underline;
}

.whiteBackground { background: #FFFFFF; }
.whiteText       { color: #FFFFFF; }

.grayBackground { background: #E6E6E6; }
.grayText       { color: #E6E6E6; }

.beigeBackground { background: #FFEFB5; }
.beigeText       { color: #FFEFB5; }

.skyBlueBackground { background: #E8EEFA; }
.skyBlueText       { color: #E8EEFA; }

.orangeBackground { background: #FF9900; }
.orangeText       { color: #FF9900; }

.blueBackground { background: #336699; }
.blueText       { color: #336699; }

.darkBeigeBackground { background: #FFD699; }
.darkBeigeText       { color: #FFD699; }

.darkBlueBackground { background: #330099; }
.darkBlueText       { color: #330099; }

.redBackground { background: red; }
.redText       { color: red; }

.greenBackground { background: green; }
.greenText       { color: green; }

.lightOrangeBackground { background: #fff3e0; }
.lightOrangeText       { color: #fff3e0; }

.blackBackground { background: black; }
.blackText       { color: black; }

.darkGrayBackground { background: #445; }
.darkGrayText       { color: #445; }

.gwt-GlassPanel {
    z-index: 2;
    /*
      NOTE: Please do NOT use either CSS 'width' or 'height' here, as
      this would defeat much of the effort that went into GlassPanel
      in order to get it to work consistently in a variety of
      circumstances. Specifically, please resist the urge to use
      'width/height: 100%' or similar constructs.
    */
}

.gcomp-GlassPanel {
	z-index: 2;
    background-color: black;
    filter: alpha(opacity=50);
    opacity: .50;
}

.gwt-SuggestBoxPopup {
	z-index: 3;
}

.h3
{
    font-size: 1.6em;
    font-weight: bold;
}

.h4
{
    font-size: 1.2em;
    font-weight: bold;
}

.tooltip {
    border: #5996c9 solid 1px;
    padding: 3px;
    background-color: #e7f3fd;
    font-size: 11px;
	z-index: 3;
}

.asterisk {
    padding-right: 3px;
}

.versionPanel {
    margin-top: 20px;
}

.versionLabel {
    color: #616161;
    font-size: 11px;
}

.noTopBottomMargin {
    margin: 0px auto;
}

.calendarButtonImage {
    cursor: pointer;
}

.dropdownAlikeTable {
    border: 1px solid #7F9DB9;
}

.dropdownAlikeTable .headerWrapper td {
    background: transparent url("./images/sortable_sign.gif") no-repeat scroll right center;
}

.dropdownAlikeTable .dataTable tr {
    height: 12px;
    cursor: default;
}

.dropdownAlikeTable .dataTable td {
    border: 0;
    padding: 0;
}

.dropdownAlikeTable .dataTable tr.selected td {
    color: white;
    background: #316AC5;
}

.emailBodyDetailDialog {
    width: 860px;
}

.updateSchoolDialog {
	width: 746px;
	height: 575px;
}

.updateQuestionDialog {
	width: 728px;
	height: 400px;
}

.updateRegionToSchoolDialog {
	width: 352px;
	height: 306px;
}

.updateEmailTemplateDialog {
	width: 780px;
	height: 500px;
}

.nameValueDetailDialog {
	width: 500px;
	height: 350px;
}

.ebsLogDetailsDialog {
	width: 500px;
	height: 370px;
}

.ccEmail {
    width: 100% !important;
}
.batchHistoryColCenter{
    text-align:center;
}
.batchHistoryTooltip {
    border: #FF9900 solid 1px;
    padding: 3px;
    background-color: #FFFF99;
    font-size: 12px;
}

.eprStudentTableWidth {
    width: 100%;
}

.eprDashBoard {
    width: 100%;
    height: 500px;
}

.eprMenuLabel {
    height: 45px;
}

.linkText {
	color: #0000AA;
	text-decoration: underline;
}

.linkText:hover {
	cursor: pointer;
}


.labelLink
{
	cursor: pointer;
	color: #0000AA;
	text-decoration: underline;
}

.ecmDialog {
	width: 1075px;
	height: auto;
	z-index: 3;
}

.ecmDialogTitle {
	font-weight: bold;
	font-size: 20px; 
}

.ecmSchoolLabel {
	font-size: 16px;
}

.emailDetailsLabel {
	font-weight: bold;
}

.readonlyTextArea
{
    border: 1px solid #7F9DB9;
    background-color: #e7f3fd;
    margin: 5px 0 5px 0 !important;
}

.readonlyTextArea_error {
    margin: 5px 0 0 0 !important;
	border: 1px solid #7F9DB9;
	color: red;
}	

.margin5Top {
	margin-top:5px;
}
.margin10Top {
	margin-top:10px;
}
.margin20Top {
	margin-top:20px;
}
.margin10Bottom {
	margin-bottom:10px;
}
.margin5Left {
	margin-left:5px;
}
.margin10Left {
	margin-left:10px;
}
.margin15Left {
	margin-left:15px;
}
.margin20Left {
	margin-left:20px;
}
.margin20Right {
	margin-right:20px;
}
.margin10TopLeft {
	margin-top :10px;
	margin-left:10px;
}
.margin20Top10Left {
	margin-top :20px;
	margin-left:10px;
}
.margin5TopLeft {
	margin-top :5px;
	margin-left:5px;
}
.margin10Top5Left {
	margin-top :10px;
	margin-left:5px;
}
.margin10Top5Left {
	margin-top :5px;
	margin-left:10px;
}

.padding10Top20right {
	padding-top :10px;
	padding-right:20px;
}

.padding30Left {
	padding-left:30px;
}
.padding8Left
{
	padding-left: 8px;	
}

.pageDisplayWidget {
  height: 35px;
  margin-left: 10px;
}

.pageDisplayWidgetBorder {
  border-top: 1px solid #D6E8B0;
  width: 300px;
}


.ecmTabPanel
{
	position: relative;
}

.ecmSaveButton
{
	position: relative;
	top: 50px;
	right:40px;	
}

.gwt-PopupPanel
{
	z-index: 4;
}

.showHistoryDialog {
    width: 1000px;
}

.scantronLocationDialog {
    width: 700px;
}

.updateCouponDialog {
    width: 800px;
}

.componentLeft {
    color: #445;
    margin-right: 5px;
}

.componentRight {
    width: 6.5em;
}

.componentError {
    color: #FF0000;
    margin-left: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.labeledComponent {
    margin-right: 12px;
}

.noWrap {
    white-space: nowrap;
}

.disabledImage {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.example_text {
    color: #999999;
    float: left;
    margin-bottom: 3px;
    width: 95%;
}