body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; margin:0 auto; background-color:#EEEEEE; letter-spacing:0.3px;}
.wrapper{width:100%; height:auto; margin:0;}
.wrap{width:100%; height:auto; float:left;
	background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, #EFEFEF), color-stop(40%, #FFFFFF), color-stop(60%, #FFFFFF), color-stop(100%, #EFEFEF));	
	background-image: -moz-linear-gradient(to left, #EFEFEF, #EFEFEF, #FFFFFF, #FFFFFF, #FFFFFF, #EFEFEF, #EFEFEF);}
#content{/*float:left;*/padding:0px 0 15px; width:1000px; height:auto; margin:0 auto;}
.twrap_spacing{float:left;padding:10px 0 15px; width:100%; height:auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DDDDDD), color-stop(20%, #EEEEEE), color-stop(30%, #EFEFEF), color-stop(100%, #DDDDDD));	
	background-image: -moz-linear-gradient(to bottom, #DDDDDD, #EEEEEE, #EFEFEF, #DDDDDD);
	border-bottom:2px solid #DDDDDD;
}
a{cursor:pointer; color:#21759B;}
.left{float:left;}
.right{float:right;}
.txtbold{font-weight:bold;}
.padtop10{padding-top:10px;}
.padtop20{padding-top:20px;}
.padleft30{padding-left:30px;}
.padleft50{padding-left:50px;}
.pdingright10{padding-right:10px;}
.bluehding{font-size:19px; color:#0099cc; }
.headertxt{font-size:12px; color:#000000;}
a.headerlink{font-size:12px; color:#0099cc; text-decoration:none;}
a.headerlink:hover{font-size:12px; color:#000000; text-decoration:underline;}
.pdingtop5{padding-top:5px;}
.padleft10{padding-left:10px;}
.height25{height:25px;}
.button{font-size:12px; color:#000000; border:#CCCCCC solid 1px;}


#left_link ul{
	padding: 0; margin:0;
	border: none; margin-top:5px;
	}
#left_link ul li{ padding: 0; margin:0;
	padding:7px 0px 7px 12px; border-bottom:1px solid rgba(204, 204, 204, 0.42);
	list-style: none;
	font-size:12px;
	}
#left_link li a{color:#006699; text-decoration:none;}
#left_link li a:hover{ color:#006699; text-decoration:underline;}

#left_link ul ul{margin-top:0px; border-bottom:1px solid rgba(204, 204, 204, 0.42); background-color:rgba(204, 204, 204, 0.17)}
#left_link ul ul li{border:none 0;
	padding:2px 0px 6px 25px;
	list-style: none;
	font-size:12px;
	}
#left_link ul ul li a{color:#0099CC; text-decoration:none;}
#left_link ul ul li a:hover{ color:#0099CC; text-decoration:underline;}
#container{background:#FFFFFF; width:800px; margin:0 auto; overflow:auto; height:auto;}
.sml{font-size:11px;}

#page{width:600px; padding-left:10px;}
.width980{width:780px;}
.ht20{height:20px;}
.titletxt{font-family:Algerian; font-size:36px; color:#333333; width:100%; float:left;}
.width230{width:230px;}
.width175{width:175px;}
.width120{width:120px;}
.width150{width:150px;}
.width280{width:280px;}
.width40{width:40px;}
.width320{width: 310px;min-height: 160px;float: left;}
/*.width698{width:730px;}*/
.mainfullwidth{width:99.8%;}
.fullwidth{width:100%;}
.width90{width:90px;}
.width470{width:470px;}
.width650{width:650px;}
.padall{padding:5px 0px 5px 10px;}
.padright10{padding-right:10px;}
.txtcenter{text-align:center;}
.txtleft{text-align:left;}
.txtright{text-align:right;}
.pading10{padding:10px;}
.width600{width:620px;}
.padleft5{padding-left:5px;}

.padtop30{padding-top:30px;}
.padtop40{padding-top:40px;}
.padbtm10{padding-bottom:10px;}
input, textarea, select{margin:0px; padding:0px; width:auto; }
input[type="button"], input[type="submit"]{ padding:2px 10px;}
input[type="button"].smlinput, input[type="submit"].smlinput{height: 22px;padding: 0px 6px;}
select{height:30px;font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; bor border-radius:5px; -moz-border-radius:5px; border:#CCCCCC solid 1px; }
.titlebox{height:30px; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; bor border-radius:5px; -moz-border-radius:5px; border:#CCCCCC solid 1px;}
.txtbox{height:30px;  font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; border-radius:5px; -moz-border-radius:5px; border:#CCCCCC solid 1px; padding:0 4px;}
.txtArea{height:auto;width:auto;font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;border-radius:5px; -moz-border-radius:5px; border:#CCCCCC solid 1px; padding:4px; line-height:19px;}
.localurl{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
.txtbox1{height:20px; width:auto; font-size:16px; font-family:Arial, Helvetica, sans-serif;color:#333333; border:#999999 solid 1px;}
.label1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333;}
.label22{font-size:12px; color:#333333;}
.selectbox{height:30; font-size:16px; font-family:Arial, Helvetica, sans-serif;color:#333333;}
.dbval{font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.pad{padding:0px 0px 20px 0px;}
#gallery {padding:5px;width:700px;}
#gallery ul {list-style: none; padding-left:0px;}
#gallery ul li {display: inline;}
#gallery img {border: 5px solid #FFFFFF;	border-width: 5px 5px 10px;}
.add_link{font-size:11px; color:#666666; padding:2px 2px 5px 5px; border:#cccccc solid 1px;}

a.css_tool_tip{position:absolute;_display:inline-block;text-decoration:none;white-space:normal; margin-top:5px;}
a.css_tool_tip span{display:none;}
a.css_tool_tip span i{display:block;background-color:#FFFBCC;border-left:1px solid #FFCC01;border-right:1px solid #FFCC01;padding:0 5px; text-align:left; font-style:normal; line-height:15px;}
a.css_tool_tip:hover{background-color:#ff0000;}
a.css_tool_tip_big:hover span{display:block;position:absolute;z-index:20;bottom:1em;left:-363px;width:400px;color:#000;}
a.css_tool_tip_big span b{display:block;height:10px;background:url(images/css_tooltip_top.gif) no-repeat bottom;}
a.css_tool_tip_big span em{display:block;height:32px;background:url(images/css_tooltip_bot_big.png) no-repeat;}
.info{font-size:10px; color:#ffffff; height:13px; width:13px;-moz-border-radius:5px; border-radius:5px; background:#ff0000; }

.succesmsg{color:#009900; font-weight:bold;}
.errormsg{color:#FF0000; font-weight:bold;}
h1{padding:0; margin:0;}
h2{padding:0; margin:0; color:#666666; font-size:17px; margin:5px 0 0 0;}
.boxes{background-color:#EEEEEE;-moz-border-radius:10px;border-radius:10px; width:98%; margin-left:2%;}
.mrngbtm10{margin-bottom:10px;}
.fileinput{height:30px; max-width:250px; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; border:#CCCCCC solid 1px; }
.testimonials{background:url(../images/sprite-medium.jpg) no-repeat -6px -20px; width:154px; height:109px;}
.casestudies{background:url(../images/sprite-medium.jpg) no-repeat -20px -129px; width:120px; height:111px;}
.whitepaper{background:url(../images/sprite-medium.jpg) no-repeat -170px -14px; width:136px; height:109px;}
.faq{background:url(../images/sprite-medium.jpg) no-repeat -189px -134px; width:112px; height:110px;}
.datasheets{background:url(../images/sprite-medium.jpg) no-repeat -1px -250px; width:152px; height:109px;}
.astrick{color:#ff0000; font-size:11px;}

a.titlelink{color:#0066CC; text-decoration:none; font-size:13px;}
a.titlelink:hover{color:#0066CC; text-decoration:underline;}
.newtab{margin-bottom:15px; width:730px}
.poststatus{ background-color:#FEFEFE; -moz-border-radius:5px; border-radius:5px; padding:5px; margin-left:10px;}
.displaybox{border:#DFDFDF solid 1px; margin:0px; overflow:auto; background-color:#ECECEC;-moz-border-radius:3px; border-radius:3px;}
.innerpages{border:#DFDFDF solid 1px; margin:0px; overflow:auto; background-color:#EFEFEF;-moz-border-radius:3px; border-radius:3px; padding:10px 0 15px 0;}
#left_link{padding:10px 0 15px 0;}
.innerdivs{ width:678px; float:left; padding-left:10px;}
p{padding:0px; margin:0px;}
.add_link2{font-size:16px; color:#FFFFFF; padding:3px 6px; border:#22609e solid 1px; background-color: #DA0000; margin-top:0px; float:right}
.add_link_inner{font-size:11px; color:#3366cc; padding:2px 5px 5px 5px; border:#cccccc solid 1px; margin-top:5px; float:right; font-weight:bold; background-color:#FFFFFF}
.pathshow{ position:relative; top:59px;height:25px;}
form{margin:0px; padding:0px; height:auto;}
.height1{ height:33px;}
.statusdiv{width:100%; text-align:right; font-size:11px; margin-bottom:10px; float:left}
.statusdiv span{ display:inline-block;}
.statusinner{width:15px; height:12px;  margin:0px 2px 0px 4px}
.notification-div .statusdiv{width:35%; float:left; text-align:left;}
#clrdefine{width:65%; float:right; text-align:right	;}
#clrdefine span, #clrdefine strong{line-height:20px; height:20px; vertical-align:top; margin:0 0 0 3px;}
#bookinglinks{text-align:left; float:right; line-height:33px; width:712px; height:auto;}
#bookinglinks a{background-color:#22609E; border-radius:4px; margin-left:4px; padding:0px 2px; color:#FFFFFF; text-decoration:none;margin: 2px 4px;float:left;}
#bsearch{font-size: 14px; font-weight: bold; color: #2484B9; float: left; width:auto; padding: 0 20px 10px 0;line-height:28px;}
#bsearch input[type="text"], #bsearch select{height:auto; padding:5px 2px 5px 2px; font-size:12px; color:#333333; border:#2484B9 solid 1px; margin:0;}
#bsearch input[type="text"]{width:160px; padding-top:6px}
#bsearch input[type="button"]{background-color:#2484B9; padding:5px 10px; color:#FFFFFF; font-size:15px; letter-spacing:1px;}
#bsearch.shortbystatus{ width:auto; padding: 0 0 10px 0; float:right;}
placeholder{font-size:12px;}
.pagination{float:left; width:100%; letter-spacing:4px; font-size:14px}
.pagination a{ background-color: #21759B;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    letter-spacing: normal;
    margin: 10px 0 0;
    padding: 0 8px 2px;
    text-decoration: none;}
.pagination a:hover{background-color:#97CFE9; color:#21759B;}
#bsearch a {background-color: #22609E;border-radius: 4px;margin-left: 10px;padding: 4px 9px;color: #FFFFFF;text-decoration: none;}
small{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
.boxes span{min-height:20px;}
.cancelled_booking div{text-decoration:line-through; color:#FF0000}
.total_user{float: right;padding: 8px;}
.marginright{ margin-right:15px}

.welcome-container{padding-top:8px; margin-right:15px;}
#compnyname{float:left; padding-left:15px;}
#compnyname h1{font-size:20px}
h1{font-size:22px;}
.maincontainer-div{float:left; width:100%;}
.aside-container{float:left; width:100%; margin-bottom:20px;}
.aside-container ul{background-color:#555555; margin:0; padding:0; float:left; width:100%;}
.aside-container ul li{list-style:none; float:left; margin:0; padding:0; background-color:#555555; padding:8px 10px;border-right: 1px solid #fff;}
.aside-container ul li:hover{ background-color:#777777;}
.aside-container ul li.first-li{}
.aside-container ul li.last-li{border-right:0;}
.aside-container ul li a{color:#fff; text-decoration:none;}
.headingdiv{padding:5px 0;}

.calendar-wrapper{margin:15px 0 20px 0; background-color:#999999; width:99%; float:left; padding:0.5%}
.calendar-wrapper div{width:17%; margin:0.5%; padding:1%; float:left; background-color:#FFFFFF; 
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
			border-radius: 5px; min-height:23px;
}

.calendar-wrapper div span{padding:1px 10px; color:#ffffff; float:right; margin-left:8px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	    -ms-border-radius: 8px;
	     -o-border-radius: 8px;
			border-radius: 8px;}
.notification{background-color:#FF0000;}
.notification-invoice{background-color:#009999;}
.calendar-wrapper h1{margin:0 0 10px; padding:0; font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif}
.bfirst{width:7.5%; margin-right:0.5%; }
.bsecond{width:14.5%}
.bthird{width:19%;  margin-right:0.5%;}
.bforth{width:19%}
.bfifth{width:8%}
.bsixth{width:11%}
.bseventh{width:10%}
.beighth{width:7%}
.bninth{width:2%}
.bsecond-mix{width:52.5%}
.bsecond-mix-mob, .mob-assigned{display:none;}

.mfirst{width:9.5%; margin-right:0.5%; }
.msecond{width:39.5%}
/*.mthird{width:19%;  margin-right:0.5%;}38
.mfourth{width:19%}*/
.mthird{width:8%}
.mfourth{width:13%}
.mfifth{width:8%}
.msixth{width:19%}
.mseventh{width:2%}
.mob-display{display:none;}
.notification-view-display{margin:6px 0; border-bottom:1px dashed #DFDFDF; background-color:#FFFFFF; width:97%; }
.notification-view-displaytop{padding-left:15px; width:97%}
a.modify-btn{background-color:#009999; padding:5px; border-radius:2px; font-weight:bold; color:#fff; text-decoration:none; font-size:11px;}
.viewlabel{width: 15%; padding-top: 17px; float:left; text-align: left; padding-right: 1%;}
.viewdetails{width: 75%; padding-top: 17px; float:left;font-weight: 600;}
.date-container{float:right; margin-right:30px; font-size:12px; background-color:#FFFFFF; padding:5px 5px;}
.home-div{width:500px;}
.home-main-box{height:auto; position:absolute; top:28%;  background:#ffffff; -moz-border-radius: 10px; border-radius: 10px; float:left; width:50%; left:25%;}
.home-label{width:33%; padding-right: 10%; float:left;  text-align:right}
.home-field{width:55%; float:left}
.assignpopup-ppt{background:#999999; padding:1%; width:70%; height:270px; position:absolute; top:25%; left:14%; margin:0px; z-index:100;  display:none; font-family:Georgia, 'Times New Roman', Times, serif; font-size:17px; color:#FF0000; text-align:left;}
.assignpopup-ppt iframe{background-color:#fff;}
.assignpopup-xx{display:none; height:30px; width:25px; z-index:110; position:absolute;top:27%; left:81%;}

.viewlabel{clear:left;}


.width40{    width: 37.7%;}
.widthfull{ width:90%;}
#map-canvas{width: 98%;margin: 10px 0px;height: 330px;float: left;}

@media screen and (max-width:1200px){
	.wrap {width: 100%; padding-bottom: 20px;}
}
@media screen and (max-width:1010px){
	#content{width:100%; float:left}
	.maincontainer-div{width:98%; margin:0 1%;}
}
@media screen and (max-width:980px){
	
}
@media screen and (max-width:940px){
	.home-main-box{width:80%; left:10%;}
}
@media screen and (max-width:900px){
		
}
@media screen and (max-width:850px){
	.aside-container ul li{width:32.20%; border-top:1px solid #fff; padding:8px 0 8px 1%; }
	.aside-container ul li.third-li{border-right:0;}
	#bsearch{width:100%;padding: 0 0 10px 0;}
	#bsearch.shortbystatus{width:100%;padding-bottom:20px;}
	#clrdefine, .notification-div .statusdiv{width:100%;}
}
@media screen and (max-width:800px){
	.calendar-wrapper div {width: 22%;}
	#header>div{width:100%; margin:0;}
	#compnyname{text-align:center; padding:0;}
	.welcome-container{text-align:right;}
	.width40{    width: 37.7%;}
.widthfull{ width:95%;}
}
@media screen and (max-width:650px){
	.bfifth{display:none;}
	.bfirst{width:10.5%;}
	.bsixth{width: 15.5%;}
	.bseventh{width: 11%;}
	.assignpopup-ppt{width: 93.5%; left: 1%; padding:2%;}
	.assignpopup-xx{left:91%}
	#bookinglinks{width:100%;}
}
@media screen and (max-width:560px){
	.calendar-wrapper div {width: 29.33%; margin: 1%; padding: 13px 1%; min-height: auto;}
	.calendar-wrapper div span{padding: 0px 8px;}
	.aside-container ul li{width:48.5%;}
	.aside-container ul li.second-li, .aside-container ul li.forth-li{border-right:0;}
	.aside-container ul li.third-li{border-right:1px solid #fff;}
	.bthird, .bforth{display:none;}
	.bfirst {width: 15.5%;}
	.bsecond {width: 29%;}
	.bsixth {width: 24%;}
	.bseventh {width: 17%;}
	.beighth {width: 10%;}
	.bninth {width: 4%;}
	.bsecond-mix{width:29%}
	.indestinations, #manualdisplay .bseventh span.web-assigned{display:none;}
	.bsecond-mix-mob{display:block; width:83%;}
	.mob-assigned{display:block;}
	.home-main-box{width:90%; left:5%;}
	.viewdetails .titlebox.doubletxtbox{width: 30%;}	
	.web-display, .mthird, .mfourth{display:none;}
	.mob-display{display:block;width:98%; padding-left:1%; padding-top:10px; padding-bottom:12px;}
	.mfirst {width: 18.5%;}
	.msecond {width: 35%;}
	.mfifth {width: 12%;}
	.msixth {width:30%;}
	.mseventh {width: 4%;}
	a.modify-btn { padding: 9%;}
	#clrdefine span, #clrdefine strong{margin:0 0 3px 0;}
}
@media screen and (max-width:510px){
	.welcome-container{text-align:center;}
	#bsearch, #bsearch.shortbystatus{text-align:center;}
	#bsearch label, #bsearch.shortbystatus label{display:block;}
	.titletxt{font-size:33px; text-align:center;}
	.home-div{width:98%;}
	.home-main-box{width:98%; left:1%;}
	.notification-view-display, .notification-view-displaytop{width:96%;}
}
@media screen and (max-width:480px){
	.calendar-wrapper div {width: 46%;}
	.calendar-wrapper div#last{width: 96%;}
	.aside-container ul li span{display:none;}
	.home-label{padding-right: 4%;}
	.home-field{width:61%;}
	.home-main-box{padding-top: 10px;}
	.viewlabel{width: 28%;}
	.viewdetails{width: 70%;}
	.assignpopup-xx{left:89%}
	.width40 {width: 30%;}
	#manualdisplay .bsecond, #manualdisplay .bsecond-mix{width:26%}
	#manualdisplay .beighth {width: 13%; line-height:20px;}
	#manualdisplay .bseventh span{line-height: 15px; margin-top: 6px; display: block;}

}
@media screen and (max-width:450px){
	.assignpopup-ppt{width: 96%; left: 0%;}
	.assignpopup-xx{left:88%}
}
@media screen and (max-width:375px){	
	.notification-view-display, .notification-view-displaytop{width:95%;}
	.width40{    width: 25%;}
}