/* Css for Oberoi Careers Site */

body {
font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
font-size:11px;
color:#55676B;
margin:0px;
padding:0px;
background:#E9E9E9;
}


/* global Section */

/* for ie6 png fix */
img {
behavior:url(iepngfix.htc);
}

a {
outline:none;
}
a{
color:#308DB6;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

img {
border:none;
}

.submit {
padding:3px 10px;
background:#257BAC;
border: #006699 2px solid;
float:left;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-decoration:none;
display:block;
margin-right:10px;
float:left;
text-decoration:none;
}

.submit:hover {
background:#006699;
border: #006699 2px solid;
text-decoration:none;
}
.submit_one {
padding:0px;
background:#257BAC;
border: #006699 2px solid;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-decoration:none;
margin-right:10px;
cursor:pointer;
text-decoration:none;
}

.submit_one:hover {
background:#006699;
border: #006699 2px solid;
text-decoration:none;
}
.stepapplication{
	width:270px;
	margin:8px 44px 0; 
	background-color:#4f81bd;
	color: #ffffff;
	text-align:center;
	border-radius:10px;
	font-size:13px;
	padding-top:15px;
    padding-bottom:10px;
}
.stepapplication a{
	padding-top:15px;
    padding-bottom:10px;
	color: #ffffff;
	text-decoration:none;
}
.stepprogram{
	height:25px;
	width:270px;
	margin:8px 44px 0; 
	background-color:#707070;
	color: #FFFFFF;
	text-align:center;
	border-radius:10px;
	font-size:13px;
	padding-top:15px;
    padding-bottom:10px;
}
.stepprogram a{
	padding-top:15px;
    padding-bottom:10px;
	color: #FFFFFF;
	text-decoration:none;
}

.input {
border:1px solid #CCCCCC;
padding:3px 5px;
color:#676767;
}
textarea {
border:1px solid #CCCCCC;
padding:0px 5px;
color:#676767;
font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
font-size:11px;
}
.textarea {
width:250px;
}
.input .button {
border:1px solid #3C9DC7;
padding:0px;
width:86px;
height:24px;
margin-right:6px;
color:#fff;
background:#297BAD;
cursor:pointer;
}
select {
border:1px solid #CCCCCC;
padding:3px;
font-family:"Trebuchet MS", Arial, helvetica, sans-serif;

color:#676767;
}
.error_msg {
width:400px;
font-size:11px;
text-align:left;
color:red;
margin-left:100px;
}
.error_msg1 {
width:120px;
text-align:left;
color:#FF0000;
margin-left:100px;
}
.center {
text-align:center;
}
.clear {
clear:both;
height:1px;

}
.clear_border {
clear:both;
height:1px;
border-bottom:1px solid #CDCDCD;
width:532px;
}
hr {
background:#CDCDCD;
color:#CDCDCD;
height:1px;
}
.clear_both{
clear:both;
height:7px;
border-bottom:1px solid #CDCDCD;
width:600px;
margin-top:8px;
}
h2,h3 {
margin:20px 0px 0px 0px;
padding:0px;
}

h1{
width:300px;}

h2 {
font-size:14px;
}
h3 {
font-size:13px;
}

strong{
font-size:13px;

}
ul,ol {
margin:0px;
padding:0px;
}

#top {
padding-right:10px;
text-align:right;
margin-bottom:-10px;
clear:both;
}
.tab_top {
padding-right:30px;
text-align:right;
margin-top:15px;
margin-bottom:-10px;
clear:both;
}

.sidebar_image {
position:absolute;
margin-left:-361px;
margin-top:-55px;
z-index:1;					
}

/* wrapper Begin */
#wrapper {
width:988px;
margin:4px auto;
position:relative;

}
/* End of wrapper */
	
		/* Header Begin */
		#header {
		width:988px;
		height:280px;
		/*height:230px;*/
		background:url(images/header_bg1.jpg) no-repeat;
		float:left;
		position:relative;
		z-index:3;
		}
