﻿body
{
	background:url(images/body-bg.jpg) repeat-x left top #fff;
	font-family:Arial, Tahoma;
	font-size:13px;
	color:#000;
	margin:0px 25px 0px 25px;
	padding:0px;
}


.login-bg
{
	background:url(images/bg-login.jpg) repeat-x left top #fff;
}


a
{
	outline:none;
	text-decoration:none;
}

form
{
	margin:0px;
	padding:0px;
}

img
{
	border:0px;
}

#main-wrap
{
	background:url(images/main-bg.jpg) no-repeat center top;
	padding:24px 0px 0px 0px;
}

#main-wrap-login
{

	padding:0px 0px 0px 0px;
}


.header
{
	height:98px;
	padding:24px 0px 0px 0px;
}

.logo-wrap
{
	float:left;
	width:403px;
	background:url(images/sms-logo.jpg) no-repeat left top;
	height:76px;
}

.header-right
{
	float:right;
	text-align:right;
	margin:25px 0px 0px 0px;
}


#head-link
{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}




.language
{
	background:url(images/language-icon.jpg) no-repeat left 2px;
	color:#0d5a8f;
	font-weight:bold;
	padding:0px 0px 0px 18px;
	margin:0px 0px 0px 15px;
}

.language:hover
{
	color:#c03739;
}

.logout
{
	background:url(images/logout-icon.jpg) no-repeat left 2px;
	color:#0d5a8f;
	font-weight:bold;
	padding:0px 0px 0px 18px;
	margin:0px 0px 0px 15px;
}

.logout:hover
{
	color:#c03739;
}


.help
{
	background:url(images/help-icon.jpg) no-repeat left 2px;
	color:#0d5a8f;
	font-weight:bold;
	padding:0px 0px 0px 18px;
	margin:0px 0px 0px 15px;
}

.help:hover
{
	color:#c03739;
}

#footer
{
	color:#5f5f5f;
	font-size:11px;
	margin:15px 0px 0px 0px;
}







#login-wrap
{
	margin:120px auto 0px auto;
	padding:20px 0px 0px 0px;
	width:485px;
	background:url(images/login-topbg.png) no-repeat left top;
}

#login-head
{
	width:402px;
	background:url(images/login-head.png) no-repeat left top;
	height:55px;
	font-size:23px;
	color:#1c64aa;
	font-weight:bold;
	padding:22px 25px 0px 58px;
	letter-spacing:-1px;
}

#login-head span
{
	float:left;
	display:block;
	width:80px;
}

#login-head .note
{
	font-size:11px;
	letter-spacing: normal;
	width:280px;
	padding:0px 0px 0px 25px;
	color:#5f5f5f;
	font-weight:normal;

}

#login-head .note b
{
	color:#358cb2;
	font-size:12px;
}



#login-repeatbg
{
	width:485px;
	background:url(images/login-bg.png) repeat-y left top;
}
	
#login-botmbg
{
	width:435px;
	background:url(images/login-bottombg.png) no-repeat left bottom;
	padding:8px 25px 40px 25px;
}


#login-repeatbg label
{
	float:left;
	width:115px;
	text-align:right;
	font-weight:bold;
	padding:0px;
	margin:5px 20px 0px 0px;
	color:#474747;
}

#login-repeatbg .input
{
	width:290px;
	height:31px;
	padding:4px 0px 0px 8px;
	float:left;
	background:url(images/login-input-bg.png) no-repeat left top;
}

#login-repeatbg .input input
{
	width:276px;
	height:17px;
	border:none;
	background:transparent;
	padding:2px 0px 0px 2px;
	color:#474747;
}

.submit, .send
{
	margin:0px 8px 0px 0px;
	padding:0px 0px 0px 135px;
	float:left;
}

.submit a
{
	background:url(images/submit-button.gif) no-repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	float:left;
}

.submit a:hover
{
	background:url(images/submit-button.gif) no-repeat left -62px;
}

