@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; height:100%; max-height:100%; overflow:hidden; background:url(images/bg.jpg) repeat; }
img, a:link img, a:visited img, a:hover img, a:active img {
	border:none;
	text-align: center;
}
p { margin:0; padding:0; }
.clr { clear:both; }

#header-frame { position:absolute; margin:0; padding:0; top:0; left:0; width:100%; height:100px; overflow:hidden; background:url(images/header.jpg) repeat-x; } 
#left-frame { position:absolute; margin:0; padding:0 0 0 5px; top:100px; left:0; width:275px; height:100%; overflow:auto; background:url(images/left-panel.jpg) repeat-y; }
#main-frame { position:absolute; top:100px; left:275px; bottom:75px; right:0; overflow:auto; }
/*#main-frame { padding:100px 0 75px 275px; right:0; overflow:auto; }*/
#bottom-frame { position:absolute; margin:0; padding:0; top:auto; bottom:0; left:275px; width:100%; height:75px; overflow:hidden; background:url(images/footer-bg.png) repeat-x; }
#bottom-frame-cap { position:absolute; margin:0; padding:0; top:auto; bottom:0; left:262px; width:13px; height:75px; overflow:hidden; background:url(images/cap.png) no-repeat;}
#logo { margin:24px 0 0 41px; padding:0; width:144px; height:76px; float:left; }
#menu-wrapper { margin:61px 0 0 90px; padding:0; width:auto; height:38px; float:left; border-top:1px solid #c8d9ed; border-right:1px solid #c8d9ed; border-left:1px solid #c8d9ed; background:url(images/menu-bg.jpg) repeat-x;}
.menu a { margin:0; padding:0; width:185px; height:38px; background:url(images/seperator.jpg) right no-repeat; display:block; float:left; font-family:Calibri; font-size:16px; font-weight:normal; color:#FFF;  text-align:center; line-height:38px; text-decoration:none; }
.menu a:hover { background-color:#eeeeee; color:#383838; text-decoration:none; }
.menu-last a { margin:0; padding:0; width:185px; height:38px; display:block; float:left; font-family:Calibri; font-size:16px; font-weight:normal; color:#FFF;  text-align:center; line-height:38px; text-decoration:none; }
.menu-last a:hover { background-color:#eeeeee; color:#383838; text-decoration:none; }
#selected { background-color:#eeeeee; color:#383838; text-decoration:none; }

#login-logout-wrapper { top:21px; right:0; width:265px; height:62px; background:url(images/login-logout-bg.jpg) repeat-x; position:absolute; }
/*#login-logout-wrapper { margin:21px 0 0 0; padding:0; width:265px; height:62px; float:right; background:url(images/login-logout-bg.jpg) repeat-x; }*/
#llw-left { margin:0; padding:0; width:8px; height:62px; float:left; background:url(images/login-logout-curve.jpg) no-repeat; }
#llw-right { margin:0; padding:0; width:257px; height:62px; float:left; }
#user-thumbnail { margin:7px 0 0 0; padding:0; width:45px; height:45px; float:left; background-color:#FFF; border:1px solid #03abe9; }
#login-content { margin:7px 6px 0 5px; padding:0; width:198px; height:46px; float:left; }
.name { margin:0; padding:0; font-family:Calibri; font-size:14px; font-weight:bold; color:#FFF; text-align:left; }
.email { margin:0; padding:0; font-family:Calibri; font-size:11px; font-weight:normal; color:#FFF; text-align:left; }


.designation{ margin:0; padding:0; font-family:Calibri; font-size:11px; font-weight:normal; color:#FFF; text-align:left; }
.links { margin:0; padding:4px 0 0 0; font-family:Calibri; font-size:11px; font-weight:normal; color:#FFF; text-align:left;}
.links a { text-decoration:underline; color:#03abe9; }
.links a:hover { color:#c80303; }

#keyboard-shortcuts { margin:13px 0 0 0; padding:0; width:100%; height:32px; }
#keyboard-shortcuts p { margin:0; padding:0 0 0 30px; font-family:Calibri; font-size:13px; font-weight:bold; color:#4d4d4d; text-align:left; line-height:32px; }
#footer { margin:0; padding:0; width:100%; height:30px; }
#footer p { margin:0; padding:0 0 0 30px; font-family:Calibri; font-size:13px; font-weight:normal; color:#393939; text-align:left; line-height:30px; }

#main-wrapper{ margin:0 auto; padding:0; width:100%; height:700px; float:left;}
#login_panel{ margin:12% 0 0 30%;  padding:0; width:522px; height:364px; font-family:Calibri; background:url(images/SmartOps_login_bg.png) no-repeat;}
.Login_text{ margin:20px 20px 0 0; padding:0; font-family:Calibri; font-size:20px; font-weight:500; color:#FFF; float:right;}
.form_text{margin:0 50px 0 0; padding:66px 230px 150px 0px; width:300px; height:100px; font-size:14px; font-weight:500; color:#333; vertical-align:middle; text-align:left;}
.formline1{margin:0; padding:0; width:329px; height:30px; float:left}
.form-lineuser-left { margin:0 0 0 0; padding:0; width:80px; height:30px; float:left; font-size:14px; color:#2A5FAA; }
.form-lineuser-left1 { margin:0 0 0 0; padding:0; width:130px; height:25px; float:left; font-size:14px; color:#2A5FAA; }
.form-lineuser-left2 { margin:0 0 0 0; padding:0; width:15px; height:25px; float:right; font-size:14px; color:#2A5FAA; }
.form-lineuser-right {margin:0; padding:0; width:160px; height:30px; float:left; font-size:14px; color:#2A5FAA; }
.textbtm{
	margin:0 150px 0 0;
	padding:0;
	font-family:Calibri;
	font-size:16px;
	font-weight:500;
	width:100%;
	color:#333;
	text-align: center;
}

#attendance-frame{
	/*position:absolute;*/
	margin:20px 0 0 20px;
	padding:0 10px;
	width:auto;
	/*top:-83px;*/
	height:60px;
	/*left: -518px;*/
	
}
.txtcontent{font-family:Calibri; font-size:14px; font-weight:500; color:#333; }
.txtcontentheading{font-family:Calibri; font-size:20px; font-weight:500; color:#019de0; text-decoration:underline;padding:5px 10px 10px 100px;}

.ad-left{ margin:0; padding:0; width:41px; height:46px; float:left}
.ad-middle{margin:0; padding:0; width:auto; height:46px; line-height:40px; vertical-align:middle; background:url(images/rounded-img-ad-mid.jpg); float:left; font-family:Calibri; font-size:14px; font-weight:500; color:#333; vertical-align:middle;}
.ad-right { margin:0; padding:0; width:14px; height:46px; float:left;}

.label{ margin:0; padding:15px; color:#2A0000; font-family:Calibri; font-size:14px;}
.label-one{ margin:0; padding:15px 15px 0 2px ; color:#408100; font-family:Calibri; font-size:14px; }
.label-two{ margin:0; padding:15px 15px 0 2px; color:#019de0; font-family:Calibri; font-size:14px;}
.label-three{ margin:0; padding:15px 15px 0 2px ; color:#e2c007; font-family:Calibri; font-size:14px;}
.label-four{ margin:0; padding:15px 15px 0 2px ; color:#fb8903; font-family:Calibri; font-size:14px;}
.label-five{ margin:0; padding:15px 15px 0 2px ; color:#d50a02; font-family:Calibri; font-size:14px;}
.label-six{ margin:0; padding:15px 15px 0 2px ; color:#000; font-family:Calibri; font-size:14px;}
.label-seven{ margin:0; padding:15px 15px 0 2px ; color:#6565C6; font-family:Calibri; font-size:14px;}