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

#sview-body {
 background:url(../image/butterfly_bg.gif);
 /*background:#FFA401;*/
 }
#a-page-container {
	background:url(../image/balloon.gif) repeat scroll 0 0;
	/*border-right:5px solid #000000;
	border-left:5px solid #000000;*/
	width:1087px;
	margin:0px auto;
}
.gwt-Hyperlink:hover {
	cursor:pointer;
}
/*--------------- Dialog box ui changes -----------------------*/

.dialogBoxWithTitle .Caption {
	 -moz-border-radius-topleft:6px;
	 -moz-border-radius-topright:6px;
	 background:#75056F none repeat scroll 0 0;
	 border-color:#75056F;
	 border-style:solid;
	 border-width:5px 5px 1px;
	 color:white;
	 cursor:default;
	 font-weight:bold;
	 padding:3px 3px 4px 8px;
}

/* the wrapper around the content */
.dialogBoxWithTitle .dialogContent {
	background:#FFE9FE none repeat scroll 0 0;
	border-bottom:5px solid #75056F;
	border-left:5px solid #75056F;
	border-right:5px solid #75056F;
	padding:18px;	
}


/* the top left cell */
.dialogBoxWithTitle .dialogTopLeft {
	
} 

/* the inner element of the cell */
.dialogBoxWithTitle .dialogTopLeftInner {
	
} 

/* the top center cell, where the caption is located */
.dialogBoxWithTitle .dialogTopCenter 

/* the inner element of the cell */
.dialogBoxWithTitle .dialogTopCenterInner 

/* the top right cell */
 .dialogBoxWithTitle .dialogTopRight 

/* the inner element of the cell */
.dialogBoxWithTitle .dialogTopRightInner 

 /* the middle left cell */
.dialogBoxWithTitle .dialogMiddleLeft

/* the inner element of the cell */
.dialogBoxWithTitle .dialogMiddleLeftInner 

/* the middle center cell, where the content is located */
.dialogBoxWithTitle .dialogMiddleCenter { 
	background:#FFE9FE;
	/*border-color:#75056F;	
	border-style:solid;
	border-width:5px 5px 5px 5px;*/
	padding:18px 12px 9px 11px;
} 

 /* the inner element of the cell */
.dialogBoxWithTitle .dialogMiddleCenterInner
 
 /* the middle right cell */
.dialogBoxWithTitle .dialogMiddleRight {
	border:5px solid #75056F;
		
}

/* the inner element of the cell */
.dialogBoxWithTitle .dialogMiddleRightInner 

 /* the bottom left cell */
.dialogBoxWithTitle .dialogBottomLeft

/* the inner element of the cell */
.dialogBoxWithTitle .dialogBottomLeftInner 

 /* the bottom center cell */
.dialogBoxWithTitle .dialogBottomCenter

 /* the inner element of the cell */
.dialogBoxWithTitle .dialogBottomCenterInner

 /* the bottom right cell */
.dialogBoxWithTitle .dialogBottomRight

 /* the inner element of the cell */
.dialogBoxWithTitle .dialogBottomRightInner

/*---------------- Dialog box ends ---------------*/

.a-tabbar {
/*margin-top:-2.7em;*/
 margin-left:6.5em;
 margin-bottom:-20px;
}
a {
 user-focus: none;
 outline: none;
 -moz-user-focus: none;
 -moz-outline: none;
}
 .a-action-panel tbody tr td {
 border:none;
}

.a-action-panel td {
 border:none;
}
.a-action-panel a {
 color:#333333;
 text-decoration:none;	
}
.a-action-panel a:hover {
 color:#000000;
 /*text-decoration:underline;*/
 /*border-top:1px solid #333333;*/
}

.a-container {
 width:600px;	
}

  
 /*Action menu images style*/
.action-menu-image .gwt-Image {
	margin-right:2px;
	margin-top:-1px;
	vertical-align:middle;
	width:14px;
}
.action-menu-image img{
	width:14px;
	}
.action-menu-image{
	font-size:12px;
	clear:both;
}
.action-menu-image:hover{
	cursor:pointer;
	cursor: hand;

}

