@charset "utf-8";
/* CSS Document */



        .mylist
        {
            margin: 0px !important;
        }
        
        .left-block
        {
            border-right: 1px solid #CCC !important;
        }
        .ui-grid-a > :nth-child(n)
        {
            padding-left: -0px;
        }
        
        .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea
        {
            font-size: 80% !important;
            font-family: Verdana !important;
            font-weight: normal !important;
            color: #fff;
        }
        
        
        
        
        .ui-header .ui-title
        {
        }
        
        .ui-btn-inner
        {
            font-size: 100% !important;
            width: auto !important;
            padding: 3% 10% 3% 10%;
        }
        .ui-btn-left
        {
            width: 50% !important;
            float: left !important;
            left: 5px !important;
        }
        
        
        .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all, .ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl, .ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom, .ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all
        {
            background-clip: padding-box;
           
        }
   

.label_one{line-height:25px; text-shadow:1px 1px #FFF !important; color:#000000;}


@media only screen and (min-width: 481px) {
	
	
	#image_one{-webkit-box-shadow: 3px 3px 0px rgba(54, 50, 50, 0.41); -moz-box-shadow:3px 3px 0px rgba(54, 50, 50, 0.41); box-shadow:3px 3px 0px rgba(54, 50, 50, 0.41);cursor:pointer; background:#FFF; width:50%;

}	

.button_one{
margin-top: 10px;
margin-left:5px;
margin-bottom:15px;
color: #d9eef7;
font-size: 15px !important;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
border: solid 1px #0076a3;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-radius: .5em;
cursor: pointer;
padding: 2% 19% 2% 19%;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');letter-spacing: 1px;
}

.search{text-align:center; width:70% !important; border:none; background:none;}

	.toggleOnButton {
 
		height: 39px !important;
		margin-top:-1px !important;
 
 
}


.button_up{

margin-left:15px;

height:29px !important;
width:56px !important;
margin-top:5px;

background-color:transparent !important;
box-shadow:none !important;
border:none !important;
cursor:pointer;
background-image:url(../images/go.png);
font-weight:normal !important;
 background-position: top right !important;
    
    position: absolute !important;

  display: none;

}



	}
	
	
	
	@media screen and (max-width: 480px) {
		
		
			#image_one{-webkit-box-shadow: 3px 3px 0px rgba(54, 50, 50, 0.41); -moz-box-shadow:3px 3px 0px rgba(54, 50, 50, 0.41); box-shadow:3px 3px 0px rgba(54, 50, 50, 0.41);cursor:pointer; background:#FFF; width:90%;}
		
.button_one{
margin-top: 10px;
margin-left:5px;
margin-bottom:15px;
color: #d9eef7;
font-size: 12px !important;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
border: solid 1px #0076a3;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-radius: .5em;
cursor: pointer;
padding: 7% 35% 7% 35%;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');letter-spacing: 1px;
}




.ui-btn-icon-left .ui-btn-inner {
padding-left: 25px !important;
font-size: 11px !important;
}


	}
	
	@media only screen and (min-width: 769px) {
#image_one{-webkit-box-shadow: 3px 3px 0px rgba(54, 50, 50, 0.41); -moz-box-shadow:3px 3px 0px rgba(54, 50, 50, 0.41); box-shadow:3px 3px 0px rgba(54, 50, 50, 0.41);cursor:pointer; background:#FFF; width:30%;

}
.button_one{
margin-top: 10px;
margin-left:5px;
margin-bottom:15px;
color: #d9eef7;
font-size: 14px !important;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
border: solid 1px #0076a3;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-radius: .5em;
cursor: pointer;
padding: 2% 12% 2% 12%;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');letter-spacing: 1px;
}
#2.links{position:absolute; z-index:99999; display:block; top:100px;left:500px;font-size:16px;color:#036;}

.ui-btn-icon-left .ui-btn-inner {

	font-size:12px !important;
	padding-left: 26px !important;
}
}
.back{
border-left: 6px solid transparent;
  -moz-border-image:url("../images/left_bg.png") 6 6 repeat; /* Old firefox */
  -webkit-border-image:url("../images/left_bg.png") 6 6 repeat; /* Safari */
  -o-border-image:url("../images/left_bg.png") 6 6 repeat; /* Opera */
  border-image:url("../images/left_bg.png") 6 6 repeat;
  border-bottom: 0px solid transparent;
 border-right: 0px solid transparent;
}

