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

#sview-register-body {
	background:#EEB647 url(../image/bg_reg.jpg) repeat-x scroll 0 0;
	
}
/*.logo {
	margin-bottom:-166px;
	margin-left:215px;
}*/
.logo a {
	outline:none;
	}
.header{
/*background:#9F2E6E none repeat scroll 0 0;*/
float:left;
height:145px;
width:960px;
}
.outer-main 	{ width: 960px; margin: 0px auto; text-align:center; }
.main 			{ width: 960px; float: left; text-align: left; }
.content 		{ width: 960px; float: left; }
/*Contact form success message*/
.success-message {
color:#11570A;
float:left;
font-weight:bold;
margin-bottom:7px;
padding:2px;
width:299px;
}
.maroon { 
color: #c42e2f;
border-bottom:1px solid #cccccc;
}
.page-content { 
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:14px;
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:14px;
background:#FFFFFF none repeat scroll 0 0;
border:1px groove;
float:left;
/*margin-top:0;*/
margin:0 auto;
padding:20px 45px 0;
min-height:500px;
width:868px;
}
/* SCROLLING SECTION */
.page-scroll {
width: 850px;
padding: 24px;
float:left;
color: #494949;
/*overflow: auto;
height: 408px;*/
}
.page-scroll p {
font-size: 16px; 
color: #4b4b4b;
padding-top:10px;
padding-bottom:10px;
}
.page-scroll p a	{
color:#850f7f;
text-decoration:none; 
}
.page-scroll p a:hover	{
color:#4b4b4b;
text-decoration:none;
}
.page-scroll h2 	{
 font-size: 20px; 
 font-weight: normal; 
 }
.page-scroll img 	{ 
padding:0px 0px 0px 20px; 
}
.page-content h1 	{ 
font-size: 25px; 
padding-bottom: 5px; 
}
/* FOOTER SECTION */
.footer p {
color: #494949;
font-size: 12px;
}
.footer a {
color: #494949;
text-decoration:none;
}
.footer a:hover { 
color: #494949;
text-decoration:underline;
}
.footer	{ 
width: 960px;
float: left;
padding: 40px 0px 70px 0px;
}
.footer ul { 
list-style: none;
}
.footer ul li {
float:left;
color: #7c4d00;
font-size: 15px;
font-weight: bold;
}
.footer ul li a {
text-decoration:none;
color: #7c4d00;
padding-left: 3px;
padding-right: 3px;
}
.footer ul li a:hover {
text-decoration:none;
color: #000;
}
/*******************************************************/
.r-internal-page-header ,
.reading-log-footer , 
.r-sidebar-content , 
.r-sidebar-canvas , 
.r-sidebar-title {
	display:none;	
}

.usernameStatus {
	margin-top:24px;
	vertical-align: bottom;
	height:24px;	
	width:24px;	
	margin-left:0px;
	padding-left:0px;
}
.usernameStatus-tick {
	margin-top:19px;
}
.usernameStatus-cross {
	margin-top:35px;
	
}
			

.r-layout-internal-user {
	margin-top:3px;
}
.r-content-widget {
	line-height:30px;
}

.registration-option, .registration-options-panel, .registration-option .gwt-RadioButton {
	margin-top:5px;
	padding-top:8px;
	padding-bottom:8px;
}

.SLTextBox , .SLPasswordTextBox , .gwt-TextBox{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:#AB357F none repeat scroll 0 0;
	border:1px solid #75056F;
	color:white;
	font-weight:bold;
	height:24px;
	padding-top:4px;
		
}
.SLTextBox:focus , .SLPasswordTextBox:focus , .gwt-TextBox:focus {
	border:1px solid yellow;
}
.SLListBox {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #AB357F;
color:#AB357F;
padding:2px;
width:227px;
}
.gwt-RadioButton input{
	margin-right:9px;
}

.student-instruction-label {
	margin-bottom:15px;
	margin-top:15px;
	font-style:italic;
	font-weight:bold;
}
.student-option-label {
	margin-bottom:15px;
}
.errorMessage , .visible {
color:red;
text-decoration:blink;
width:222px;
}
.mandatory{
color:red;	
}
button.gwt-Button{
background:#A628A3;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
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-DecoratedTabPanel .gwt-TabPanelBottom {
border-color:#AB357F;
border-style:solid;
border-width:3px 2px 2px;
overflow:auto;
padding:6px;
}
.gwt-DecoratedTabPanel .gwt-TabPanelBottom {
	background:#FFFFFF;
	height:431px;
}

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

.errorMessage {
 font-size: 10px;
 font-weight: normal;
 color: #FF0000;
}

.mandatory {
 color:red;
}

.formFieldInput {
}
.formFieldInput select{
 width:200px;
 border:1px solid grey;
}
.formFieldInput select:focus{
 background:#E9DFFB;
}

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