/*.createnew_button a:visited { Create button old changes
 color:green;
 font-weight:bold;
}
.createnew_button a:hover {
  background:;
}
.createnew_button a ,.createnew_button button{
 /*-moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 background:#3F4C6B none repeat scroll 0 0;
 border-color:#8AA7EB #3F4C6B #3F4C6B #8AA7EB;
 border-style:solid;
 border-width:1px;
 color:#FFFFFF;
 font-size:12px;
 height:27px;
 padding:3px 18px;
 text-decoration:none;
 width:115px;---

 background:#E8E8E8 none repeat scroll 0 0;
 border-color:#EEEEEE #A4A4A4 #A4A4A4 #EEEEEE;
 border-style:solid;
 border-width:1px;
 color:green;
 font-size:12px;
 height:64px;
 padding:7px 19px 7px 40px;
 text-decoration:none;
 width:115px;
}
*/
.new_button a:hover {
 background:#5B7545;
 color:#FFFFFF;
}
.gwt-Button {
 margin-right:3px;
}

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

/** Add css rules here for your application. */
.a-places-panel {
 margin-left:80px;
}

.a-places-panel  {
}

.a-place-item-panel {
 margin-left:10px;
 padding-left:3px;
 padding-right:3px;
 padding-bottom:2px;
 cursor: pointer;
 vertical-align: middle;
}

.a-place-item-panel .a-selectable {
 cursor: pointer;
}

.a-place-item-panel, .a-place-item-label, .a-place-item-panel .cbg-RP {
 background-color:#D286A0;
}

table{
 border-collapse:collapse;
}

.table-header-row td, .reading-log-header td {
 /*color:white;
 height:1.4em;
 border-bottom:1px solid grey;
 border-left:1px solid grey;*/
 /*border:1px groove #740672;*/
 /*background:url(static/image/chikani3.gif) no-repeat;*/
 color:#DDFFDA;
 font-family:Verdana,Arial,Helvetica,sans-serif,"Trebuchet MS";
 font-weight:bold;
 height:1.4em;
 font-size:18px;
}

.table-header-title td {
 /*background:url(static/image/chikani3.gif) no-repeat;*/
 color:#FFFFBF;
 font-weight:bold;
 height:1.4em;
 font-size:18px;
}

.r-internal-page-header-c {
}

.reading-log-row{
 border-bottom:1px solid #740672;
 height:22px;
}

.reading-log-row td {
 background:#F2E0FB none repeat scroll 0 0;
 margin:18px;
 padding:2px;
}

.reading-log-detail-row {
 border-bottom:1px solid #740672;
 height:17px;
}
.reading-log-detail-row-edit{
	height:32px;
	background:lightgreen none repeat scroll 0 0;
}
.reading-log-detail-row-edit IMG {
	cursor:pointer;
}
.reading-log-row td {
/* background:#F2E0FB none repeat scroll 0 0;
 margin:18px;                   /*----------------------Previous settings with out images--------------*//*
 padding:2px;
 font-size:15px;*/
background:#FDFFCE none repeat scroll 0 0;
font-size:15px;
margin:18px;
padding:2px;
}

.r-internal-page-header {
 height:4em;	
 width:100%;
 border-bottom:2px solid #cccccc;
}

.r-internal-page-header td {
			
}

.r-pagenav-tabbar {
 margin-left:10em;
 margin-bottom:0;
 padding-bottom:0;
}

.r-logo-text {
 font-size:16pt;	
 color:white;
 text-align:left;	
 padding-top:4px;	
}

.reading-right-text, #header-top-nav .gwt-Anchor, #header-top-nav a {
 color:#000000;
 font-size:8pt;
 text-align:left;
}

#content-entry-nav a {		
 font-size: 11pt;
 color: #49608C;	
 text-align:right;
}

.reading-panel-align {
 color:#000000;
 margin-left:620px;
 padding-right:3px;
}

.reading-right-padding {
 padding: 0px 3px 0px 0px;	
}
	
.r-sidebar {
 width:238px;
 height:25em;
 margin-left:0.5em;
}

.formFieldLabelPanel, .dateBoxLabelPanel {
 margin-top:0.5em;
}
.formFieldLabel {
 font-weight:bold;	
 color:blue;
}

.formFieldInput {
}
.formFieldInput select{
 width:200px;
 border:1px solid grey;
}
.formFieldInput select:focus{
 background:#E9DFFB;
}
.reading-log-date, .spelling-date {
 /*width:14em;*/
 /*width:29em;	*/ 
}

.reading-log-goal {
width:23em;	 
}


.reading-log-status {
 width:10em;	 
}
.reading-log-minutes {
 width:21em;
}
.reading-log-book-minutes-input {
 width:18em;
}	
.reading-log-book-name, .reading-log-book-name-input,  .spelling-words {
 width:22em;	
}
.spelling-no-words {
	width:17em;	
}
.reading-log-date {
 width:10em;	
}

