﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

  @viewport {
	zoom: 1.0;
	width: extend-to-zoom;
  }
  *, html {
	padding: 0;
	margin: 0;
	border: none;
	font-family: "Open Sans", sans serif;
	font-size: inherit;
	font-weight: 400;
	/*color: inherit;
	outline: none;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /*safari textbox*/
	/*-webkit-appearance: none;/*safari dropdownlist without naviagation*/
  }
  /*safari dropdownlist with naviagation*/
  select#MainContent_ddlcategory.texta, select#MainContent_ddlvenue.texta,
  select#MainContent_ddlclient.texta, select#MainContent_ddlEvent.texta,
   select#MainContent_ddlTicketType.texta
   {    
    line-height: 25px;
}
  body {
	width: 100%;
	background: white;
	color: black;
	font-size: 0.82em;
	position: absolute;
	
  }
  h1 {
	font-size: 1.45em;
	font-weight: 700;
  }	
  h2 {
	font-size: 1.3em;
	font-weight: 700;
  }
.bordershadow {
    border: 2px solid #87aa44;
    box-shadow: 0px 0px 0px 5px rgb(230, 230, 230);
}
  .h2header
  {
      font-size: 1em;
    font-weight: 700;
  }
.vh2header {
    font-size: 0.8em;
    font-weight: 700;
}
  .upvsearch_ticket {
   background: #185970 none repeat scroll 0 0;
   color:white;
    float: left;
    margin-top: 30px;
    width: 98%;
    padding: 10px;
}
  .iupvsearch_ticket {
    background: #185970 none repeat scroll 0 0;
    float: left;
    /*margin-top: 20px;*/
    width: 98%;
}
  .widthheader
  {
      width:270px;
  }
  h3 {
	font-size: 1.15em;
	font-weight: 700;
  }
  b, .bold {
	font-weight: 700;
  }
  p {
	margin-bottom: 0.5em;
  }
  img {
	vertical-align: middle;
  }
  a, a:hover, a:visited {
	color: rgb(118, 147,55);
	text-decoration: none;
	font-weight: 700;
  }
  #container {
	margin: auto;
	min-width: 330px;
	max-width: 991px;
	height: 100%;
	position: relative;
  }
  .innerContainer {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 20px;
  }
  .header, th {
	padding: 10px 20px 10px 20px;
  }
.vnheader, th {
    padding: 5px 20px 10px 10px;
    height: 43px;
}
.buttonarwidth
{
   width: 140px;
   height:27px;
}
.buttonwhite {
    background: white;
    border: 2px solid rgb(135, 170, 68);
}
.headerwrapfull {
    padding: 0px 20px 5px 15px;
    background: none repeat scroll 0 0 #F2F2F2;
    color: #000000;
}
.newheaderwrapfull {
    padding: 0px 20px 5px 15px;
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
}
.clientlog {
    float: right;
    padding: 11px;
   
    font-size: 12px;
}
  .blue {
	color: rgb(24, 89, 112);
  }
  .green {
	color: rgb(135, 170, 68);
  }
  .white {
	color: white;
  }
  .blueBack {
	background: rgb(24, 89, 112) !important;
	color: white;
	font-size:12px; /*change viki */
  }
   .fontblueBack {
	background: rgb(24, 89, 112) !important;
	color: white;
	font-size:16px; /*change viki */
  }
.NewblueBack {
    background: rgb(24, 89, 112) !important;
    color: white;
   
}
   .subfontblueBack {
       /*change white*/
	background:#ffffff none repeat scroll 0 0;
	color: rgb(24, 89, 112);	
	padding: 0px 0 0px 15px;
  }
  
   .lanblueBack {
	
	font-weight:bold;
	
  }
  .greenBack {
	background: rgb(135, 170, 68);
	color: white;
  }
  .orangeBack {
	background: rgb(247, 146, 55);
	color: black;
  }