.marrakech-logo-wrapper{ width: 100%; float: left; background: #fff; }
.header-bg {
		width:988px;
		height:350px;
		/*height:230px;*/
		background:url(images/Marrakech-Landing-Page-Banner.jpg) no-repeat;
		float:left;
		position:relative;
		z-index:3;
		}
					
					#logo {
					width:207px;
					position:relative;
					margin:16px auto 0 auto;
					text-align:center;
					top:20px;
					}
                 .logo-marrakech {
					width:194px !important;
					margin:0 auto;
					 padding: 20px 0px; 
					}
                  .logo-marrakech img{ width: 100%;}
                  .marrakech-wrapper{ text-align: center; padding: 20px 0px 10px;}
                 .marrakech-wrapper h3{font-size: 22px;color: #308DB6;margin: 0px; font-family: 'Open Sans', sans-serif;}
                 .marrakech-wrapper p {font-size: 13px; font-family: 'Open Sans', sans-serif;}
					.name input {
					 width: 102px;
					 margin: 0px 4px;
						padding: 4px 2px;
					}
					.form-wrapper.mail {
					 margin-left: 35px;
                      }
                   .mail input{width: 168px; padding: 4px;}
					.form.label {
					margin-bottom: 4px;
					font-size: 13px;
						font-weight: bold;
					}
                  .name select{ width: 60px;}
.contact-marrakech{text-align: left;padding: 0 14%;width: 70%;margin: 0 1%; float:left; background: #e5e5e5;}  
.form-wrapper{ float: left; margin: 10px 0px;} 
.form-wrapper input{padding: 4px 4px;}
.dob select{width: 100px;}
.form-wrapper.button{ width:100%; text-align:center;}
.form-wrapper.name,.form-wrapper.dob{width: 63%;}
.form-wrapper.job { width: 50%;} .form-wrapper.job select,input { width: 88%;}
button{color: #fff; background: #308DB6; border: none; padding: 6px 20px; text-align: center; font-size: 16px;}
					  #gpwlogo {
					width:200px;
					float:left;
					margin:15px auto auto 8px;
					/*text-align:center;*/
					}
		
					#top_link {
					width:256px;
					height:21px;
					position:absolute;
					right:10px;
					top:92px;
					color:#308DB6;
					}
					
					#navigation {
					height:30px;
					position:absolute;
					width:968px;
					margin:0 auto 0 15px;
					/*top:72px;*/
					bottom:3px;
					
					}
					#navigation_wrap{
					position:relative;
					margin:0px auto;
					width:600px;
					}
					#navigation ul{
					margin:0px auto 0px auto;
					padding:0px;
					list-style:none;
					width:600px;
					position:relative;
					
					}
						#navigation:before {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
							#navigation ul li{
							display:inline;
							}
							
							#navigation ul li.home a{
							width:75px;
							height:30px;
							background:url(images/home_navi.gif) no-repeat left top;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.home a:hover{
							background:url(images/home_navi.gif) no-repeat 0px -61px;
							}
							
							#navigation ul li.home .highlight {
							width:75px;
							height:30px;
							background:url(images/home_navi.gif) no-repeat left bottom;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.about_us a{
							width:85px;
							height:30px;
							background:url(images/about_us_navi.gif) no-repeat left top;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.about_us a:hover{
							background:url(images/about_us_navi.gif) no-repeat 0px -61px;
							}
							
							#navigation ul li.about_us .highlight{
							width:85px;
							height:30px;
							background:url(images/about_us_navi.gif) no-repeat left bottom;
							float:left;
							margin-right:5px;
							}
							
							
							#navigation ul li.culture a{
							width:85px;
							height:30px;
							background:url(images/culture_navi.gif) no-repeat left top;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.culture a:hover{
							background:url(images/culture_navi.gif) no-repeat 0px -61px;
							}
							
							#navigation ul li.culture .highlight{
							width:85px;
							height:30px;
							background:url(images/culture_navi.gif) no-repeat left bottom;
							float:left;
							margin-right:5px;
							}
							
							#navigation ul li.hotel_resorts a{
							width:139px;
							height:30px;
							background:url(images/hotel_and_resorts.gif) no-repeat left top;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.hotel_resorts a:hover{
							background:url(images/hotel_and_resorts.gif) no-repeat 0px -61px;
							}
							
							#navigation ul li.hotel_resorts .highlight{
							width:139px;
							height:30px;
							background:url(images/hotel_and_resorts.gif) no-repeat left bottom;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.careers a{
							width:85px;
							height:30px;
							background:url(images/careers.gif) no-repeat left top;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.careers a:hover{
							background:url(images/careers.gif) no-repeat 0px -61px;
							}
							
							#navigation ul li.careers .highlight{
							width:85px;
							height:30px;
							background:url(images/careers.gif) no-repeat left bottom;
							float:left;
							margin-right:5px;
							}
							
							
							
							
							
							#navigation ul li.join_us a{
							width:85px;
							height:30px;
							background:url(images/join_us_navi.gif) no-repeat left top;
							float:left;
							margin-right:5px;
							}
							#navigation ul li.join_us a:hover{
							background:url(images/join_us_navi.gif) no-repeat 0px -61px;
							}
							
							#navigation ul li.join_us .highlight{
							width:85px;
							height:30px;
							background:url(images/join_us_navi.gif) no-repeat left bottom;
							float:left;
							margin-right:5px;
							}
							
							.text_hidden {
							text-indent:-9999px;
							}
							
							#secondary_navigation {
							width:970px;
							height:15px;
							background:#313131;
							position:relative;
							text-align:center;
							/*bottom:-103px;
							bottom:-163px;*/
							bottom:-103px;
							padding-top:8px;
							padding-bottom:10px;
							left:9px;							
							}
							#third_navigation{
							width:970px;
							height:22px;
							background:#6A6A6A;
							position:absolute;
							text-align:center;
							bottom:-50px;
							padding-top:5px;
							left:9px;
							border-top:1px solid #5A5A5A;
							border-bottom:1px solid #5A5A5A;
							}
									.second_navi_height {
									height:44px;
									}
									.left_border{
									border-left:1px solid #FFFFFF;
									}
									.right_border{
									border-right:1px solid #FFFFFF;						
									}									
									#secondary_navigation  a{
									color:#FFFFFF;
									text-decoration:underline;
									padding:0px 20px;
									border-right:1px solid #FFFFFF;
									}
									#secondary_navigation  a.last_link{
									color:#FFFFFF;
									text-decoration:underline;
									padding:0px 20px;
									border-right:none;
									}
									#secondary_navigation a:hover {
									text-decoration:none;
									}
									#secondary_navigation span{
									color:#BBBBBB;
									text-decoration:none;
									margin:0px 20px;
									/*line-height:18px;*/
									}
									#third_navigation  a{
									color:#FFFFFF;
									text-decoration:none;
									padding:0px 10px;							
									border-right:1px solid #999999;
									}
									#third_navigation  a.last_link{
									color:#FFFFFF;
									text-decoration:none;
									padding:0px 10px;
									border-right:none;
									}
									#third_navigation a:hover {
									text-decoration:underline;
									}
									#third_navigation span{
									color:#FFFFFF;
									text-decoration:underline;
									margin:0px 10px;
									/*line-height:18px;*/
									}
		
		#content_wrapper {
		width:988px;
		float:left;
		background:url(images/content_wrapper_bg.gif) #fff;
		position:relative;
		}
					
					#image_sidebar {
					width:356px;
					float:left;
					background:url(images/content_bg.jpg) no-repeat top left;
					margin-left:9px;
					min-height:318px;/**/
					display:inline;
					padding-top:46px;
					
					}
					#box {
					width:281px;
					float:left;
					margin-left:32px;
					border-top:1px solid #CDCDCD;
					margin-top:15px;
					display:inline;
					}
					.thumb_img {
					float:left;
					padding-top:7px;
					width:87px;
					}
					.description {
					float:left;
					width:184px;
					padding-top:28px;
					padding-left:5px;
					}
					#print{
					font-size:11px;
					color:#9F9F9F;
					margin-left:45px;
					margin-right:30px;
					text-align:left;
					position:absolute;
					right:10px;
					top:80px;					
					}
					#caption {
					font-size:11px;
					color:#9F9F9F;
					margin-left:45px;
					margin-right:30px;
					text-align:left;
					width:270px;
					}
					#caption strong {
					font-size:12px;
					}
					.home_images {
					/*margin-top:24px;*/
					position:absolute;
					bottom:0px
					}
					#home_caption {
					position:absolute; 
					bottom:0px;; 
					padding:5px 10px; 
					}
					.inner_image{
					margin-left:15px;
					margin-top:24px;
					}
					.inner_image_Step{
					margin-left:8px;
					margin-top:50px;
					}
					
					#content {
					float:left;
					width:605px;
					padding-top:80px;
					padding-bottom:30px;
					/*line-height:20px;*/
					}
						
							#content ul {
							margin:10px 0px 15px 5px;
							padding:0px 0px 0px 15px;
							}
							.column_full_width{
							width:549px;
							float:left;
							display:inline;
							}
							.column_fullwidth{
							width:532px;
							float:left;
							
							display:inline;
							}/**/
							.column_fullwidth strong{
							font-size:13px;
							color:#878787;
							}
							#content .tab {
							width:608px;
							float:left;
							display:inline;
							margin-top:18px;
							}
							#content .tab ul{
							list-style:none;
							margin:0px;
							padding:0px;
							width:608px;
							}
							.tab ul li {
							float:left;
							
							}
							.tab ul li a{
							float:left;
							padding:7px 5px 7px 5px;
							background:#707070;/**/
							color:#fff;
							border-right:1px solid #fff;
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li.tab3 a{
							float:left;
							padding:7px 60px 7px 60px;
							background:#707070;/**/
							color:#fff;
							border-right:1px solid #fff;
							text-decoration:none;
							font-size:11px;
							}
							
							.tab ul li.tab4 a{
							float:left;
							padding:7px 67px 7px 67px;
							background:#707070;/**/
							color:#fff;
							border-right:1px solid #fff;
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li.tab5 a{
							float:left;
							padding:7px 10px 7px 10px;
							background:#707070;/**/
							color:#fff;
							border-right:1px solid #fff;
							text-decoration:none;
							font-size:11px;
							}
							
							.tab ul li a.firsttab{
							float:left;
							display:block;
							padding:0px 5px 0px 5px;
							background:#707070 url(images/dark_round_left.gif) left top no-repeat;
							color:#fff;
							border-right:1px solid #fff;
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li a.firsttab span{
							float:left;
							display:block;
							padding:7px 5px 7px 5px;
							background:#707070;
							color:#fff;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}
							.tab ul li a.firsttab span.tab1{
							float:left;
							display:block;
							padding:7px 50px 7px 50px;
							background:#707070;
							color:#fff;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}
							.tab ul li a.firsttab span.round_tab1{
							float:left;
							display:block;
							padding:7px 5px 7px 5px;
							background:#707070;
							color:#fff;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}
							.tab ul li a.firsttab span.round_tab_two{
							float:left;
							display:block;
							padding:7px 90px 7px 90px;
							background:#707070;
							color:#fff;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}
							.tab ul li a.lasttab{
							float:left;
							display:block;
							padding:0px 5px 0px 5px;
							background:#707070 url(images/dark_round_right.gif) right top no-repeat;
							color:#fff;
							border-right:1px solid #fff;
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li a.lasttab span{
							float:left;
							display:block;
							padding:7px 5px 7px 5px;
							background:#707070;
							color:#fff;
							cursor:pointer;
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li a.lasttab span.tab2{
							float:left;
							display:block;
							padding:7px 65px 7px 65px;
							background:#707070;
							color:#fff;
							cursor:pointer;
							text-decoration:none;
							font-size:11px;
							}/**/
							.tab ul li a.lasttab span.round_tab2{
							float:left;
							display:block;
							padding:7px 5px 7px 5px;
							background:#707070;
							color:#fff;
							cursor:pointer;
							text-decoration:none;
							font-size:11px;
							}/**/
							.tab ul li a.lasttab span.round_tab_three{
							float:left;
							display:block;
							padding:7px 96px 7px 96px;
							background:#707070;
							color:#fff;
							cursor:pointer;
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li a.active {
							float:left;
							padding:7px 5px 7px 5px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li.tab3 a.active {
							float:left;
							padding:7px 60px 7px 60px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li.tab4 a.active {
							float:left;
							padding:7px 67px 7px 67px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							
							text-decoration:none;
							font-size:11px;
							}
							.tab ul li.tab5 a.active {
							float:left;
							padding:7px 10px 7px 10px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							text-decoration:none;
							font-size:11px;
							}
							
							.tab ul li a.highlight1 {
							float:left;
							padding:0px 5px 0px 5px;
							background:#E1E1E1 url(images/round_left.gif) left top no-repeat;
							color:#000000;
							border-right:1px solid #E1E1E1;
							text-decoration:none;
							font-size:11px;
							display:block;
							
							}
							.tab ul li a.highlight1 span{
							float:left;
							padding:7px 5px 7px 5px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}/**/
							.tab ul li a.highlight1 span.tab1{
							float:left;
							padding:7px 50px 7px 50px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}
							.tab ul li a.highlight1 span.round_tab1{
							float:left;
							padding:7px 5px 7px 5px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}
							.tab ul li a.highlight1 span.round_tab_two{
							float:left;
							padding:7px 90px 7px 90px;
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							color:#000000;
							text-decoration:none;
							font-size:11px;
							cursor:pointer;
							}
							.tab ul li a.highlight2 {
							background:#E1E1E1 url(images/round_right.gif) no-repeat right top;
							color:#000000;
							float:left;
							font-size:11px;
							padding:0px 5px 0px 5px;
							text-decoration:none;
							}
							.tab ul li a.highlight2 span{
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							cursor:pointer;
							color:#000000;
							float:left;
							font-size:11px;
							padding:7px 5px 7px 5px;
							text-decoration:none;
							}
							.tab ul li a.highlight2 span.tab2{
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							cursor:pointer;
							color:#000000;
							float:left;
							font-size:11px;
							padding:7px 65px 7px 65px;
							text-decoration:none;
							}
							.tab ul li a.highlight2 span.round_tab2{
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							cursor:pointer;
							color:#000000;
							float:left;
							font-size:11px;
							padding:7px 5px 7px 5px;
							text-decoration:none;
							}
							.tab ul li a.highlight2 span.round_tab_three{
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							cursor:pointer;
							color:#000000;
							float:left;
							font-size:11px;
							padding:7px 96px 7px 96px;
							text-decoration:none;
							}
							.tab ul li a.arrow {
							background:#E1E1E1 url(images/arrrow_bottom.gif) bottom center no-repeat;
							}/**/
							#content .tab_content{
							float:left;
							width:545px;
							background:#F9F9F9 url(images/tab_content_rounded.gif) no-repeat bottom left;
							padding:20px 22px;
}
							.column_1 {
							width:570px;
							float:left;
							display:inline;
							margin-right:29px;
							}
							.column_1 strong,.column_2 strong{
							font-size:11px;
							}
							.column_2 {
							width:570px;
							float:left;
							}
							#content p,ul{
							margin:10px 0px;
							padding:0px;
							line-height:20px;
							}
							.leftmargn_column_1 {
							margin-left:36px;
							}
							.top-bottom-margin{
							margin-top:20px;
							margin-bottom:20px;
							}
							.bottom-margin{
							margin-bottom:15px;
							-margin-bottom:0px;
							}/**/
							ul#form{
							list-style:none;
							margin:0px;
							padding:0px;
							}
							ul#form span {
							color:#FF0000;
							}
							label {
							width:100px;/**/
							float:left;
							
							}
							ul#form li{
							margin-bottom:25px;
							}
							ul#form li.inline{
							float:left;
							display:inline;
							margin-right:10px;
							}
							
							
							
							ul#form li.clear_noborder {
							clear:both;
							height:10px;
							margin-bottom:0px
							}
							
							.inline_marginleft {
							/*margin-left:75px;*/
							}
	

		#footer {
		width:988px;
		float:left;
		background:url(images/footer_bg.gif) no-repeat left top;
		padding:10px 0px;
		font-size:10px;
		}
					
					#copyright {
					width:500px;
					float:left;
					padding-left:41px;
					
					}
					#footer_link {
					text-align:right;
					padding-right:61px;
					color:#308DB6;
					}

.activelink {
font-size:16px;
text-align:left;
text-decoration:none;
color:red;
margin-left:0px;
}	
.activelink:hover{
 text-decoration:none;
}				

/* CSS for fb link added by Rijesh on 12 Jan 2012*/

#top_link_sm {
					position:absolute;
					right:25px;
					^right:22px;
					top:72px;
					padding:0px;
					}
					
#top_link_sm ul {
						list-style:none;
						margin:0px;
						padding:0px;
						}
						#top_link_sm ul li {
						float:left;
						padding:0 0px;
						}												
						#top_link_sm ul li a {
						color:#545454;
						text-decoration:none;
						float:left;
						}
						#top_link_sm li a:hover {
						color:#4C6487;
						}
						#top_link_sm li a.facebook{
						height:18px;
						/*width:25px;*/
						background: url(images/facebook_small.gif)  0px 5px no-repeat;
						padding: 0 0px 0px 15px;
						margin-top:0px;
						
						}			
