﻿body
{
	background:url(images/body-bg.jpg) repeat-x left top #fff;
	font-family:Arial, Tahoma;
	font-size:13px;
	color:#000;
	margin:0px;
	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;
}

.clear
{
	margin:0px;
	padding:0px;
	clear:both;
}


.header
{
	height:98px;
	padding:24px 0px 0px 0px;
}

.logo-wrap
{
	float:left;
	background:url(images/sms-logo.jpg) no-repeat left top;
	height:23px;
	color:#0e3c6e;
	font-size:19px;
	padding:53px 0px 0px 79px;
	min-width:324px;
}

.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:30px 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 bottom;
	min-height:45px;
	font-size:23px;
	color:#1c64aa;
	font-weight:bold;
	padding:12px 25px 10px 58px;
	letter-spacing:-1px;
}

#login-head span
{
	padding:0px 18px 0px 0px;
}

#login-head .note
{
	font-size:11px;
	letter-spacing: normal;
	border-left:1px solid #d5d5d5;
	padding:0px 0px 0px 20px;
	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
{
	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
{
	margin:0px 8px 0px 0px;
	padding:0px 0px 0px 133px;
	float:left;
}

.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;
}

.send a:focus
{
	background:url(images/send-button.gif) no-repeat left -62px;
}

.send a:focus 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:focus
{
	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 #9ed8ee;
	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;
	font-weight:normal;
}





.link
{
	color:#0f4e8e;
	text-decoration:underline;
}

.link:hover
{
	color:#000;
	text-decoration:none;
}


.course-info
{
	float:right;
	margin:-15px 0px 0px 15px;
	padding:0px 5px 0px 0px;
}

.course-info .details
{
	float:right;
	font-size:18px;
	color:#4d5f80;
	line-height:18px;
	border-left:1px solid #b8b8b8;
	padding:0px 0px 5px 15px;
	margin:0px 0px 0px 15px;
}
.course-info .details span
{
	color:#959595;
	font-size:12px;
	font-weight:bold;
	line-height: normal;
}

.addnewclient
{
	position:absolute;
	left:-70px;
	top:0px;
	background:#85c7de;
	width:315px;
	border:1px solid #54a4bf;
	color:#000;
}


#report
{
	width:417px;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.report-head
{
	width:397px;
	height:37px;
	background:url(images/report-head.png) no-repeat left top;
	color:#fff;
	padding:12px 0px 0px 20px;
	font-size:18px;
}


.report-bg
{
	width:377px;
	padding:0px 20px 0px 20px;
	background:url(images/repoertbg.jpg) repeat-y left top;
	
}

.report-bg ul
{
	margin:0px;
	padding:10px;
	list-style:none;
	background:#fff;
}

.report-bg ul li
{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 15px;
	background:url(images/list-bg.jpg) no-repeat left 10px;
	border-bottom:1px solid #e7e7e7;
	font-weight:bold;
}

.report-bg ul li a
{
	color:#124c73;
	text-decoration:underline;
}

.report-bg ul li a:hover
{
	color:#000;
	text-decoration:none;
}




.report-btm
{
	width:417px;
	height:11px;
	background:url(images/report-botmbg.png) no-repeat left top;
	line-height:1px;
	font-size:1px;
}


#calendar
{
	width:264px;
	height:210px;
	background:url(images/calendar-bg.png) no-repeat left top;
	margin:auto;
	padding:16px 0px 0px 16px;
	font-size:12px;
}

#calendar table
{
	width:244px;
}

#calendar td
{
	padding:3px;
}

#calendar td a
{
	color:#014a82;
}

#calendar td a:hover
{
	color:#b63b3e;
}


#calendar .border
{
	border:1px solid #aca899;
}

#calendar .month
{
	background:#1c7ba0;
	color:#fff;
	font-weight:bold;
}


#calendar .currentdate
{
	background:#90d9e4;
	color:#000;
}

#calendar .other
{
	background:#ececec;


}




/*Preprogram Styles Start here*/

#pre-program
{
	margin:auto;
	width:960px;
	padding:0px 0px 30px 0px;
}

#pre-program-header
{
	margin:0px 0px 20px 0px;
	padding:0px;
	background:#b93c40;
	width:960px;
}



#pre-program-header h2
{
	font-size:27px;
	color:#fff;
	margin:0px;
	padding:0px 0px 0px 15px
}


.programhead
{
	background:url(images/program-headbg.jpg) repeat-x left top #256ca2;
	padding:6px 10px 7px 10px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	border-top:1px solid #488ea8;
	border-left:1px solid #488ea8;
	border-right:1px solid #488ea8;
}


/*Preprogram Styles End here*/



/*Riminder Grid Styles Start here*/
.riminder-wrap
{
	border:1px solid #5ea6c0;
	
}




.td2 td, .td1 td
{
	padding:6px 6px 6px 10px
}


.table-head
{
	background:url(Grid/sprite.gif) repeat-x left -400px #b3e7ee;
	color:#000;
	border-bottom:1px solid #488ea8;
	text-align:left;
	padding:3px 6px 3px 9px;
	display:block;
}


.td1
{
    background:#ffffff;
    color:#333333;
    font-size:11px;
}

.td2
{
    background:#e2f7ff;
    color:#333333;
    font-size:11px;
}

/*Riminder Grid Styles End here*/




.documentlist
{
    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;

	font-weight:normal;
}

.documentlist th
{
    padding:20px;
    padding:7px 0px 7px 10px;
    font-weight:normal;

}
.modalBackground
{
background: url(images/bg_fade.png) 0px 0px;   
height:290px;
width:553px;
}
.popup_div
{
background: url(images/popup_bg1.png) 0px 0px no-repeat; 
width:514px;
height:310px;
padding:10px 15px 18px 30px;
}
.checkbox_div
{
overflow-x:none;
overflow-y:auto;
height:210px;
width:500px;
font-size:13px;
margin:0 0 10px 0;
}
.close-btn
{
float:right;
width:32px;
height:30px;
margin:15px 0px 0 0;
}
.pophead
{
font-size:20px;
color:#fff;
margin:-5px 0px 5px 0px;
}
.all_checkbox
{
margin:0 0 10px;
}



.save_button
{
    margin:0px 0px 0px 8px;
    padding:0px 0px 0px 0px;
}

.save_button a
{
margin:0px;
padding:2px 10px;
border:1px solid #7c2122;
color:#fff;
font-weight:bold;
background:#a13739;
}