.blorangeBack {
    background: rgb(247, 146, 55);
    color: white;
    border: solid 1px rgb(135, 170, 68);
}
.blredBack {
    background: #ff0000;
    color: white;
    border: solid 1px rgb(135, 170, 68);
}
  .lightgreyBack {
	background: rgb(242, 242, 242) !important;
	color: black;
  }
  .scale {
	width: 100%;
  }
    .scalemenu {
	width: 100%;
  }
  .overlay {
	opacity: 0.8;
	z-index: 10;
	position: absolute;
  }
  #top {
	width: 100%;
	background: #ffffff;
	padding: 10px;
	position: fixed;
	/*position: absolute;*/
	border-bottom: solid 4px rgb(24, 89, 112);
	top: 0;
	z-index: 50;
  }
.divbotbutton {
    width: 25%;
    background: white;
    margin: 3px;
}
  .contentsBlock {
	float: left;
	min-width: 310px;
	max-width: 640px;
	margin: 20px 20px 0 0;
	display: block;
  }
.fcontentsBlock {
    min-width: 310px;
    max-width: 640px;
    position: fixed;
    bottom: 0;
    /*background-color: rgb(247, 146, 55);*/
    /*opacity: 0.9;*/
    color: black;
    z-index:55;
    
}
.boxfixedmove {
    float: right;
    background: #f0f0f0;
    padding: 10px;
    border-radius: 10px;
    margin-right: 2px;
    margin-left: 2px;
    border: 1px solid rgb(135, 170, 68);
    
}
.backora {
    background: #f0f0f0;
}
    .backora.small tr.odd {
        background: #f0f0f0;
    }
.newleftcreditinfo {
    /*text-align: left;
    padding: 17px;
    background: #f0f0f0;
    margin-left: 2px;
    margin-right: 15px;
    border-radius: 10px;*/
    float: left;
    width: 50%;
    display: block;
}
.gcontentsBlock {
    float: left;
    min-width: 310px;
    max-width: 640px;
    margin: 20px 18px 5px 0;
    display: block;
    border: 2px solid #87aa44;
    box-shadow: 0px 0px 0px 5px rgb(230, 230, 230);
}

.bcontentsBlock {
    float: left;
    min-width: 310px;
    max-width: 640px;
    margin: 20px 18px 0 0;
    display: block;
    border: 2px solid rgb(24, 89, 112);
    box-shadow: 0px 0px 0px 5px rgb(230, 230, 230);
}
.bcontentsBlock_bot {
    float: left;
    min-width: 310px;
    max-width: 640px;
    margin: 20px 18px 15px 0;
    display: block;
    border: 2px solid rgb(24, 89, 112);
    box-shadow: 0px 0px 0px 5px rgb(230, 230, 230);
}
.AcontentsBlock {
    float: left;
    min-width: 310px;
    margin: 20px 18px 15px 0;
    display: block;
    border: 2px solid rgb(24, 89, 112);
    box-shadow: 0px 0px 0px 5px rgb(230, 230, 230);
}
.fontgreenBack {
    background: rgb(135, 170, 68) !important;
    color: white;
    font-size: 16px; /*change viki */
}
.buttonbackwhite {
    background: #ffffff;
    color: rgb(135, 170, 68);
    border: 1px solid rgb(230, 230, 230);
}
.discountbutton {
    cursor: pointer;
    height: 20px;
}
.butarrow {
    float: right;
    margin-top: 4px;
}
.discountbutton:hover {
    opacity: 0.7;
}
.backwhite {
    background: #ffffff;
}
    .backwhite.small tr.odd {
        background: #ffffff;
    }
    .backwhite.small tr.even {
        background: #ffffff;
    }
  .contentsBlockIE {
	float: left;
	min-width: 310px;
	max-width: 310px;
	margin: 20px 20px 2px 0;
	display: block;
  }
  .rescontentsBlock {
	float: left;
	min-width: 310px;
	max-width: 640px;
	margin: 20px 20px 0 0;
	display: block;
  }
  .contentsBlockSmall {
	float: left;
	max-width: 310px;
	margin: 20px 20px 0 0;
	display: block;
  }


.whitelink {
    min-width: 306px;
    float:left;
}
  .contents {
	padding: 20px;
	background: rgb(230, 230, 230);
	/*min-width: 310px;*//*ie issue change this to 270 */
	min-width: 270px;
	float: left;
	display: block;
  }