.reading-log-minutes-read {
 width:10em;	
}
.reading-log-action {
 /*width:5em; Previous settings without images*/
 width:16em;
}
.action-style {
 width:23em;	
}
.listen-action {
 width:5em;
}
.reading-log-table, .spelling-list-table, .vocabulary-card-table {
 /*border:1px solid #darkgreen;
 text-align:center;
 margin-left:1em;*/
 border:1px ridge #740672;
 border-collapse:collapse;
 margin-left:1em;
 margin-top:11px;
 margin-bottom:16px;
 text-align:center;
 width:778px;
}
.vocab-detail-table {
 border:1px solid #darkgreen;
 text-align:center;				
}

.reading-log-field-error {
 color: red;
 width: 30em;
}

/** 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 */
.dialogBoxWithTitle {
 width:817;
 height:357;
}

.dialogBoxWithTitle button {
 /*background:#5E5762 none repeat scroll 0 0;
 color:wheat;
 font-family:Verdana,Arial,Helvetica,sans-serif,"Trebuchet MS";
 font-size:13px;
 font-weight:bold;
 margin:4px 5px 3px 23px;
 padding:3px 14px;*/
 -moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background:#EF7E21 none repeat scroll 0 0;
color:white;
font-family:Verdana,Arial,Helvetica,sans-serif,"Trebuchet MS";
font-size:13px;
font-weight:bold;
margin:4px 5px 3px 23px;
padding:3px 19px;
}

.gwt-TeacherGoaldialogbox {
 /*width:1000px;
 height:1000px;*/
}	
	
.dialogVPanel {
 margin: 5px;
}
.template-pdf {
margin-left:29px;
margin-top:25px;
}
.template-pdf a {
 text-decoration:none;
 
}
.serverResponseLabelError {
 color: red;
}

/*Error dialog*/
.gwt-DialogBox {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background:wheat none repeat scroll 0 0;
border:9px solid grey;
width:375px;
	/*width:817;
	height:357;*/
}
.gwt-DialogBox .dialogTopCenterInner .Caption {
background:#75056F none repeat scroll 0 0;
border:medium none;
color:white;
font-weight:bold;
width:350px;
}
/*Error dialog*/


/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
 margin: 15px 6px 6px;
}
	
.content-panel {
 height:75%;
 padding-right:8px;
}

.reading-log-footer {
 height:2em;
 width:100%;	
}

.r-footer-contact {
 text-align: right;
}

.reading-sidebar1 {
 height: 7em;
 width: 18em;
 text-align: center;	
}

.r-sidebar-title {
 height: 2em;
 width: 17em;
 color: white;
 text-align: center;
}

.r-sidebar-content {
 text-align: center;
}
.r-sidebar-content p {
font-size:12px;
font-style:italic;
/*font-weight:bold;*/
margin-left:8px;
padding-bottom:4px;
}
.r-sidebar-widget {
	width:17em;
	min-height: 190px;
}

.a-rounded-line-panel-title {
 height: 2em;
 color: white;
 text-align: left;
 font-size:1.2em;
 font-weight:bold;
 padding-left: 1em;
 padding-top: 0.25em;
}

.a-rounded-line-panel {
 margin-right:2em;
 margin-left:2em;
 margin-bottom:1em;
}

.r-sidebar-widget, .a-rounded-line-panel {
 margin-top: 1em;
 width:220px;
}

.reading-button {
 text-align: center;
}

.gwt-add-dialog .dialogContent {
 height:115px;
 width:280px;
}

.gwt-teacher-dialog .dialogContent {
 color:red;
 height: 550px;
 width: 480px;
}

.gwt-spelling-dialog .dialogContent {
 height:330px;
 width:300px;
}

.r-sidebar-panel {
 margin-left:-11px;
 
 }

.gwt-HorizontalPanel {
 zoom: 1;
 padding: 10px 0px 20px 50px;
}

.r-footer-padding {
 padding: 20px 0px 20px 300px;	
}

.r-footer-privacy-padding {
 padding: 20px 0px 20px 50px;	
}

.r-footer-pipe-padding {
 padding: 0px 4px 0px 4px;	
}


.r-layout-internal-user {
/*background-color: #C9C9C9;*/
 /*margin:0px auto;*/
}


