body 
{ 
	margin:0 auto; 
	padding:0; 
	background:url(../images/bdyBg.gif) repeat; 
	/*background-color:#3F2E03;*/
	font: 14px/1.5 Lucida Sans Unicode,Arial,Helvetica,sans-serif;
	color: #3F2E03;
	font-size:14px; 
	/*line-height:15px;*/
}
/* this is to restrict input control to be zoomed on focus for mobile devices*/ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}
.ajax__calendar_container { z-index : 1000 ; } /* avoid calender overlapping then controls are disabled*/ 

.ajax__tab_default .ajax__tab_header /* this makes the tabs wrap*/ 
{ 
white-space: normal!important; 
} 

#wrapper {
width: 99%;
height: 100%;
margin: auto;
background-color:#FFFFFF;
/*background-color:#F1F8C3;*/
}
#logo
{
	width:100%;
	height:auto;
	float:left;
	background-color:#FFFFFF;
}
#homecenter-logo {
background: url(../images/babyshop_new.gif) bottom center no-repeat;
width: 209px;
height: 50px;
display: block;
text-indent: -9000px;
overflow: hidden;
padding-top: 5px;
padding-left:20px;
padding-bottom:2px;
margin-bottom:2px;
float: left;
}

#group-logo{
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../images/landmark-group-logo.png) no-repeat;
width: 206px;
height: 30px;
float:right;
padding-top: 20px;
padding-right:10px;
margin-top:15px;
}
#header
{
	height:25px;
	width:100%;
	background-color:#CDDFEB;
	font-size:15pt;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#3F2E03;
	/*font-family:Comic Sans MS;
	font-family:MS Gothic;*/
}
#page_title
{
	width: 100%; 
	height:20px; 
	float:left;
	font-size:12pt;
	padding-top:2px; 
	padding-bottom:5px; 
	padding-left:0px;
	margin:0 0 0 0;
	font-weight:bold;
	border: solid 0.1px #525252;   
    border-collapse:collapse;  
    background-color:#CDDFEB;
}
#logout
{
	height:30px;
	width:60px;
	background-color:#F1F8C3;
	font-size:9pt;
	float:left;
	text-align:center;
	font-family:Comic Sans MS;
	
	
}
#logout a
{
	text-decoration:none;
}
#logout a:hover
{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#logodtl
{
	width:48%;
	height: auto;
	float:left;
	padding-left:5px;
	padding-top: 5px;
	margin-bottom:5px;
	font-size:8.5pt;
}
#userdtl
{
	width:50%;
	min-width:206px;
	height: auto;
	float:left;
	padding-left:5px;
	padding-top: 5px;
	margin-bottom:5px;
}
.aDown a
{
	text-decoration:none;
	font-size: 10px;
	font-weight:bold;
	vertical-align:middle;
}
.aDown a:hover
{
	text-decoration:none;
	color:#000;
	font-size: 9px;
	font-weight:bold;
}
#clear
{
	height:3px;
	float:left;
	width: 100%;
	background-color:#FFFFFF;
	float:left;
}
.clear
{
	height:3px;
	float:left;
	width: 100%;
	background-color:#FFFFFF;
}
#headtop
{
	height:1px;
	width:100%;
	background-color:#3F2E03;
	float:left;
}
#headbottom
{
	height:1px;
	width:100%;
	background-color:#3F2E03;
	float:left;
}
#main
{
	width:100%;
	font-size:14pt;
	float:left;
	background-color:#FFFFFF;
}

.border
{
	border: 1px solid #3F2E03;
	padding:5px;
}
.header_bg
{
	background-color:#CDDFEB;
	color:#3F2E03;
	font-weight:bold;
}
.inner_header_bg
{
	background-color:#CDDFEB; 
	border: 1px solid #3F2E03;
	color:#000000; 
	height:15px; 
	padding:2px 0 2px 5px;
	font-weight:bold;
}
#login_form
{
	width:99%;
	margin: auto;
	border: 1px solid #D30C26;
}
#login_form_inner
{
	width:80%;
	margin:auto; 
	padding-bottom:20px;
	background-color:#FFFFFF;
	
}
#login_head
{
	width:98%;
	height: 20px;
	margin: auto;
	padding:0.5%;
	background-color:#CDDFEB;
	border: 1px solid #3F2E03;
	color:#3F2E03;
}
.input
{
	background-color: #EEEEED;
	border: 0 none;
	width:99%;
	height:20px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	color: #919090;
	font-size: 14px;
	padding-top: 8px;
    padding-left: 8px;
	margin: auto;
}
.input_txt
{
	width:98%;
	border: 1 none;
	padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
	margin: auto;
}
.input_txt_cal
{
	width:90%;
	border: 1 none;
	padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
	margin: auto;
}
.input_txt_cal .ajax__calendar_body
{
	width:500px;	
}
.input_txt_sml
{
	width:50%;
	border: 1 none;
	padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
	margin: auto;
}
.input_txt_big
{
	width:98%;
	border: 1 none;
	padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
	margin: auto;
}
.input_txt_ddl
{
	width:98%;
	border: 1 none;
	padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
	margin: auto;
}
.input_txt_ddl1
{
	width:100%;
	border: 1 none;
	padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
	margin: auto;
}
.text
{
	width:50%;
	font-size:14px;
	float:left;
	font-family:Arial;
}
.submit
{
	width:45%;
	height:30px;
	text-align:center;
	background-color:#CDDFEB;
	color:#3F2E03;
}
button[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  border: 2px outset ButtonFace;
  color: Black;
  cursor: inherit;
  background-color: #ddd;
  background: #ddd;
}
textarea:disabled, input:not([type]):disabled, 
input[type="color" i]:disabled, input[type="date" i]:disabled, 
input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, 
input[type="email" i]:disabled, input[type="month" i]:disabled, 
input[type="password" i]:disabled, input[type="number" i]:disabled, 
input[type="search" i]:disabled, input[type="tel" i]:disabled, 
input[type="text" i]:disabled, input[type="time" i]:disabled, 
input[type="url" i]:disabled, input[type="week" i]:disabled, select:disabled {
    background-color: #ddd;
    color: Black;
}
.button
{
	height:30px;
	text-align:center;
	background-color:#CDDFEB;
	color:#3F2E03;
}
#footer_1
{
	height:20px;
	width:100%;
	background-color:#CDDFEB;
	font-size:13pt;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	float:left;
}
#footer
{
	height:20px;
	width:100%;
	background-color:#CDDFEB;
	font-size:13pt;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
	float:left;
	color:#3F2E03;
}
#ControlsPlaceHolder
{
	width:100%;
}
#menu
{
	width: 99.9%;
	height: auto;
	margin: 0;
	padding:0;
	float:left;
	background-color:#cee0ec;
	vertical-align:top;
	color:#000000;
	border: 1px solid #3F2E03;
	overflow:auto;
}

#welcome_msg
{
	width:100%;
	text-align:center;
	margin:auto;
	padding-top:150px;
	padding-bottom:100px;
	font: bold 80% Verdana;
	font-size:16pt;
	color:#C7DB41;
	float:left;
}

/* menu stylesheet */
.hover .drop{display:block;}

.td_valign_top
{
	vertical-align:top;
}

/* grid view style*/
.dvgrid
{
	width:95%;
	overflow:auto;
	background-color: #fff;   
    border: solid 1px #525252;   
    border-collapse:collapse;  
    vertical-align:top; 
}
.mGrid {   
    width: 100%;   
    background-color: #CDDFEB;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;  
    color:#3F2E03;
    font-size:12pt;  
}  
.mGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #000; 
     
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #3F2E03;   
    background-color: #CDDFEB; 
    /*background: #424242 url(../images/grd_head.png) repeat-x top;  */
    border-left: solid 1px #FFFFFF;
    text-align:left;   
}  
.mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #3F2E03 url(../images/grd_pgr.png) repeat-x top; color:#FFF; } 
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;
 }     