.Newcontents {
    padding: 20px;
    background: #ffffff;
    /*min-width: 310px;*/ /*ie issue change this to 270 */
    min-width: 270px;
    float: left;
    display: block;
}
.whitecontents {
    padding: 10px 12px 0px 20px;
    
    /*min-width: 310px;*/ /*ie issue change this to 270 */
    min-width: 270px;
    float: left;
    display: block;
}
.Advertise {
    float: left;
    width: 310px;
    margin: 20px 20px 0 0;
    display: block;
}
.adsimage {
    padding: 5px;
    background: rgb(230, 230, 230);
    float: left;
    display: block;
        width: 310px;
        text-align:center;
}
.newadsimage {
    padding: 5px;
    background: #fff;
    float: left;
    display: block;
    width: 310px;
    text-align: center;
}
.search_ticket_textanindex {
    float: left;
    margin-top: 20px;
}

.search_ticket_subhrlink {
    width: 140px;
    float: left;
}
.search_ticket_textanindex .textanindex {
    min-width: 620px;
   
    margin-right: 20px;
    padding: 6px;
}
.iupvsearch_ticket .textanindex {
    min-width: 550px;
}
.iupvsearch_ticket .texta_sub {
    width: 118px;
    height:30px;
}
  .boteventcontents {
	padding: 20px;
	background: rgb(230, 230, 230);
	
	min-width: 270px;
	
	display: block;
  }
.newboteventcontents {
    padding: 20px;
    background: #fff;
    min-width: 270px;
    display: block;
}
  /*.contentsIE {
	padding: 20px;
	background: rgb(230, 230, 230);
	min-width: 270px;
	float: left;
	display: block;
  }*/
  .contentsSmall {
	float: left;
	width: 50%;
	min-width: 250px;
	display: block;
  }
  .contentsSmall1 {
	float: left;
	width: 75%;
	min-width: 250px;
	display: block;
  }
   .contentsSmallright  {
	float: right;
	display: block;
  }
   .btbabovetab
   {
        margin-top: 30px;
   }
  .admincontentsSmall {
	float: left;
	display: block;
  }
  .contentsInfo {
	padding: 10px;
	vertical-align: middle;
	float: left;
	width: 160px;
	margin-right:20px;
  }
  .indexcontentsInfo
  {
      width:180px; float:left; background: rgb(24, 89, 112) !important;
	color: white;
	font-size:12px; 
	vertical-align: middle;
		
  }
.whiteindexcontentsInfo {
    width: 270px;
    float: left;
   
    color: black;
    font-size: 12px;
    vertical-align: middle;
}
  
  .toverflow
  {
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  
  }
  .contentsBottom {
	
	display: block;
	float:left;
	width:270px;
	margin-top:20px;
	clear:both;
  }
.whitecontentsBottom {
    display: block;
    float: left;
    width: 270px;
  
    clear: both;
}
  .contentsImg {
	margin-right: 10px;
	vertical-align: top;
	float: left;
  }
  .contentsImgsmall {
	margin-right: 10px;
	vertical-align: top;
	float: left;
	width:133px;
	height:88px;
  }
  .jquerycontentsImgsmall {
	margin-right: 10px;
	float: left;
	
  }
  .contentsImgbig {
	
	width:133px;
	height:88px;
  }
  table {
	border-spacing: 0;
    border-collapse: collapse;
	clear: both;
	background: rgb(242, 242, 242);
  }
  .left {
	float: left !important;
  }
  .right {
	float: right !important;
/*	clear: right;	*/
  }
  tr:nth-child(odd) {
	background: rgb(230, 230, 230);
  }
  tr:nth-child(even) {
	background: rgb(242, 242, 242);
  }
 /* for ie*/
tr.even{
   background: rgb(242, 242, 242);
    }