.bg{background:#CCCCCC !important;}

.ui-btn-corner-all {
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
border-radius: 8px !important;
}


/*------------------------Search Section------------------------*/


   
.toggleOnButton {
    width: 100px !important;    
    height: 35px ;   
	
	margin-left:-110px !important;
 
 
}
.clear { clear:both; }
/*-- 
.toggleOffButton {
    background: transparent url("../images/icon-search-small.png") no-repeat center center !important;   
}

.toggleOnButton:active {
    background: transparent url("../images/icon-search-small.png") no-repeat center center !important; 
}-*/

.listimg{
    height:60px;
    width:50px;    
}

.ui-li-thumb{
margin-top:11px !important;
margin-left:10px !important; 
     
}


.ui-btn-icon-left .ui-btn-inner {
    padding-left: 26px !important;
	padding-top: 7px !important;
	font-size: 12px !important;
}

/*.ui-btn
{
    margin: 0px 20px 0px -40px !important;
    }*/
.fWid{text-align: center; width: 100%; display:block;}
.fWid input{max-width:50%; float:left; margin-right:5px !important;}


#footer {
   position:relative;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
   z-index:2;
}

.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search {

height: 40px !important;
width:90% !important;
}

.ui-field-contain,.ui-mobile fieldset.ui-field-contain{border-width:0;
	padding:0;margin:1em auto !important;}
	
	@media screen and (max-width: 480px) {
	
	.ui-field-contain,.ui-mobile fieldset.ui-field-contain{border-width:0;
	padding:0;margin:1em 0!important; margin-left:18px !important; font-size:12px !important;}
	
	.toggleOnButton {
 
	margin-left:-60px !important;
	    width: 83px !important; 
		position:absolute; 
		height: 39px !important;
		margin-top:-1px !important;
 
 
}

.ui-btn-text {
    -moz-user-select: none;
    position: relative;
    width: 100%;
    z-index: 1;
    font-size:13px !important;
}
.label_one{line-height:25px; text-shadow: none !important; color:#000000;}
.ui-btn-icon-left .ui-btn-inner {

	font-size:10px !important;
	padding-left: 21px !important;
	padding-right: 2px !important;
}
.ui-btn-corner-all {
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
border-radius: 8px !important;
}

.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search {



}

.search{text-align:center !important; width:90% !important; float:none; border:none; background:none; margin:0 auto; }
.search_two{float:left; width:100%; margin-right:5px;}
.ui-icon {
position: absolute;
top: 50%;
margin-top: -9px;
padding-right:1px;
}

.ui-grid-c >:nth-child(n) {
width: 25%;
margin-right: 3px !important;
}	.button_up{

margin-left:15px;

height:29px !important;
width:56px !important;

margin-top:5px;
background-color:transparent !important;
box-shadow:none !important;
border:none !important;
cursor:pointer;
background-image:url(../images/go.png);
font-weight:normal !important;
 background-position: top right !important;
    
    position: absolute !important;

  display: none;

}
	}
	
	


	
	.uoinput{border-radius:5px; background:#333; border:1px solid #666; width:35px; color:#fff; line-height:1; font-size:12px; text-align:center;}
	
	
	@media only screen and (min-width: 769px) {
		
		
	.button_up{

margin-left:15px;

height:29px !important;
width:56px !important;
margin-top:4px;

background-color:transparent !important;
box-shadow:none !important;
border:none !important;
cursor:pointer;
background-image:url(../images/go.png);
font-weight:normal !important;
background-position: top right !important;
position: absolute !important;
display:none;

}
	}
	 .martingsection .marting{top: -1px; position: absolute; border: 1px solid rgba(255, 0, 0, 0); z-index: 1;left:0;position:relative}
     .martingsection .marting img{max-width:100%;max-height:100%}
    .martingsection .marting a{    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: #000;
    text-shadow: none;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    display: block;
    padding-top: 2px;
    box-sizing: border-box;}
    

	@media(min-width:768px)
	{
	    
	    .martingsection .marting{top:0!important}
	     .martingsection .marting{left:25px!important}
	     .martingsection .marting a {
    position: absolute;
    right: 60px!important;
    top: 15px!important;}
	    }
	    
	    @media(min-width:768px) and(orientation:landscape)
	{
	    
	    .martingsection .marting{top:0!important}
	     .martingsection .marting{left:24.5%!important}
	     .martingsection .marting a {
    position: absolute;
    right: 50%!important;
    top: 15px!important;}
	    }