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

body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#c6c6c6;
	color:#373737;
}
td{
font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#373737;
	vertical-align:top;
}
a{ outline-width:0px; text-decoration:none;	color:#373737;}
p{
font-size:13px;
padding:0px;
line-height:20px;
color:#373737;
}
.para_link{ color:#ca0101; text-decoration:underline;}
.para_link:hover{ color:#ca0101; text-decoration:none;}

.clear{ clear:both;}
.left{float:left;}
.right{float:right;}
.left_width{float:left; width:100%;}
.border_radius_3{-moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
.border_radius_5{-moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px;}
.border_radius_7{-moz-border-radius: 7px; -webkit-border-radius: 7px;  border-radius: 7px;}

.container{
padding:0px;
width:980px;
margin:0 auto;
height:100%;
}

#header{margin:0px; padding:0px; width:100%;}
.username{color:#8d8d8d; float:left; margin:6px 0px 0px 0px;}
.username span{ color:#e00201;}
.button_red, .button_black, .small_black, .small_red{ background:url(../images/red_btn.jpg) bottom repeat-x; color:#fff; padding:8px 10px; margin:3px; border:0px; cursor:pointer; font-size:14px; font-weight:bold;}
.button_black, .small_black{ background:url(../images/black_btn.jpg) bottom repeat-x;}
.small_black, .small_red{ padding:3px 20px;}

.logo{float:left; padding:0px; margin-top:23px;}
.header_right{ float:right;}
.top_login{ padding:15px 0px 31px 0px; }
.top_login a{ font-size:11px; }
.top_login input{ background:#f1f1f1; color:#373737; border:1px solid #bbbbbb; padding:2px 5px; margin:5px;}
.top_login .login, .top_login .login1{ background:#d50101; color:#fff; border:0px solid #bbbbbb; padding:2px 10px; margin:5px 5px; cursor:pointer;}
.top_login .login1{ background:#222;}

.main_menu{margin:0px; height:45px; padding:0px; width:977px; background:#dedede; margin-left:4px; }
.inner_menu{float:left;}
/*.inner_menu ul{ margin:0; padding:0; margin-left:0px;} 
.inner_menu li{ float:left; display:lnline; list-style-type:none; padding:0px; border-right:1px solid #fff;}
.inner_menu li a{ float:left; padding:15px 41px; font-size:13px; font-weight:bold;}
.inner_menu li a:hover, .inner_menu li a.current{color:#fff; background:#ba0e13;}*/
.banner{ float:left; width:940px;}
.banner_shadow{ float:left; width:940px; height:20px; background:url(../images/banner_btm.png) center top no-repeat;}
.content{width:100%; height:100%; margin-bottom:10px}
.condent_inner{width:980px; margin-top:15px;}
.icon_over a{ border:0px; float:left;  border:2px solid #fff;}
.icon_over a:hover{ border:2px solid #ccc;}
.condent_left, .customers, .blood_request, .inner_condent{ width:620px; float:left; border:1px solid #eaeaea; padding:10px 15px 15px 15px; background:url(../images/header_bg.jpg) top repeat-x; }
.condent_left{ float:right; min-height:427px; }
.inner_condent{width:908px; margin-top:15px; min-height:400px;}
.customers{ width:585px; background-color:#f0f0f0;}
.blood_request{ width:270px; float:left; background-color:#f0f0f0;}
.home_cont{ width:500px; float:left;}
h1.title, h1.right_title{ width:100%; padding:0px 10px 10px 0px; margin:0px; font-weight:normal; font-size:24px;}
.title_two{ float:left; margin:5px 0px 5px 0px;}
.condent_right{ width:270px; float:left;}
.table_class, .login_div{ float:left; width:100%; padding:10px;}
.table_class th, .login_div th { font-size:12px; text-align:right; padding:5px 10px 5px 0px; width:35%; background:#ccc;}
.table_class td {padding:5px 10px 5px 10px; background:#ddd;}
.table_class td.header, .table_class th span{color:#fff; font-size:14px; font-weight:bold; background:#999;}
.login_div{background:#000000 url(../images/login_bg.jpg) repeat-x top; height:163px;}
.login_div a{ color:#fff; font-size:11px;}
h1.right_title{ color:#fff; background:none; padding:0px 10px 10px 0px;}
.feedback_form th{ font-size:12px; text-align:right; padding:10px 10px 5px 0px; font-weight:normal; vertical-align:top;}
.feedback_form td{padding:2px 0px 2px 0px; font-weight:normal;}
.feedback_form td span, .feedback_form th span{color:#b50000;}
.img_border{border:1px solid #ccc; padding:3px; margin-bottom:5px;}

fieldset{ border:1px solid #ba0e13; margin:15px 0px; }
legend{ font-size:12px; text-align:left; padding:5px 10px; border:3px solid #fff; background:#ba0e13; color:#FFFFFF;}

.footer{ width:100%; text-align:center; margin-top:20px; background:#f6f6f6; height:60px; padding:10px 0px; border-top:1px solid #dddddd;}
.footer table{ width:980px; margin:0 auto;}
.footer td{color:#666666; font-size:11px; padding:6px; vertical-align:middle;}
.footer a{color:#666666; text-decoration:none;}

.list_type, .list_type_inner, .list_inner{margin:0px; padding:0px;}
.list_type li, .list_type_inner li{ display:block; background: url(../images/red_arrow.gif) no-repeat 0px 8px; list-style-type:none; padding:4px 0px 6px 14px;}
.list_type_inner li{color:#fff;}
.list_inner li{display:block;  list-style-type:none; padding:8px 0px 7px 0px;}
.list_inner li a{background:url(../images/red_arrow.gif) no-repeat 0px 5px;  padding:1px 0px 5px 13px;}
.list_type a:hover, .list_inner li a:hover{ text-decoration:underline;}

.select, .input_type, .input_type2, .input_type3{ background:#fff; border:1px solid #ff3130; width:160px; padding:2px 3px 1px 3px; margin:5px 0px;}
.input_type, input_type2{border:0px solid #783000; padding:6px 5px 6px 5px ;}
.input_type2, .input_type3{ border:1px solid #8e8e8e; padding:2px 3px ;}
.input_type3{width:200px;}
.textarea{ background:#fff; border:1px solid #8e8e8e; width:250px; color:#000; font-size:14px; padding:5px; resize:none; height:120px; overflow:auto; margin:5px 0px;}
.submit_btn{ background:#fff; color:#cd0b62; border:2px solid #d71652; padding:3px 10px; cursor:pointer; float:right;}


.thumbnail-item { 
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	float: left;  
	margin: 0px 5px; 
}

.thumbnail-item a { 
	display: block; 
}

.thumbnail-item img.thumbnail {
		
}
		
.tooltip { 
	/* by default, hide it */
	display: none; 
	/* allow us to move the tooltip */
	position: absolute; 
	/* align the image properly */
	padding: 8px 0 0 8px; 
}

	.tooltip span.overlay { 
		/* the png image, need ie6 hack though */
		background: url(images/overlay.png) no-repeat; 
		/* put this overlay on the top of the tooltip image */
		position: absolute; 
		top: 0px; 
		left: 0px; 
		display: block; 
		width: 350px; 
		height: 200px;
	}
    .icons {
     float: right;
    margin-top: 7%;
    }