tr.odd{
   background: rgb(230, 230, 230);
    }
    
  th {
	font-size: 1.15em;
	/*background: rgb(247, 146, 55);*/ /*vikiram block color date pick*/
padding: 10px 15px;
	text-align: left;
	font-weight: 700;
  }
  td {
	padding: 5px 0px 5px 15px;
  }
  td:last-child {
	padding-right: 20px;
  }
  table.small td:first-child {
	padding-left: 0;
  }
  table.small tr:nth-child(odd) {
	background: rgb(242, 242, 242);
  }
   /* for ie*/
  table.small tr.odd {
	background: rgb(242, 242, 242);
  }
  small, .small {
	font-size: 0.85em;
  }
  .icon_info {
	float: left;
	margin-right: 10px;
	width: 16px;
  }
  .Vspacer {
	margin-top: 20px;
	clear: both;
  }
  .VspacerSmall {
	height: 10px;
	clear: both;
  }
  .nobreak {
	white-space: nowrap;
  }
  input {
	background: white;
	border: solid 1px rgb(24, 89, 112);
	padding: 1% 3% 1% 3%;
	vertical-align: middle;
  }
  input[type="radio"], label {
	margin-right: 10px;
	vertical-align: middle;
  }
  .circle {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	border-radius: 15px;
	z-index: 10;
	position: relative;
	padding: 0;
	margin: 0 auto;
	font-size: 1.15em;
  }
  .timeline {
	border-top: solid 2px rgb(230, 230, 230);
	margin-top: 15px;
  }
  .auto {
	width: 25%;
	text-align: center;
	margin: 0 auto;
	float: left;
  }
  button {
	text-transform: uppercase;
	color: white;
	background: rgb(24, 89, 112);
	padding: 1% 3% 1% 3%;
	cursor: pointer;
	margin: 7px;
	font-size: 1.45em;
  }
  .aspbuttonleft {
	text-transform: uppercase;	
	padding: 1% 3% 1% 3%;
	cursor: pointer;
	margin: 7px;
	
  }
  .aspbuttonright {
	text-transform: uppercase;	
	padding: 1% 3% 1% 3%;
	cursor: pointer;
	margin: 7px;
	float:right;
  }
  button.info {
	height: 56px;
	width: 70px;
	vertical-align: middle;
	margin: 0;
	position: relative;
	float: left;
	margin-right: -90px;
  }
  .fixedHeight 
  {
      height:185px;
	
  }
  .giftmenuIcon
  {
    height:45.5px;
    width:45px;
  }
  .menuIcon {
	width: 45px;
	float: left;
	margin-right: 5%;
	text-align: center;
	color: black;
	cursor: pointer;
  }
  /*vikiram logo big chrome */
   .blogo {
	width: 170px;
	position:relative;	
  }
  button:hover, .menuIcon:hover {
	opacity: 0.7;
  }
  .topAlign {
	vertical-align: top;
  }
  #PurchaseStep2, #PurchaseStep3, #PurchaseStep4 {
	display: none;
  }



 .botcontent{ margin:10px 0 0 0; min-width: 325px; float:left; padding:0px 0px 10px 0px;}
   .botcontent2{ margin:10px 0 0 0; min-width: 310px; float:left; padding:0px 0px 10px 0px;}
    .botcontent3{ margin:10px 0 0 0; min-width: 100px; float:left; padding:0px 0px 10px 0px;}
      .botcontent4{ margin:0px; min-width: 236px; float:left; padding:0px 0px 10px 0px;}
 
  .fot_right{ float:right; text-align:right;}
.fot_right_icon{ width:44px; height:44px; float:left; margin-right:6px;}