.reading-status {
 color: #49608C;
 font-family: verdana;
 font-size: 12pt;
 font-weight: bold;
 padding: 20px 4px 3px 20px;
}

.r-one-grid td {
 border-bottom: none;
 border-left: none;
 padding: 2px 1px 1px 0px;
}
/* actions extends r-one-grid */
.r-one-grid.actions {	
 float: right;
 padding-right: 30px;
}
.r-teacher-entry {
 width: 600px;
 height: 300px;
}

.r-register-canvas {
 width: 30em;
}
.r-built-label {
 padding:0px 0px 10px 50px;	
}

.vocabulary-panel, .spelling-list{
 width: 800px;
 height: 450px;
 padding: 10px 10px 10px 10px;
}

.vocabulary-panel, .spelling-list{
/*background:pink;*/
}

.vocabulary-word {
 border: 1px solid lightblue;
 width: 600px;
 height: 200px;
 text-align: center;
 font-family: arial;
}

.listen-spell-word {
 border: 1px solid lightblue;
 width: 700px;
 height: 400px;
 text-align: center;
 background-color: white;
 font-family: verdana;
 padding: 12px 0px 32px 25px;
}

.r-word-spell {
 border: 1px solid lightblue;
 width: 600px;
 text-align: center;
 background-color: lightblue;
 font-family: verdana;
}

.r-description-word {	
 border: 2px solid lightblue;
 width: 560px;
 height: 100px;
 background-color: white;
 font-family: verdana;	
}

.r-vocab-panel {
 padding:20px 10px 10px 30px;
}

.r-vocablist-panel {
 border: 2px solid lightblue;
 width: 720px;	
}

.r-dictionarylist-panel {
 border: 2px solid lightblue;
 width: 720px;
}

.r-define-panel {
 border: 1px solid lightblue;
 text-align: center;
 width: 500px;	
 padding:40px 0px 40px 0px;
}
.r-caption-word {
 height: 100px;
 width: 250px;
 border: 1px solid lightblue;
}
.r-scroll-align {
 text-align: left;		
}

.r-textbox {
 background-color: lightyellow;
}
.r-label {
 font-weight: bold;
}
.s-spelling-border {
 border: 2px solid lightblue;
}
.r-label-description {
 font-family: verdana;
 font-size: 10pt;
}

.listen-spell-count {
 padding: 10px 0px 3px 0px;	
}

.scroll-pane {
 border: 2px solid lightblue;
 height: 180px;
 width: 300px;
}
.r-listen-padding {
 padding:10px 0px 7px 5px;	
}

.reading-log-footer,  .r-internal-page-header {
 background-color:#9BB5C8;
 border-top:2px solid #cccccc;
 margin-top:2px;
}
.reading-log-header, .table-header-row {
background:#5E5661 none repeat scroll 0 0;
 /*background:url(static/image/tab_brown_rev.jpg) repeat scroll 0 0;*/
 height:25px;
}
.table-header-title {
background-color:#968B9C;
 /*background:url(static/image/tab.jpg) repeat scroll 0 0;*/
 height:25px;
}
.r-content-canvas {
background:#CAE5FF none repeat scroll 0 0;
border-left:0.1px solid;
border-right:0.1px solid;
min-height:480px;
padding-bottom:28px;
width:819px;
}
.cell-widget-content-list {
background:#FFF5AD;
margin-top:7px;
margin-bottom:14px;
border:1px solid #000000;
clear:both;
display:block;
margin-left:49px;
height:86px;
overflow:auto;
width:350px;       
}
.cell-widget-content-goal {
background:#FFF5AD;
margin-top:7px;
margin-bottom:14px;
border:1px solid #000000;
clear:both;
display:block;
margin-left:16px;
height:86px;
overflow:auto;
width:350px;
}

/*ReadingLogDetailListPane Button*/
.imageHyperlink {
/*background:grey none repeat scroll 0 0;
border:1px outset;*/
background:#EF7E21;
border:1px solid;
border-top:1px solid;
border-left:1px solid;
border-color:#EEEEEE #A4A4A4 #A4A4A4 #EEEEEE;
margin-right:11px;
height:30px;
width:120px;
}

a.imageHyperlink:hover{
 background:#dff4ff;
 border:1px solid #c2e1ef;
 color:#336699;
}
.imageHyperlink img:hover {
	cursor:pointer;
}