.submit a:focus
{
	background:url(images/submit-button.gif) no-repeat left -62px;
}

.submit a span
{
	background:url(images/submit-button.gif) no-repeat right -31px;
	float:left;
	height:23px;
	display:block;
	padding:8px 13px 0px 14px;
	text-align:center;
	cursor:pointer;
}

.submit a:hover span
{
	background:url(images/submit-button.gif) no-repeat right bottom;
}

.submit a:focus span
{
	background:url(images/submit-button.gif) no-repeat right bottom;
}

.send a
{
	background:url(images/send-button.gif) no-repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	float:left;
}

.send a:hover
{
	background:url(images/send-button.gif) no-repeat left -62px;
}

.send a span
{
	background:url(images/send-button.gif) no-repeat right -31px;
	float:left;
	height:23px;
	display:block;
	padding:8px 13px 0px 13px;
	text-align:center;
	cursor:pointer;
}

.send a:hover span
{
	background:url(images/send-button.gif) no-repeat right bottom;
}



.forgotpassword
{
	font-weight:bold;
	float:left;
	font-size:12px;
	color:#055c98;
	text-decoration:underline;
	margin:6px 0px 0px 0px;
}
.forgotpassword:hover
{
	text-decoration:none;
	color:#ba2b2e;
}

.forgotpassword-wrap
{
	width:431px;
	margin:7px auto 0px auto;
	background:url(images/forgot-password-headbg.png) no-repeat left top;
	
}

.forgotpassword-wrap h2
{
	color:#fff;
	font-size:13px;
	margin:0px 0px 0px 0px;
	padding:13px 0px 0px 15px;
	height:28px;
}

#forgotpassword-repeat-bg
{
	background:url(images/forgot-password-bg.png) repeat-y left top;
	padding:10px 0px 8px 0px;
}

#forgotpassword-botm-bg
{
	background:url(images/forgot-password-botm-bg.png) repeat-y left top;
	height:10px;
	line-height:1px;
	font-size:1px;
}

#forgotpassword-repeat-bg label
{
	float:left;
	width:115px;
	text-align:right;
	font-weight:bold;
	padding:0px;
	margin:5px 18px 0px 0px;
	color:#474747;

}


#forgotpassword-repeat-bg .input
{
	width:272px;
	height:31px;
	padding:4px 0px 0px 8px;
	float:left;
	background:url(images/login-input-bg1.png) no-repeat left top;
}

#forgotpassword-repeat-bg .input input
{
	width:253px;
	height:17px;
	border:none;
	background:transparent;
	padding:2px 0px 0px 2px;
	color:#474747;
}

#forgotpassword-repeat-bg .submit
{
	padding:0px 0px 0px 133px;
}

.select-small
{
	width:80px;
	height:20px;
}




.send-invite
{
	border:1px solid #488ea8;
	padding:10px;
	margin:0px 0px 20px 0px;
	background:url(images/invite-head.jpg) repeat-x left top #83cde9;
	color:#000;
}

.send-invite input
{
	width:375px;
}

.invite-head
{
	background:url(Grid/sprite.gif) repeat-x left -400px #b3e7ee;
	color:#000;
	border-left:1px solid #488ea8;
	border-right:1px solid #488ea8;
	border-top:1px solid #488ea8;
	padding:5px 0px 5px 10px;
}



.remimder
{
	background:#fff;
	padding:0px 0px 0px 5px;
	border:1px solid #488ea8;
	margin:0px 0px 20px 0px;
}


.bdr-left
{
	border-left:1px solid #488ea8;
}
	


.reminder-list-head
{
	background:url(Grid/headers.gif) repeat-x left top #0f4e8e;
	color:#fff;
	border-left:1px solid #488ea8;
	border-right:1px solid #488ea8;
	border-top:1px solid #488ea8;
	padding:5px 0px 5px 10px;
}
.link
{
	color:#0f4e8e;
	text-decoration:underline;
}

.link:hover
{
	color:#000;
	text-decoration:none;
}