.box_main_inner1{ width:100%; float:left; margin-bottom:10px; }
.box_main_left{ width:65%; float:left;}
.box_main_left .texta{ width:85%; float:left; border:0px; background:#fff; padding:5px 2px; color:Black; font-size:11px;  }
.box_main_right{ width:30%; float:left;}
.box_main_right .texta{ width:100%; float:left; border:0px; background:#87AA44; color:#F2F2F2; padding:4px;  font-size:11px; }

#mail {color:Black; text-decoration:none; font-weight:normal;}

/*hyperlink button pass argumnet */
a.bille_btn {

   background: none repeat scroll 0 0 #87AA44;
    color: #FFFFFF;  font-weight: 700;
    height: 54px;
    margin: 0 -90px 0 0;
    position: relative;
    vertical-align: middle;
    width: 70px;
	float:right;
	font-weight: 700;
	font-size:19px;
	padding:15px;
	
}

 a.bille_btn:hover  {
    color:#fff;
	opacity: 0.7;
}

.bille_btn_ss {

  
	float:right;
	width:90px;

	
}


a.bille_btn_nn {

   background: none repeat scroll 0 0 #87AA44;
    color: #FFFFFF;  font-weight: 700;
    
    vertical-align: middle;
   
	float:right;
	font-weight: 700;
	font-size:19px;
	padding:15px;
	
}

 a.bille_btn_nn:hover  {
    color:#fff;
	opacity: 0.7;
}
a.frontbuy {
    background: none repeat scroll 0 0 #87AA44;
    color: #FFFFFF;
    font-weight: 700;
    vertical-align: middle;
    float: right;
    font-weight: 700;
    font-size: 19px;
    padding: 15px;
}

.whiteBack {
    color: #87aa44;
    padding: 0px 0px 15px 0px;
}


.whitecontents:hover {
    background-color: rgb(230, 230, 230);
    width: 100%;
}

    .whitecontents:hover ~ #kk > .frontbuy {
        background-color: rgb(230, 230, 230);
        color: black;
        width: 100%;
    }
.contentsBlockSmall:hover {
    background-color: rgb(230, 230, 230);
    color: black;
}
#kk a.frontbuy:hover {
    background-color: rgb(230, 230, 230);
    color: black;
}
    #kk a.frontbuy:hover ~ #vnewk {
        background-color: rgb(230, 230, 230);
        color: black;
        display: block;
    }

.bille_btn_pay
{
    padding:1px;
}
a.bille_btn_pay {

   background: none repeat scroll 0 0 #87AA44;
    color: #FFFFFF;  
    float:left;
    width:240px;
    vertical-align: middle;   
	font-size:14px;
	padding:5px;
	
	
}

 a.bille_btn_pay:hover  {
    color:#fff;
	opacity: 0.7;
}
/*2nd page css*/

.search_ticket{ background:#185970; width:98%; margin-top:30px; float:left;}
.search_ticket_title{ padding:20px 20px 0px 20px; color:#FFFFFF; font-weight:bold; font-size:20px; float:left; width:95%;}
.search_ticket_frm{margin:0px 20px 20px 20px; float:left; width:95%;}
.search_ticket_texta{ width:168px; float:left; margin-top:20px; }
.search_ticket_texta1{ width:140px; float:left; margin-top:20px; }
.search_ticket_texta2{ width:187px; float:left; margin-top:20px; }
.search_ticket_sub{ width:118px; margin-top:20px; float:left}
.search_ticket_sub .texta_sub{ width:118px; padding:5px 0px; background:#87aa44; border:0px; color:#fff; font-weight:bold; cursor:pointer;}
.search_ticket_sub .texta_sub:hover {
	 color:#fff;
	opacity: 0.7;
  }
.search_ticket_texta .texta{ width:150px;Height:30px;font-size:12px; padding:5px;}
.search_ticket_texta1 .texta{ width:130px; padding:5px;Height:30px;font-size:12px;  }
.search_ticket_texta1 .texta1{ width:125px; padding:6px 6px 6px 30px; color:#000;Height:30px;font-size:12px;  background:#fff url(../images/texta_icon.png) no-repeat; border:0px;}
.search_ticket_texta2 .texta2{ width:173px; padding:6px;Height:31px;font-size:12px;  }




/*3rd page css*/
.book_ticket_texta1 .texta1{ width:125px; padding:3px 3px 5px 30px; color:#000; background:#fff url(../images/texta_icon.png) no-repeat; solid 1px rgb(24, 89, 112);}



/*terms page */
.TermsBlock {
	float: left;
	width:98%;
	margin: 20px 20px 0 0;
	display: block;
  }
.vTermsBlock {
    float: left;
    width: 100%;
    margin: 0px 20px 0 0;
    display: block;
}
  .Termscontents {
	
	width:98%;
	background: rgb(230, 230, 230);
	min-width: 310px;
	float: left;
	display: block;
  }
.nTermscontents {
    width: 98%;
    background: #fff;
    min-width: 310px;
    float: left;
    display: block;
}
.bordershade {
    border: 2px solid #87aa44;
    box-shadow: 0px 0px 0px 5px rgb(230, 230, 230);
    margin: 20px;
    float: left;
}
 .marterms
 {
     margin:20px;
 } 
 
 
 /*footer*/
 html, body {height: 100%;}

#wrap {min-height: 99%;}

#main {overflow:auto;
	padding-bottom: 160px;}  /* must be same height as the footer */
	#main1 {
	padding-bottom: 160px;}  /* must be same height as the footer */
#usermain {overflow:auto;
	}
#footerbothide {
	height: 160px;clear: both;}
	#bottom1 {
	width: 100%;
	background: rgb(230, 230, 230);
	position: fixed;
	bottom:0px;
	border-top: solid 4px rgb(24, 89, 112);
	/*bottom: 0;*/  /*viki changed*/
	z-index: 50;
	float:left;
	margin-top: -132px;
	margin-top: -108px;
  }
