/* CSS Document */
body{ margin:0px; padding:0px; background: url(../../App_Themes/EWMDB/Images/main-bg.jpg) repeat-y center #FFFFFF; font-family:"Segoe UI", Arial, Tahoma; font-size:13px; color:#666666;}
#main-wrapper{  margin:0 auto;  position:relative;}
#header{ height:90px; background:url(../../App_Themes/EWMDB/Images/header-bg.jpg) repeat-x top; padding:0px 22px; border-bottom:3px solid #cccccc; font-size:20px; color:#c64850; position:relative;}
	.logo{height:81px; float:left;}
	.login{min-width:110px; height:81; float:right; text-align:right; font-size:16px;  font-weight:600; margin-top:10px;}
	.login a{ text-decoration:none; color:#61bae6;}
	.login a:hover{ text-decoration:none; color:#333;}
	.login-bt a { outline: none; display:block; width:97px; height:31px; text-decoration:none; color:#FFF; 
	background: url(../../App_Themes/EWMDB/Images/login-bt.png)0 0 no-repeat; float:right; margin-top:8px;}
	.login-bt a:hover { background-position:0 -31px; }
	.login-bt a:active { background-position:0  0px;}
	.logout-bt a { outline: none; display:block; width:108px; height:31px; text-decoration:none; color:#FFF; 
	background: url(../../App_Themes/EWMDB/Images/logout-bt.png)0 0 no-repeat; float:right; margin-top:8px;}
	.logout-bt a:hover { background-position:0 -31px; }
	.logout-bt a:active { background-position:0  0px;}
#banner{ height:509px;}
#login-form{ width:253px; height:226px; border:2px solid #FFF; background:url(../../App_Themes/EWMDB/Images/trans-bg.png); padding:30px 62px; 
font-size:15px; color:#FFF;}
#login-form a{ text-decoration:none; color:#FFF; font-weight:600;}
#login-form a:hover{ text-decoration:underline;}
	.login-f1{ width:237px; height:41px; background:url(../../App_Themes/EWMDB/Images/form-f-bg.png) no-repeat; 
	border:none; font-size:15px; color:#666666; line-height:35px; padding:0px 5px; margin-bottom:14px;}
#middle{ padding:20px 0px; min-height:375px;}
#footer{ height:83px; background:url(../../App_Themes/EWMDB/Images/footer-bg.jpg) repeat-x; border-top:4px solid #cccccc; width:100%; margin:0 auto;
font-size:14px; color:#656565; text-align:center; line-height:13px; padding-top:7px; height:10px; }
#footer a{ text-decoration:none; font-weight:600; color:#656565;}
#footer a:hover{ color:#C64850;}

.clear-b{ clear:both;}
.font1{ font-size:15px; color:#808184;}
.font2{ font-size:30px; color:#808184;}
.tabscontent
{
	width:1220px;
	margin:0 auto;
}


.tabscontent1
{
	/* width:1220px; */
	width:99%;
	margin:0 auto;
}
.gridview,.gridview table
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: normal;
	border-collapse:collapse;
	border-spacing:0;
	padding:5px;
	background-color:#fff;
}

.gridview td, .gridview th
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: normal;
	background: none repeat scroll 0 0 transparent;
    border: 1px solid #FDB0B5;
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    padding-left: 10px;
}

.gridview th
{
	background-color: #C64850;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

 .red_progress {
background-image: url(images/red_p.png);
background-repeat: repeat-x;
background-position: left;
margin: 0px;
padding: 0px;
height: 20px;
}
.green_progress {
background-image: url(images/green_p.png);
background-repeat: repeat-x;
background-position: left;
margin: 0px;
padding: 0px;
height: 20px;
}
.blue_progress {
background-image: url(images/blue_p.png);
background-repeat: repeat-x;
background-position: left;
margin: 0px;
padding: 0px;
height: 20px;
}


/*Tab style*/

/* default layout */
.ajax__tab_EWM .ajax__tab_header {
	white-space:nowrap;
}
.ajax__tab_EWM .ajax__tab_outer {
	display:-moz-inline-box;
	display:inline-block
}
.ajax__tab_EWM .ajax__tab_inner {
	display:-moz-inline-box;
	display:inline-block;
	margin-left:1px;
}
.ajax__tab_EWM .ajax__tab_tab {
	margin-right:4px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block
}
/* xp theme */
.ajax__tab_EWM .ajax__tab_header {
	font-family:verdana, tahoma, helvetica;
	font-size:12px;
	background:url(images/tab_line.jpg) repeat-x bottom;
	 z-index:1000;
}
.ajax__tab_EWM .ajax__tab_outer {
	padding-right:6px;
	background:url(images/tab_r.jpg) no-repeat right;
	height:34px;
	z-index:100;
	color:White;
}
.ajax__tab_EWM .ajax__tab_inner {
	padding-left:10px;
	background:url(images/tab_l.jpg) no-repeat;
	z-index:500;
	}
.ajax__tab_EWM .ajax__tab_tab {
	height:20px;
	padding:10px 10px 4px 10px;
	margin:0;
	background:url(images/tab_m.jpg) repeat-x;
	z-index:1000;
}
.ajax__tab_EWM .ajax__tab_hover
{
}
.ajax__tab_EWM .ajax__tab_hover .ajax__tab_outer {
	background:url(images/tab_h_r.jpg) no-repeat right;
	z-index:1000;
}
.ajax__tab_EWM .ajax__tab_hover .ajax__tab_inner {
	background:url(images/tab_h_l.jpg) no-repeat;
	z-index:1000;
}
.ajax__tab_EWM .ajax__tab_hover .ajax__tab_tab {
	background:url(images/tab_h_m.jpg) repeat-x;
	z-index:1000;
}
.ajax__tab_EWM .ajax__tab_active .ajax__tab_outer {
	background:url(images/tab_h_r.jpg) no-repeat right;
	z-index:1000;
}
.ajax__tab_EWM .ajax__tab_active .ajax__tab_inner {
	background:url(images/tab_h_l.jpg) no-repeat;
	z-index:1000;
}
.ajax__tab_EWM .ajax__tab_active .ajax__tab_tab {
	background:url(images/tab_h_m.jpg) repeat-x;
	z-index:1000;
}
.ajax__tab_EWM .ajax__tab_active
{
    color:#fff;
    font:12px verdana, tahoma, helvetica;
}

.ajax__tab_EWM .ajax__tab_body {
	font-family:verdana, tahoma, helvetica;
	font-size:12px;
	border:1px solid #C64850;
	border-top:0;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	margin-left:1px;
}
/* scrolling */
.ajax__scroll_horiz {
	overflow-x:scroll;
}
.ajax__scroll_vert {
	overflow-y:scroll;
}
.ajax__scroll_both {
	overflow:scroll
}
.ajax__scroll_auto {
	overflow:auto
}

/**/

.newSnap-timestamp
{
	color: red;
    font-weight: bold;
    margin-left: 210px;
    margin-top: -18px;
    width: 100px;
}

.upload{
	background-color:#555555;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	width:200px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	text-align: center;
	margin-top: 10px;
	margin-right:auto;
	margin-bottom: 0px;
	margin-left: auto;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.titlebar {
	font: 20px Tahoma, Geneva, sans-serif;
	color: #FFF;
	background: #C64850;
	letter-spacing: 1px;
	padding: 5px;
	text-align:center
}

.sub_hed2
{
	border-radius:7px 7px 0 0;
	_border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-o-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	padding:5px 0px;
	background: #E7E7E7;
	color: #28598C;
    font-size: 17px;
    font-weight: 600;
	text-align:center;
}

.rc_no {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #28598C;
	background: #E7E7E7;
	padding: 10px;
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.sub-tit
{
	padding:5px;
	background:#C64951;
	border-radius:7px 7px 0 0;
	_border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-o-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	color:White;
	width:160px;
}

/*Visual Timeline*/

.photo_album
{
	background-image: url(Images/folder.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:260px;
	height:194px;
	padding:10px;
	margin-top:10px;
	
}

.photo_album img
{
	border: 2px solid white;
    height: 110px;
    margin-left: 18px;
    margin-top: 56px;
    width: 210px;
    
}

.photo_visualTimeline
{
	padding:5px;
	border:double 1px gray;
	width:180px;
	height:130px;
	box-shadow:0 1px 5px rgba(0,0,0,0.5);
}

.photo_visualTimeline img
{
	width:180px;
	height:130px;
}
.photo_visualTimeline:hover
{
	padding:5px;
	border:double 1px gray;
	width:180px;
	height:130px;
}

.photo_Show
{	
	background-color:Black; 
	filter:alpha(opacity=80); 
	background-color:rgba(0,0,0,0.8);
}

.photo_np img
{ 
	opacity:0.4;
	filter:alpha(opacity=40);
	margin:200px 0 0 0; 
  }
  
  .photo_np img:hover
{ 
	opacity:0.9;
	filter:alpha(opacity=90);
	margin:200px 0 0 0; 
	cursor:pointer;
  }

 .close {
float: right;
height: 20px;
margin: 0;
width: 20px;
}

/*Calender start*/
.calender .ajax__calendar_container {
    background-color: White;
    border:solid thin gray;
    color:Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
}

.calender .ajax__calendar_container td,.calender .ajax__calendar_container th,.calender .ajax__calendar_container #td,.calender .ajax__calendar_container #th
{
	padding:0;
	border:none;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

.calender .ajax__calendar_day {
    cursor: pointer;
    height: 17px;
    padding: 0 2px;
    text-align: right;
    width: 18px;
}
.calender .ajax__calendar_days table
{
	width:100%;
}
.calender .ajax__calendar_dayname
{
	border-bottom:solid 1px #EEEEEE;
}

.calender .ajax__calendar_other .ajax__calendar_day {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #646464;
}

.calender .ajax__calendar_days table th,.calender .ajax__calendar_days table td
{
	
	padding:0;
	margin:0;
	border:solid 1px transparent;
}

.calender .ajax__calendar_hover .ajax__calendar_day {
    background-color: #EDF9FF;
    border-color: #DAF2FC;
    color: #0066CC;
}
.calender .ajax__calendar_hover .ajax__calendar_month {
    background-color: #EDF9FF;
    border-color: #DAF2FC;
    color: #0066CC;
}
.calender .ajax__calendar_hover .ajax__calendar_year {
    background-color: #EDF9FF;
    border-color: #DAF2FC;
    color: #0066CC;
}
.calender .ajax__calendar_hover .ajax__calendar_title {
    color: #0066CC;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #0066CC;
}

/*Calender end*/

.update-innerTable
{
	width:100%;
	
}

.update-innerTable td,.update-innerTable #td
{
	border-collapse:collapse;
	border:none;
	padding:5px;
}

.update-innerTable input,.update-innerTable #input
{
	width:200px;
	height:20px;
}
.update-innerTable input:focus,.update-innerTable #input:focus
{
	box-shadow:0 1px 2px skyblue;
}
.update-innerTable select,.update-innerTable #select
{
	width:205px;
	height:22px;
}

.update-innerDiv
{
	width:100%;
	border:none;
	overflow:auto;
	height:472px;
}

.update-innerDiv input,.update-innerDiv #input
{
	width:80px;
	height:20px;
}
.update-innerDiv input:focus,.update-innerDiv #input:focus
{
	box-shadow:0 1px 2px skyblue;
}


/***/
.mbook-mile-header
        {
            background-color: #EEEEEE;
            text-transform: capitalize;
            text-align: left;
            padding: 5px 5px;
            font-size: 15px;
            font-family: Tahoma;
            box-shadow: 2px 2px 15px #F8C1C1 inset;
            text-shadow: 1px 1px #F8C1C1;
        }
        .mbook-mile-tab
        {
            width: 100%;
            border-collapse: collapse;
        }
        
        .mbook-mile-tab td, .mbook-mile-tab th
        {
            text-align: left;
            padding: 2px 5px;
        }
        
        .mbook-mile-tab th
        {
            text-transform: capitalize;
            font-size: 12px;
            font-family: Tahoma;
            border-bottom: solid thin #DEDEDE;
        }
        
        .mbook-mile-tab textarea
        {
        	border: solid thin #DADADA;
            padding: 2px 5px;
            box-shadow: 2px 2px 9px #DEDEDE inset;
            margin: 5px 0;
        }
        
        
        .mbook-mile-tab input
        {
            border: solid thin #DADADA;
            padding: 2px 5px;
            box-shadow: 2px 2px 9px #DEDEDE inset;
            width: 90%;
            height: 22px;
            margin: 5px 0;
        }
        .mile-add
        {
            background: url("Images/add.png") no-repeat scroll center center transparent;
            width: 24px;
            height: 24px;
            float: right;
            cursor: pointer;
        }