@charset "utf-8";
/* CSS Document */
html, body{ 
	background:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	color:#868686;
	height:100%;
	margin:0; 
	padding:0; 
	font-size:12px;
	line-height:18px;
    overflow: auto; 
    -webkit-overflow-scrolling: touch; 

	}

a{ outline:none; text-decoration:none; color:#B51111}

p{ margin:8px 0}

input, textarea , select {
	 font-size:12px; 
	 color:#666;
	 font-family:Arial, Helvetica, sans-serif; 
	 outline:none
	 }
table{ border-collapse:collapse;}
textarea{padding:5px;}

h1, h2, h3,h4{ 
	margin:8px 0; 
	padding:0 0 8px 0; 
	line-height:20px; 
	
	}
h1{
	font-size:30px; 	
	/*color:#13949f;*/ 
	color:#283738;
	letter-spacing:-1px;} 

h2{ font-size:22px; /*	color:#4f5d5e*/;color:#13949f;}
h3{ font-size:14px; color:#3e4546; margin:5px 0; padding:0 0 5px 0;}

img{ border:0;}
.frameyframe
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    width: 880px;
    HEIGHT: 650px;
    OVERFLOW: auto;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    -webkit-overflow-scrolling: touch ;
    overflow: scroll ;

}
.header_wrapper{
	background:#1696a1 url(images/header_bg.png) repeat-x 0 0;
	height:120px;
	}
.header{ 
	width:980px; 
	margin:0 auto; 
	clear:both;
	height:136px; 
	position:relative;
}
.user_name{ position:absolute; top:60px; right:0; font-size:12px; font-weight:bold; height:20px; color:#fff;}
.user_name a{ color:#00575f; text-decoration:none}
.user_name a:hover{ color:#fff}
a.logo{ 
	background:url(images/logo.png) no-repeat; 
	display:block; 
	width:312px; 
	height:70px; position:absolute; 
	top:15px; 
	left:0;
	}
	
.content_wrapper{ 
	width:980px; 
	clear:both; 
	margin:20px auto;
	}

.left_col_main , .left_col_wrapper, .left_col{ 
	float:left; 
	width:180px;
	}
.left_col_main {margin-right:20px}
.left_col_wrapper{	
	background:#fafafa url(images/left_nav_bg.gif) repeat-y 0 0;
	}
.left_col{
	background:url(images/left_nav_tc.png) no-repeat 0 0;
	}
.left_col h1{ 
	font-size:18px; 
	color:#13949f;
	margin:5px 0; 
	letter-spacing:0;
	padding:10px 0 5px 10px;
	text-shadow:#fff 0px 1px 0px; 
	}
ul.left_nav{ 
	margin:0; 
	padding:0; 
	list-style:none;
	border-top:1px solid #dfdede;
	}
ul.left_nav li{ 
	margin:0; 
	padding:0; 
	display:block; 
	position:relative;
	}
ul.left_nav li a, ul.left_nav li a.active{ 
	display:block;
	height:26px; 
	font-size:14px; 
	font-weight:bold; 
	padding:8px 0 0 10px ;
	border-top:1px solid #FFF; 
	border-bottom:1px solid #dfdede;
	 text-shadow:#fff 0px 1px 0px; 
	 }
ul.left_nav li a{
	 background:url(images/arrow_bullet.gif) no-repeat 95% 50%;
	 color:#999;
	 
	 }
ul.left_nav li a:hover, ul.left_nav li a.active { 
	background:#fff url(images/arrow_bullet2.gif) no-repeat 95% 50%;
	border-left:#e9e9e9 1px solid;
	color:#13949f; 
	}


.leftcol_bc{ 
	background:url(images/left_nav_bc.png) no-repeat  0 0; 
	height:8px; 
	line-height:8px; 
	font-size:8px; 
	clear:both;
	}

.right_col{ 
	/*position:relative;*/
	float:left;
	width:739px; 
	}

.clear{ 
	line-height:0px; 
	font-size:0px; 
	overflow:hidden; 
	height:0px;  
	clear:both;
	}
.footer{ 
	clear:both; 
	margin:20px auto 0 auto; 
	padding:10px 0;
	border-top:1px solid #ccc; 
	text-align:center;
	}
.png_bg{}

/*content*/

.Notification_table{ 
	border-collapse:collapse; 
	width:100%;
	margin:0; padding:0}
.Notification_table th{ 
	text-align:left; color:#797979; 
	padding:5px 0 5px 8px; 
	 width:18%;
	}
.Notification_table td{ 
	text-align:left; 
	padding:5px 0 5px 5px;
	
	}
.input_text{ 
	width:200px; 
	border:1px solid #7f9db9;
	height:22px; 
	line-height:22px;
	padding-left:5px; margin:0
	}
select{ 
	border:1px solid #7f9db9;
	height:22px; 
	line-height:18px;
	}
.submit{ 
	background:#1696a1 url(images/submit_bg.png) repeat-x 0 0; 
	border:0; 
	text-align:center; 
	height:33px;
	color:#fff; 
	font-weight:bold;
	font-size:14px;
	padding:5px 15px;
	margin:0; cursor:pointer;
	/*text-shadow:#0e7070 0px 1px 0px*/}
.MN_table{ width:100%;}
.MN_table th{
	 background:#1696a1 url(images/th_bg.png) repeat-x 0 0;
	 height:27px; font-size:13px;
	 padding:5px 10px; line-height:27px;
	 text-align:left; 
	 color:#fff;
	 text-shadow:#0e7070 0px -1px 0px; 
	 }
.MN_table .th_first{ border-left:1px solid #2e99a2;}
.MN_table .th_last{ border-right:1px solid #2e99a2;}
.MN_table .tr_alt{ background:#fafafa}
.MN_table  td{ 
	border-bottom:1px solid #dcdcdc; 
	padding:8px 10px
	}
.MN_table .td_first{
	border-left:1px solid #dcdcdc; 
	border-bottom:1px solid #dcdcdc;
	}
.MN_table .td_last{
	border-right:1px solid #dcdcdc; 
	border-bottom:1px solid #dcdcdc;
	}
.MN_table a{ color:#ca5252; font-size:11px;}
.MN_table a:hover{ text-decoration:underline; }
.MD_search{ 
	letter-spacing:0; 
	display:inline; 
	position:absolute; 
	right:0; 
	top:5px; 
	border-collapse:collapse;
	}
.MD_search td{ padding:0; margin:0}
.MD_search .input_text{
	width:212px; 
	background:#fff url(images/search_bg.png) repeat-x 0 0;
	border-left:1px solid #7f9db9;
	border-top:1px solid #7f9db9;
	border-bottom:1px solid #7f9db9; 
	border-right:0; 
	height:23px;
	padding:5px 0 0 5px;	
	outline:none;
	line-height:18px;
	margin:0 0 0 5px;
	}
.MD_search .search{ 
	background:#15b0be url(images/search.png) no-repeat; 
	border:0; float:left; text-align:left;
	width:33px; 
	height:30px; 
	margin:0; 
	padding:0; cursor:pointer;
	}
.MD_search label{ 
	font-size:14px; 
	font-weight:bold; 
	color:#868686; 
	float:left
	}

.pagenation{ 
	height:20px; 
	text-align:center; 
	padding:10px 0;
	margin:10px auto 0 auto; 
	clear:both;
	}
.pagenation a{ 
	color:#808080; 
	text-decoration:none; 
	padding:5px;
	border:1px solid #fff;
	}
.pagenation a:hover, .pagenation a.active{ 
	color:#000; 
	text-decoration:none; 
	border:1px solid #ccc; 
	background:url(images/search_bg.png) repeat-x 0 0;}
	
a.add_med{ 
	 position:absolute; 
     top:5px; 
	 left:280px;
	 background:url(images/th_bg.png) repeat-x 0 0; 
	 display: block; 
	 color:#fff; height:26px; 
	 padding:4px 8px 0 8px; 
	 text-decoration:none; 
	 border-left:1px solid #1c7e86;
	 border-right:1px solid #1c7e86; 
	 line-height:22px; 
	 cursor:pointer

	 }
a.add_med:hover{ 
	background:#666; 
	border-left:1px solid #333; 
	border-top:1px solid #333
	}
a.add_med b{ 
	font-size:22px; 
	cursor:pointer;
	display:block;
	float:left; 
	margin-right:5px
	}
.settings_error{ 
	background:#fdd4d4 url(images/delete.png) no-repeat 10px 8px; 
	border:1px solid #e16a6a;
	padding:8px 8px 8px 35px; 
	margin:10px 0;
	font-weight:bold; 
	font-size:12px; 
	color:#d53d3d
	}
.settings_success{ 
	background:#fdd4d4 no-repeat 10px 8px; 
	border:1px solid #e16a6a;
	padding:8px 8px 8px 35px; 
	margin:10px 0;
	font-weight:bold; 
	font-size:12px; 
	color:#d53d3d
	}
.disease_select{ 
	width:255px; 
	height:150px; 
	padding:2px; 
	outline:none;
	border:1px solid #7f9db9;}
.disease_select option{ margin:5px;}

.signup{ float:left; width:400px;}
.signup h1{ 
	font-size:28px; 
	line-height:26px; 
	color:#009999; 
	margin:0 0 10px 0; 
	padding:0 0 20px 0;
	background:url(images/signup_icon.png) no-repeat 100% 0;
	}
.signup h1 span{
	 color:#333; 
	 font-size:14px; 
	 display:block; 
	 letter-spacing:0;
	 }
.signup .input_text{ 
	width:380px; 
	height:28px; border:1px solid #d4d4d4;
	background:url(images/search_bg.png) repeat-x 0 0;
	margin-bottom:8px;
	}
.signup label{ font-size:12px; color:#666; margin-bottom:5px; display:block}
.mandatory{ color:#DC140A; font-size:12px; padding:2px; font-family:"Tahoma";}
.signin{ 
	float:right; 
	background:url(images/shade_divider.png) no-repeat 0 0; 
	width:250px;
	padding:0 0 0 20px; 
	height:400px;
	}
.signin h1{ 
	font-size:28px; 
	line-height:26px; 
	color:#009999; 
	display:block;
	margin:0 0 10px 0; 
	padding:0 0 20px 0;
	background: url(images/signin_icon.png) no-repeat 100% 0;
	}
.signin h1 span{
	 color:#333; 
	 font-size:14px; 
	 display:block; 
	 letter-spacing:0;
	 }
.signin .input_text{ 
	width:250px; 
	height:28px; border:1px solid #d4d4d4;
	background:url(images/search_bg.png) repeat-x 0 0;
	margin-bottom:8px;
	}
.signin label{ font-size:12px; color:#666; margin-bottom:5px; display:block}
.designin{ 
	float:left; 
	background:url(images/shade_divider.png) no-repeat 0 0; 
	width:250px;
	padding:0 0 0 20px; 
	height:400px;
	}
.designin h1{ 
	font-size:28px; 
	line-height:26px; 
	color:#009999; 
	display:block;
	margin:0 0 10px 0; 
	padding:0 0 20px 0;
	background: url(images/signin_icon.png) no-repeat 100% 0;
	}
.designin h1 span{
	 color:#333; 
	 font-size:14px; 
	 display:block; 
	 letter-spacing:0;
	 }
.designin .input_text{ 
	width:250px; 
	height:28px; border:1px solid #d4d4d4;
	background:url(images/search_bg.png) repeat-x 0 0;
	margin-bottom:8px;
	}
.designin label{ font-size:12px; color:#666; margin-bottom:5px; display:block}

.info{
    background: url(images/info.png)  ;
    MARGIN-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FLOAT: left;
    MARGIN-left: 0px;
    width:25px;
	height:25px;
    VERTICAL-ALIGN: top;
    CURSOR:pointer
}
/* Suggesion Box */
#suggestDropDown {border: 1px solid #CCC; position:absolute; display:none; z-index:99;background: #FFFFFF;}
.innerElement {margin:2px; clear:left; width:98%;}
.focus {background: #1d5a8e; color: #FFFFFF}

/* nag for mandatory * */
.mandet { color:red; font-size:16px; }

a.status_active, a.status_inactive{
	width:18px;
	height:18px;
	display:block;
	margin:0 auto;
	}
a.status_active{background:url(images/active.png) no-repeat 0 0; }
a.status_inactive{ background: url(images/inactive.png) no-repeat 0 0}
.med_list{
	/*background:#f6f6f6 url(images/search_bg.png) repeat-x 0 0; */
	background:#fff; 
	border:1px solid #ccc; 
	width:355px; 
	overflow:auto; 
	max-height:255px;
	}
.med_list a{ 
	display:block; 
	background:#f8f8f8;
	color:#868686; 
	height:20px; 
	padding:6px 0 4px 5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	}
.med_list a:hover{ 
	background:#fff url(images/med_del.png) no-repeat 98% 48%;
}
.drugListElement{}

.borderTable{
	border:1px solid #CCC;
	border-collapse: collapse;
	margin:0;
	padding:0;
}
.borderTable td{
	border:1px solid #ccc;
	padding:5px;
}
.borderTable th{
	background: #F3F3F3 none repeat scroll 0 0;
	border-right:1px solid #ccc;
	padding:8px;
	text-align: center;
}