#bottom {
	width: 100%;
	background: #ffffff;
	position: relative;
	border-top: solid 4px rgb(24, 89, 112);
	/*bottom: 0;*/  /*viki changed*/
	z-index: 50;
	float:left;
	/*margin-top: -108px;*/
	margin-top: -138px;
	height:144px;
  }
/*#bottom {position: relative;
	margin-top: -160px;
	height: 160px;
	clear:both;} */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/*gridview
.grid-view
{
   padding: 0;
   margin: 0;
   border: 1px solid #333;
   font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
   font-size: 0.9em;
}

.grid-view tr.header
{
   color: white;
   background-color: black;
   height: 25px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}

.grid-view tr.normal
{
   color: black;
   background-color: #FDC64E;
   height: 25px;
   vertical-align: middle;
   text-align: center;
}

.grid-view tr.alternate
{
   color: black;
   background-color: #D59200;
   height: 25px;
   vertical-align: middle;
   text-align: center;
}



.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
   background-color: #8DC70A;
   color: black;
   font-weight: bold;
}*/

.inputfields {
	background: white;
	border: solid 1px rgb(24, 89, 112);
	padding: 1% 1% 1% 1%;
	vertical-align: middle;
  }
  .ddinputfields {
	background: white;
	border: solid 1px rgb(24, 89, 112);
	padding: 1% 1% 1% 1%;
	vertical-align: middle;
	
  }
  .seddinputfields {
	background: white;
	border: solid 1px rgb(24, 89, 112);	
	vertical-align: middle;
	
  }
  /*client page*/
  .clientcontentsBlock {
	float: left;
	width:98%;
	margin: 20px 20px 0 0;
	display: block;

  }
.newvclientcontentsBlock {
    float: left;
    width: 98%;
    margin: 20px 18px 5px 0;
    display: block;
    border: 2px solid #87aa44;
    box-shadow: 0px 0px 0px 5px rgb(230, 230, 230);
}
 /*admin statistics*/
   .adminstatcontentsBlock {
	float: left;
	width:98%;	
	display: block;
  }
  
.adminfullview
{
    padding: 6px 2%;
}
.setcon
{
    height:142px;
    overflow:hidden;
    
}
.indexheader
{
    min-width:640px;
}
.cussizetic
{
   width:68px;
   padding:0px;
}
.rightframe
{
    width:270px;
}
   .CartItemCount
{
    position: absolute;   
    left: 30px;   
    top: 19px;  
    font-weight:bold;
    color:#fff;
}
.new_book{ float:right; cursor:pointer;background: rgb(247, 146, 55) none repeat scroll 0 0;
    color: black;min-width:86px;max-width:91px;height:28px;}/*padding:5px;*/
.new_book1{ float:right;cursor:pointer;min-width:86px;max-width:91px;max-height:28px;height:28px;} /*padding:5px 23px; */
.fourbox{font-size:9px;}
.fourbtxt{width:43px;}
@media only screen and (max-width: 767px) 
{
    .clientlog {
        padding: 11px;
        font-size: 9px;
    }
    .butarrow {
        float: right;
        margin-top: 0px;
    }
    .buttonarwidth {
        width: 115px;
    }
    .boxfixedmove {
        margin-right: 9px;
    }
    .newleftcreditinfo {
        width: 100%;
    }
    .botcontent4{ display:none;}
     #top {
	width: 100%;
	background: rgb(230, 230, 230);
	padding: 10px;
	position: absolute;
	/*position: fixed;	vasanth*/
	border-bottom: solid 4px rgb(24, 89, 112);
	top: 0;
	z-index: 50;
  }
  .setcon
{
    height:auto;
    overflow:inherit;
  
}
.indexheader
{
    min-width:270px;
}
#bottom
{
    height:auto;
}
    .CartItemCount
{
    position: absolute;   
    left: 37px;   
    top: 21px;  
    font-weight:bold;
    color:#fff;
}
.padrightsmart
{
    padding-right:12px;
}