.r-content-canvas .imageHyperlink a {
/*color:green;
font-weight:bold;
margin-left:0;
margin-top:7px;
position:absolute;
text-decoration:none;*/
	
color:#FFFFFF;
float:left;
font-weight:bold;
margin-left:30px;
margin-top:-35px;
padding:11px 0 4px;
text-decoration:none;
width:88px;

}
.imageHyperlink-readingloglistpane {
/*background:grey none repeat scroll 0 0;
border:1px outset;*/
background:#EF7E21;
border:1px solid;
border-top:1px solid;
border-left:1px solid;
border-color:#EEEEEE #A4A4A4 #A4A4A4 #EEEEEE;
margin-right:26px;
margin-top:9px;
height:30px;
width:120px;
}
.list-btn-padding .imageHyperlink-readingloglistpane a{
color:#FFFFFF;
float:left;
font-weight:bold;
margin-left:-1px;
margin-top:-5px;
margin-bottom:-22px;
padding:12px 5px 5px 0;
text-decoration:none;
font-size:11px;
width:174px;

}

#link_username_h {
	 
}                 
.imageHyperlink-readingloglistpane img:hover {
	cursor:pointer;	
}
.imageHyperlink-readingloglistpane img {
	width:25px;
	height:25px;
	margin-top:2px;
}
.gwt-Hyperlink a:hover {
	cursor:pointer;
	}
.gwt-Hyperlink a:hover{
	cursor:hand;
	}

.r-sidebar-widget .cbg-RP {
 background-color:#FF8000;
}

.r-content-widget {
 /*margin-top: 1em;
 margin-right:2em;
 margin-left:2em;
 margin-bottom:1em;
 height:600px;
 width:800px;
 height:600px;*/
 height:511px;
 margin:1em 1.2em;
 width:800px;
}

.a-rounded-line-panel-title, .r-content-widget .cbg-RP {
 background-color:#5E5762;
}

.r-validate {
 color: red;
}

.gwt-DecoratedTabBar {
 margin-left:4.5em;
 margin-bottom:-3px;
}

.gwt-DecoratedTabBar .tabTopCenter {
 background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
 background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
 background: #d0e4f6;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
 background: #D286A0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
 background: #D286A0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
 background: #D286A0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
 color: #999999;
}

.r-panel-print {
 border: 2px solid lightblue;
 background:grey;	
}

.r-front-panel {
}

.r-back-panel {
}

.r-back-panel, .r-front-panel {
 border: 1px solid #7F007F;
 background:white;	
 height: 300px;
 width: 480px;
}

.list-btn-padding {
 /*background:transparent url(static/image/drumbeat.gif) no-repeat scroll 0 0;*/
 float:right;
 /*padding:19px 11px 11px 56px;
 margin-bottom:-22px;*/
}

.detail-btn-padding {
	padding: 10px 0px 0px 0px;	
}

.r-scroll-pane {
 width: 555px;
}
.r-panel-background {
 color: navy;
}

.r-front-padding, .r-back-padding {
 padding: 100px 10px 0px 100px;
 font-size: 25px;
}

.yellow-tab-panel .gwt-DecoratedTabBar .gwt-TabBarItem
{
 background-color: #FAF4A0;
}

.green-tab-panel .gwt-DecoratedTabBar .gwt-TabBarItem
{
 background-color: #CFE469;
}

.orange-tab-panel .gwt-DecoratedTabBar .gwt-TabBarItem
{
 background-color: #F4D16F;
}
.listen-spell-word {
 background-color: #F4D16F;
}
.vocabulary-panel {
 background-color:#FAF4A0;
 border:1px solid #FF8000;	
}
.vocabulary-list-table .reading-log-header, .vocabulary-list-table .reading-log-header .gwt-Label {
 background-color:#FF8000;
 color:black;
}

.reading-grid-border {
 background:#DBD3FF;
 border: 0.1px solid #004985;
}
.r-label-box {
 width:235px;	
 border: 0.1px solid lightblue;
 background-color: #F9FEFD;
}
.reading-bgcolor td{	
 /*width:235px;	
 border: 0.1px solid lightblue;
 background-color:#DAFFCC;*/
 background-color:#F2FFD8;
 border:0.1px solid #8809FF;
 padding-left:5px;
 text-align:left;
 width:280px;
}

.listen-bgcolor td {	
 border: 0.1px solid lightblue;
 background-color:#F2FFD8;
 padding-left:5px;
 width:294px;
}
.r-dash-Panel {
 width:150px;
}
.r-tips-text {
 width:50px;
}	