.mGrid .pgr a { color: #3F2E03; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
.mGrid .pgr a:active { color: #000; text-decoration: none; }
.mGrid a { color: #2E6FA6; text-decoration: none; }  
.mGrid a:hover { color: #3F2E03; text-decoration: none; }

/*asp menu stylesheet*/
.menu1
{
	width: 100%;
	height: 34px;
	margin: auto;
	float:left;
	font-size:16pt;
	background-color:#CDDFEB;
	border-top-color:Black;
	border-bottom-color:Black;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
}

.level1
{
    background-color:#CDDFEB;
    font-variant: small-caps;
    font:12px/34px "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
    font-weight: bold;
    line-height:34px;
    color:#3F2E03;
}
.level1 a
{
    background-color:#CDDFEB;
    font:12px/34px "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
    font-weight: bold;
    color:#3F2E03;
    line-height:34px;
}
.level1 a:hover
{
    background-color:#CDDFEB;
    text-decoration:none;
    color:Black;
    font-weight: bold;
}
.level2
{
    font:12px/34px "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
    background-color: #CDDFEB;
    line-height:34px;
    width:200px;
    padding-left:5px;
    color:#3F2E03;
}
.level2 a
{
   background-color:#CDDFEB;
    font:12px/34px "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}
.level2 a:hover
{
    background-color:#CDDFEB;
    text-decoration:none;
    color:Black;
    font-weight: bold;
}
.level3
{
    font:12px/34px "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
    background-color: #CDDFEB;
    line-height:34px;
    padding-left:5px;
    color:#3F2E03;
}
.level3 a
{
    background-color:#CDDFEB;
    font:12px/34px "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}
.level3 a:hover
{
    background-color:#CDDFEB;
    text-decoration:none;
    color:Black;
    font-weight: bold;
}
.hoverstyle
{
    font-weight: bold;
    color:Black;
    background-color: #CDDFEB;
}

.level4
{
    background-color: Gray !important;
    color: Black !important;
    font-size: small;
    line-height:34px;
}
.div_left_full
{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	float:left;
}
.div_left_full_in
{
	width:98%;
	float:left;
	margin:0;
	padding:0;
	float:left;
}
.div_left
{
	width:50%;
	float:left;
	font-weight:bold;
	background-color:#3F2E03;
	color:White;
}

.div_left_full a
{
	color:Red;
    float:left;
	font-weight:bold;
}
.div_bg_head
{
	background-color:#3F2E03;
	color:White;
	font-weight:bold;
}
.div_bg_lnk
{
	background-color:#3F2E03;
	color:White;
	font-weight:bold;
}
.div_right
{
	width:50%;
	float:right;
	text-align:right;
	font-weight:bold;
	background-color:#3F2E03;
	color:White;
}
.width50
{
	width:49%;
	float:left;
}
.width60
{
	width:60%;
	float:left;
}
.width100
{
	width:100%;
}
.width_85
{
	width:85px;
}  
.width_height_85
{
	width:85px;
	height:85px;
}  
.head_title
{
	text-decoration:underline; 
	font-weight:bold; 
	font-size:12px;
}
/*start::calender theme*/
.cal_Theme1 .ajax__calendar_container   {
background-color: #CDDFEB;
border:solid 1px #3F2E03;
z-index : 1000 ; 
}
.cal_Theme1 .ajax__calendar .ajax__calendar_container {border: 3px solid #6B8E23;}


.cal_Theme1 .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #8B4513;
padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #6B8E23;
}

.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #8B4513;
}

.cal_Theme1 .ajax__calendar_day {
color: #8B4513;
text-align:center;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
color: #8B4513;
font-weight: bold;
background-color: #8FBC8F;
}

.cal_Theme1 .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #8B4513;
}


.MenuBar { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.StaticMenuItem 
{
    background-color: #cee0ec;   -moz-border-radius: 1px;
    -webkit-border-radius: 1px;   font: 14pt calibri;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: auto; vertical-align: middle; background-repeat: repeat-x;
    height: 40px; text-align: center; color: Black; padding: 5px;
}

.StaticMenuItemStyle { color: #000000; padding: 5px; }

 
.StaticHoverStyle { background-color: #89caf5; color: #ffffff; }

.StaticSelectedStyle { background-color: #ffe99f; color: #5f5f5f; }

.DynamicMenuItemStyle 
{ 
    background-color: #89caf5; border-width: 1px; border-style: solid;
    border-color: #000000; -moz-border-radius: 1px; -webkit-border-radius: 1px;
    font: 13pt calibri; margin: auto;border-left: 0px solid #c1c1c1; 
    border-right: 0px solid #c1c1c1; border-top: 0px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1; border-spacing: 0px;
    vertical-align: middle; background-repeat: repeat-x;
    height: 30px; text-align: left; color: #000000; padding: 5px;
}

.DynamicHoverStyle { background-color: #8f9ca5; color: #ffffff; }

#welcomemsg {
    /*display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size:20pt;
    color:#000;
    border: solid 1px #525252; 
    height: 200px;
    width:100%;
    float:left;
    background-color:White;*/
    display :table-cell;
  width:100%; 
  height: 60%;
  min-height:200px;
  text-align: center;
  vertical-align:middle;
  margin: auto 0;
  padding: auto 0;
  border: solid 1px #525252;
  color:#000;
  font-size:20pt;
  background-color:White;
}


/* Start:: Tab container style*/
.MyTabStyle .ajax__tab_header
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 14px;
    font-weight:bold;
    display: block;
	color:#3F2E03;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border:solid 1px #d7d7d7;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color:#8B4513;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #B8860B;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.MyTabStyle .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}
.MyTabStyle .ajax__tab_header a
{
    color:Black;
    float:left;
	font-weight:bold;
}
.ajax__myTab .ajax__tab_header { font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold;color:#000;border-left:solid 1px #666666; border-bottom:thin 1px #666666 }
.ajax__myTab .ajax__tab_outer { padding-right: 4px; height: 20px; background-color: #fff; margin-right: 1px; border-right: solid 1px #666666; border-top: solid 1px #666666 }
.ajax__myTab .ajax__tab_inner { padding-left: 4px; background-color: #fff; }
.ajax__myTab .ajax__tab_tab { height: 13px; padding: 4px; margin: 0; }
.ajax__myTab .ajax__tab_hover .ajax__tab_outer { background-color:  #c9c9c9}
.ajax__myTab .ajax__tab_hover .ajax__tab_inner { background-color:  #c9c9c9}
.ajax__myTab .ajax__tab_hover .ajax__tab_tab { background-color: #c9c9c9; cursor:pointer }
.ajax__myTab .ajax__tab_active .ajax__tab_outer { background-color:#9ebae8; border-left: solid 1px #999999; }
.ajax__myTab .ajax__tab_active .ajax__tab_inner { background-color:#9ebae8; }
.ajax__myTab .ajax__tab_active .ajax__tab_tab {background-color:#9ebae8;cursor:inherit }
.ajax__myTab .ajax__tab_body {border: 1px solid #666666; padding: 6px; background-color: #ffffff; }
.ajax__myTab .ajax__tab_disabled {color:Gray }
        
/* End:: Tab container style*/

/* Lock Screen-related CSS Classes */
.LockOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}
.LockBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 105%;
    height: 105%;
    background-color: #666;
    z-index: 999;
    filter: alpha(opacity=75);
    opacity:0.75;
    padding-top: 20%;
}
.LockPane {
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 25%;
    visibility: visible;
    display: block;
    text-align: center;
    width: 100%;
}
.LockPane div {
    width: 25%;
    background-color: #CDDFEB;
    color: Black;
    font-size: large;
    border: dotted 0px White;
    padding: 9px;
    margin-left: auto;
    margin-right: auto;
}