/* ---------- FONTAWESOME ---------- */
[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}

.main {background-color:#FFFFFF; font-family: "Varela Round", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1em; font-style: normal; margin: 0 0 0 0; padding: 0 0 0 0;  display:block; }
.main a {color:#25A0D9;}
.main a:hover {color:#4F9444;}
.main table a {font-size: 14px; text-decoration:none;}
.main table a:hover { color:#4F9444;}

.logo-container{padding-top:30px; width: 100%; font-weight: bold;}
.logo-sm {	display: block;    margin-left: auto;    margin-right: auto;}
/*#login{  margin-top:25px; display: block;    margin-left: auto;    margin-right: auto;*/

.container {
    width: 500px;
    clear: both;
}
.container input { 
    clear: both;
}


/* ---------- LOGIN ---------- */
#login {
	margin: 60px auto;
	width: 400px;
}

#changePwd {
	margin: 60px auto;
	width: 400px;
}

#login h2 {
	background-color: #25A0D9;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	color: #fff;
	font-size: 28px;
	padding: 20px 26px 0 0;

}

#login h2 span[class*="fontawesome-"] {
	margin-right: 14px;
}

#login table {
	-webkit-border-radius: 0 0 20px 20px;
	border:none;
	/*padding: 20px 26px;*/
	padding: 30px 26px;
}

#login table label {
	    display: inline-block;
    width:100px;
    text-align: right;
}

#login input[type="submit"], #changePwd input[type="submit"] {
	color: #FFFFFF;
	margin: 0 auto;
	padding: 4px 0;
	width: 220px;
	height: 40px;	
	font-size:16px;
	font-weight: bold;
	background: none repeat scroll 0 0 #25a0d9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
}

#login table input[type="submit"]:hover, #changePwd table input[type="submit"]:hover {
	background-color: #4F9444;
	color:#fff;
	cursor:pointer;
}

.pull-right{float: right;}

#login{width:500px; display:block; margin-left: auto;margin-right: auto;}

.text{padding-top:100px; margin-left: auto; margin-right: auto; width:500px; text-align:center; font-size:16px;}

.middle{background-color: #FFFFFF; margin: 0 0 0 0; padding: 3px 0 0 0; height: 300px; width:100%; position:relative;}

.footer {
    background-color:#4F9444; height:40px;  margin-top:18px;  display: block;
    vertical-align:bottom; margin-left: auto;    margin-right: auto; width:100%; 
	position:relative;top:70px
	
}

.required {
    color: #FF0000;
    font: 11px/18px verdana,geneva,sans-serif;
}

.required_whiteText {
    color: red;
    font: 11px/18px verdana,geneva,sans-serif;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    font-size: 14px !important;
    border-color: light gray !important;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    height:35px;    
}

html body .RadInput_Default .riHover, html body .RadInput_Hover_Default, html body .RadInput_Default .riFocused, html body .RadInput_Focused_Default {
    border-color: #515151 !important;
}

.FailureMessage {  
    font : 11px/18px "Segoe UI",Arial,Sans-serif;
	color:Red;
}

/*
.error-container, .success-container
{
    vertical-align:middle;
    border-radius:3px; 
    margin-bottom:10px;
    text-align:left;
    padding:10px 0px 10px 0px;
}

.error-container
{
    background-color:#f2dede; border:1.5px solid #ebccd1; color:#a94442;
}

.success-container
{
    background-color:#D6FFEB; border:1.5px solid green;
}
*/

/*
.error {  
	font: 16px/24px "Segoe UI",Arial,Sans-serif;
	color:Red;
	background-image:url(../images/Error.PNG);
	background-repeat:no-repeat;
	background-size: 19px 19px;
	background-position:0px 2px;
	padding-left: 25px;
	position:relative;
	left:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
}

.success
{
    font: 16px/24px "Segoe UI",Arial,Sans-serif;
	color:green;
	background-image:url(../images/Success.PNG);
	background-repeat:no-repeat;
	background-size: 17px 17px;
	background-position:0px 2px;
	padding-left: 23px;
	position:relative;
	left:20px;
	display: inline-block;
}
*/

.error-container, .success-container
{
    vertical-align:middle;
    margin-bottom:10px;
}

.error-container {
    width:100%;
}

.success-container {
    width:100%;
}

.error-msg {
    background-color:#bd362f;
    background-image:url(../images/error-transparent.png);
    background-repeat:no-repeat;
	background-size: 19px 19px;	
    background-position:15px center;
    padding:15px 15px 15px 50px;
    text-align:left;
}

.success-msg {
    background-color:#51a351;
    background-image:url(../images/Success.PNG);
	background-repeat:no-repeat;
	background-size: 17px 17px;
	background-position:0px center;
    background-position:15px center;
    padding:15px 15px 15px 50px;
    text-align:left;
}

.error {  
	font: 16px/24px "Segoe UI",Arial,Sans-serif;
	color:#FFFFFF;
}

.success
{
    font: 16px/24px "Segoe UI",Arial,Sans-serif;
	color:#FFFFFF;	
}

.error a, .success a {color:#FFFFFF; text-decoration:underline;}
.error a:hover, .success a:hover {color:#FFFFFF; text-decoration:underline;}

.SuccessMessage {
	font : 11px/18px "Segoe UI",Arial,Sans-serif;
	color:green;
}

.linkClickhere
{
    font-size:12px;
}

.btnShowPopup:hover {
    color:red;
    text-decoration:none;
}

.text a:hover {
    color:green;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {   
    border : 0px;
} 

/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {     
    outline : none; 
}

.validationLbl {
    color:Red;
}

.RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft {
    background-image: none !important;
}

.blueLabel {
    color: #25A0D9; font-size: 16px;                                     
    font-weight: bold;
}

.note.note-success.note-bordered {
    background-color: #e2f1dc;
    border-color: #c1dea8;
}
.note.note-success {
    background-color: #eef7ea;
    border-color: #bbdba1;
}
.note {
    border-left: 5px solid #eee;
    border-radius: 0 4px 4px 0;
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
}

.note.note-danger.note-bordered {
    background-color: #f3e2e2;
    border-color: #dfaeb7;
}
.note.note-danger {
    background-color: #f9f0f0;
    border-color: #dca7b0;
}

.note p:last-child {
    margin-bottom: 0;
}

p {
    margin: 0 0 10px;
}

.riTextBox.riRead, .riTextBox.riDisabled
{
    background-color:#D8D8D8 !important;
}