/*.new_book1{ float:right;padding:5px 18px; cursor:pointer;}*/
.new_book{ height:24px;}/*padding:5px;*/
.new_book1{ height:24px;} /*padding:5px 23px; */

}
    
    .clientbackimagejobo
    {
        background:#446622 url(../ClientImage/joboland.png) top center no-repeat;width:100%;float:left;margin:auto 0;
    }
    .clientbackimage
    {
        background-color:#fff;
    }
  .curremove
  {
      cursor:default;
  }
  
  .seasontextbox
{
height: 32px;
    padding: 0 0 0 8px;
    width: 138px;
}
.seasonfileupload
{

    padding: 0;
   
}
.scrollval
{
    max-width:600px;
     min-width:300px;
}

/*.imgcrop
{
     max-width:100px;
    max-height:100px;
}*/
.newsletternewstyle
{
    min-width: 270px; height: 102px;
}
.contreadmore
{
    height: 69px; line-height: 16px;overflow:hidden;
}
.newreadmorestyle
{   
    /*padding-right:2px;*/
}
/*iphone 6*/
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  
  /* Portrait 
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) */
{
    .clientlog {
        padding: 11px;
        font-size: 9px;
    }
    .buttonarwidth
    {
        width:125px;
    }
    .boxfixedmove {
        margin-right: 20px;
    }
    .newleftcreditinfo {
        width: 100%;
    }
    .contentsBlock 
    {
        min-width: 374px;
    }
    .contentsBlockSmall
    {
        min-width: 374px;
    }
    .whitelink {
        min-width: 370px;
    }
    .widthheader {
        width: 330px;
    }
     .contents
    {
        min-width: 374px;
    }
    .search_ticket_textanindex .textanindex {
        min-width: 350px;
       
    }
    .iupvsearch_ticket .textanindex {
        min-width: 260px;
    }
    .iupvsearch_ticket .texta_sub {
        width: 85px;
        height: 30px;
    }
    .iupvsearch_ticket a {
       font-size:8px;
    }
     .contentsBlockIE
    {
        min-width: 374px;
    }
    .search_ticket 
    {
        min-width: 374px;
    }
    .contentsBottom 
    {
        width: 334px;
    }
    .indexcontentsInfo
    {
        width: 243px;
    }
    /*.whiteindexcontentsInfo {
        width: 243px;
    }*/
    .iphoneleft {
        width: 332px;
    }
    
}/*iphone 6+*/
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  /* Portrait 
    @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) */
{
    .clientlog {      
        padding: 11px;       
        font-size: 10px;
    }
    .butarrow {
        float: right;
        margin-top: 2px;
    }
    .boxfixedmove {
        margin-right: 20px;
    }
    .newleftcreditinfo
    {
        width:100%;
    }
   .contentsBlock 
    {
        min-width: 413px;
    }
    .contentsBlockSmall
    {
        min-width: 413px;
    }
    .whitelink {
        min-width: 409px;
    }
    .widthheader
    {
        width:370px;
    }
     .contents
    {
        min-width: 413px;
    }
    .search_ticket_textanindex .textanindex {
        min-width: 350px;
        
    }
    .iupvsearch_ticket .textanindex {
        min-width: 295px;
    }
    .iupvsearch_ticket .texta_sub {
        width: 85px;
        height: 30px;
    }
    
     .contentsBlockIE
    {
        min-width: 413px;
    }
    .search_ticket 
    {
        min-width: 413px;
    }
    .contentsBottom 
    {
        width: 373px;
    }
    .indexcontentsInfo
    {
        width: 282px;
    }
    /*.whiteindexcontentsInfo {
        width: 282px;
    }*/
   .iphoneleft {
	width: 370px;
  }

}