.r-dash-panel td{
 width:12px;
 border-bottom: 2px solid #0000FF;
 font-size:17px;		
}

.formFieldLabel {
 /*color: #004985; Original settings*/
 color:#000000;
 font-size: 12px;
 font-weight: bold;
}

.own-list {
 color:brown;
}
.gwt-TextBox {
 border:1px solid #5E5762;
 margin-bottom:7px; 
}
.gwt-DateBox{
 border:1px solid #5E5762;
 margin-bottom:7px;
 padding:2px;
 width:90px;
}
.DateBox {
 border:1px solid #cccccc;
 margin-top:0px;
 /*height:20px;*/
}
.r-one-grid actions a{
 text-decoration:none;
}
.dateBoxCalendar {
/* height:16px;
 margin-top:2px;
 position:absolute;*/
 height:25px;
margin-top:0;
position:absolute;
width:25px;
}

.SLTextBox {
 height:19px;
}

.table-header-cell {
	
}
.SLPasswordTextBox {
 width:172px;
}
.SLPasswordTextBox {
	 -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#75056F none repeat scroll 0 0;
border:1px solid #75056F;
color:white;
font-weight:bold;
padding-top:4px;
	}
.SLTextBox, .SLPasswordTextBox , .DateBox {
 -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#75056F none repeat scroll 0 0;
border:1px solid #75056F;
color:white;
font-weight:bold;
height:24px;
padding-top:4px;
}
 .SLTextArea{
  -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#75056F none repeat scroll 0 0;
border:1px solid #75056F;
color:white;
font-weight:bold;
padding-top:4px;
 } 
.SLTextBox:focus, .SLTextArea:focus,.SLPasswordTextBox:focus , .DateBox:focus {
 /*background-color:#FFE2CE;*/
 background-color:#E9DFFB;
 color:#000000;
}
.mandatory {
 color:red;
}

/*.SLRadioButton {
	margin-left:2px;	
}*/

.gwt-RadioButton{
 margin-right:17px;
 color:red;
}
.errorMessage {
 font-size: 10px;
 font-weight: normal;
 color: #FF0000;
}

.gwt-ScrollTable {
 border-color: #aaa;
 border-style: solid;
 border-width: 1px 0px 1px 1px;
}

.gwt-ScrollTable .headerWrapper {
 background: #8bd ;
}

.gwt-ScrollTable .headerWrapper td {
 border:1px solid grey;
 height:5px;
}

.gwt-ScrollTable .dataTable tr {
 border-bottom:2px  dashed grey;
 border-left:7px solid white;
 border-right:7px solid white;
 height:2px;
}

.gwt-ScrollTable .dataTable tr  td {
 border-bottom:1px dashed grey;
}

.caption-bar-closebtn {
	text-align-right;
	float:right;
}
.scroll-pane-word {
	width:505px;
	height:150px;
	border:1px solid grey;
}
.r-scroll-pane {
	border: 0.1em solid lightblue;
}
.invisible {
	display:none;
}

#footer {
 background:url(../image/head_orange.png);
 margin-top:30px;
 height:30px;
 /*width:1087;*/
}

#footer p{
 color:#F5DFB4;
 font-weight:bold;
 text-align:center;
 padding-top:9px
}
.word-scrollpanel {
	height:400px;
	width:520px;
	border:0.1em solid grey;
}
.flx-style-definition {
	width:500px;
}
.link-style {
	width:125px;
}
.word-style {
	font-weight: bold;
	color: blue;
}
.flex-padding {
	padding-left:100px;
	color: blue;
}
.flow-padding {
	border: 1px solid lightblue;
	color: blue;
}
.r-help-panel{
	/*display:none;*/
}
.assigned-signUps-widget{
	padding-left:70px;
}

.assigned-goal-widget {
	padding-left:34px;
}
.assigned-goal-widget ul {
	margin-left:10px;
	list-style-type:disc;
}
.assigned-goal-widget ul li {
	display:list-item;
}
.assigned-list-widget {
	padding-left:12px;
}
.assigned-list-widget ul {
	margin-left:38px;
	list-style-type:disc;
}
.assigned-list-widget  ul li {
	display:list-item;
}

.assigned-userCount-widget {
		padding-left:5px;
}
.assigned-userCount-widget ul {
	margin-left:10px;
	list-style-type:disc;
}
.assigned-userCount-widget ul {
		display:list-item;
}
.link-def-style {
	padding: 5px 50px 10px 0px; 
}