.error_message
{  
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
    font-style: normal; 
    font-weight: normal; 
    color: red; 
	font-size:11px;
    padding-right:1px;
    padding-top:5px;
    padding-bottom:5px;
}	
.success_message
{  
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
    font-style: normal; 
    font-weight: normal; 
    color: red; 
	font-size:11px;
    text-align:center;
}	

.step-notify {
	font-size:11px;
	color:#FFFFFF;
	margin-left:32px;
	margin-right:30px;
	text-align:left;
	width:270px;
	margin-top:0px;
}
.step-notifysubmit {
padding:3px 10px;
background:#FFFFFF;
border: #006699 2px solid;
float:left;
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
display:block;
margin-right:10px;
float:left;
text-decoration:none;
}
.check_img{
	 margin-bottom: 5px;
    margin-left: 5px;
    position: absolute;
    float:none !important;
	left:265px;
	margin-top:5px;}


/* Popup Style */


.popup {
  background-color: #4e80bb;
  border-radius: 10px;
  margin: 25px auto 0;
  width: 90%;
}
.popup-hdng {
  border-bottom: 1px solid #e3e3e3;
  color: #ffffff;
  font-size: 14px;
  margin-top: 25px;
  padding: 10px 15px;
  position: relative;
  text-align: center;
}
.close-popup {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 5px;
}
.popup-form {
  border-bottom: 1px solid #e3e3e3;
  color: #ffffff;
  padding: 20px 20px 0;
}
.popup-logo {
  margin-bottom: 15px;
  text-align: center;
}
.popup-logo img {
  border: 1px solid #dcdcdc;
  margin-bottom: 8px;
}
.popup-logo p {
  font-size: 14px;
  margin: 0;
}
.form-item {
  margin-bottom: 15px;
}
.form-item > div {
  display: inline-block;
  vertical-align: top;
}
.form-label {
  color: #ffffff;
  font-size: 13px;
  line-height: 25px;
  width: 100%;
}
.form-input {
  width: 100%;
}
.form-item input, .form-item select {
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  color: #404041;
  font-size: 13px;
  width: 100%;
}
.form-item .title {
  float: left;
  margin-right: 3%;
  width: 20%;
}
.form-item .name-colm {
  float: left;
  margin-right: 3%;
  width: 23.6%;
}
.form-item .name-colm:last-of-type {
  margin-right: 0;
}
.form-item input {
  padding: 3px 8px;
}
.dob select {
  margin-right: 2%;
  width: 31.2%;
}
.dob select:last-of-type {
  margin-right: 0;
}
.popup-btns {
  padding: 20px 10px;
  text-align: center;
}
.popup-btns ul {
  margin: 0;
  padding: 0;
}
.popup-btns ul li {
  display: inline-block;
  vertical-align: top;
}
.popup-btns button {
  border: 1px solid;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 15px;
}
.popup-btns .btn-style1 {
  background-color: #f9fafc;
  border-color: #d5d6d8;
  color: #5c5d5f;
}
.popup-btns .btn-style2 {
  background-color: #3c6baf;
  color: #fff;
}
.popup-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 8;

  display: none;
}
.popup-btn {
	cursor: pointer;
	display: block;
	font-size: 14px;
	margin-top: 25px;
	padding: 0 45px;
	text-decoration: underline;
}

@media only screen and (max-width: 1279px) {
	.marrakech-main,.contact-marrakech,.marrakech-wrapper,.form-wrapper { width: 100% !important;}
	.name input{margin: 0px 1px; width: 90px;}.form-wrapper.mail{margin-left: 0px;}
}
