﻿body 
{
 
    /*background-image: url('../images/bg.png'); /* image */
   /* background-image: url('../images/bg-top.jpg'); /* image */
   /* background-size: 100%;  */
   background: url('../images/bg-top.jpg') no-repeat fixed;  
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size:100%;   
  font-family:Tahoma;
  font-size:12px;
  
}
 
.Maindiv
{
   Width:1024px;
   Margin:0 auto;
}
#Logo
{
   float:left;
   
}
#menu
{
    /*Styling the menu width and height*/
    list-style:none;
    /*margin:30px auto 0px auto;*/
    /*width:1000px;*/
   /* width:983px;*/
    height:87px;
    padding:0px 20px 0px 20px;
     
  /* Creating the curved corner of the border*/
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
 
  /*Styling the background with fading effect*/
   /* background:#666666;
    background:#F26F01;
    /*  background: -moz-linear-gradient(top, #000, #999);
    background: -moz-linear-gradient(top,#F23B82, #F26F01);*/
   
    
     /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F23B82), to( #F26F01));*/
     
  /*Making the shadow effect into the menu bar 
     box-shadow: inset 1px 1px 10px #FFFFFF;
    -moz-box-shadow: inset 1px 1px 10px #FFFFFF;
    -webkit-box-shadow: inset 1px 1px 10px #FFFFFF;
   /* border:1px solid #000;*/
     
     
}
#menu li /*Styling the li part of the menu*/
{
    float:left;
   
    display: block;
    position:relative;
    text-align:center;
   
    
	height:96px;
	width:122px;
	background-image:url('../images/normal_tab copy.png');
	background-repeat:no-repeat;
    /*color:#CCCCCC;*/
     
}
 
#menu li a /*Styling the link part of the menu li*/
{
    text-decoration:none;
   /* color:#FFFFFF;
    /*color:#F26F01;*/
   color:#44032E;
    text-shadow:1px 1px 10px #FFCC99;
    font-weight:bold;
}
#menu li:hover a /*Styling the link part of the menu li in hover state*/
{
    /*color:#F47200; 
    background-color:#B91C57;
    text-shadow:1px 1px 10px #CCC;*/
  
     color:#44032E;
}

#LeftBody
{
    float:left;
    width:231px;
    height:200px;
   /* border:1px solid black;*/
}
#RightBody
{
    float:left;
    width:730px;
   /* height:200px;*/
   /* border:1px solid black;*/
}
#RightBody a
{
 text-decoration:none;
}
.liArea
{
    height:81px;
    padding-top:15px
    
}
.liBorder
{
    border-right:1px ridge #1E658B;
}
.Deleteclass
{
    text-align:right;
}
input.button_add {
    background-image: url(../images/Sign_in_btn.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 42px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    width:147px;
    font-weight:bold;
    color:#FFF;
}
input.button_Signup {
  
    background-image: url("../images/sign_up.png") !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 36px;
    padding-left: 16px;
    vertical-align: middle;
    width: 235px;
}
input.button_Forgot {
    background-image: url(../images/skip_btn.png) !important; /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 42px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    width:147px;
    font-weight:bold;
    color:#FFF;
}
.appLinks
{
    height:182px;
     width:275px;
     float:left;
     padding-top: 28px; 
     text-align:center
 }
.appLinksiphone
{
     height:182px;
     width:275px;
     
     padding-top: 28px; 
     text-align:center
    }
.Android
{
 background: #f6c220; /* Old browsers */
background: -moz-linear-gradient(top, #f6c220 46%, #f09f12 88%, #f09f12 100%, #f2b119 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#f6c220), color-stop(88%,#f09f12), color-stop(100%,#f09f12), color-stop(100%,#f2b119)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6c220 46%,#f09f12 88%,#f09f12 100%,#f2b119 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6c220 46%,#f09f12 88%,#f09f12 100%,#f2b119 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6c220 46%,#f09f12 88%,#f09f12 100%,#f2b119 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6c220 46%,#f09f12 88%,#f09f12 100%,#f2b119 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c220', endColorstr='#f2b119',GradientType=0 ); /* IE6-9 */
border-radius:10px 10px 10px 10px;

  }
  .iphone
  {
      background: #e04e3f; /* Old browsers */
background: -moz-linear-gradient(top, #e04e3f 0%, #e04e3f 47%, #d73f34 56%, #cb3129 100%, #d73f34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e04e3f), color-stop(47%,#e04e3f), color-stop(56%,#d73f34), color-stop(100%,#cb3129), color-stop(100%,#d73f34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e04e3f 0%,#e04e3f 47%,#d73f34 56%,#cb3129 100%,#d73f34 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e04e3f 0%,#e04e3f 47%,#d73f34 56%,#cb3129 100%,#d73f34 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e04e3f 0%,#e04e3f 47%,#d73f34 56%,#cb3129 100%,#d73f34 100%); /* IE10+ */
background: linear-gradient(to bottom, #e04e3f 0%,#e04e3f 47%,#d73f34 56%,#cb3129 100%,#d73f34 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04e3f', endColorstr='#d73f34',GradientType=0 ); /* IE6-9 */
border-radius:10px 10px 10px 10px;
   }
  .MostPopular
  {
     background-color:#F8F8F0;
      
     border-radius:10px 10px 10px 10px; 
     height:510px;
     width:395px;
     float:left;
     margin-left:10px;
     overflow-y:auto;
     
  }
  .MostPopularHeader
  {
      font-size:22px;
      text-align:center;
      margin-top:20px;
      color:#721151;
  }
#MostPopularUL
{
    width:313px;
}
#PoweredBy {
   background: url("/images/ASI_lcon.png") no-repeat scroll 40% center #CCCCCC;
    border-radius: 5px;
    color: #414141;
    font-size: 11px;
    height: 30px;
    
    padding-top: 15px;
    text-align: center;
    width: 1000px;
   
}
#Content
{
     border: 1px solid #D4336C;
    border-radius: 10px;
    margin: 30px auto;
    padding: 5px;
    width:900px;
    margin-top: 52px;
}
.ui-dialog
{  
  /*  height: 392px;
     width: 486px !important;*/
    left: 464.5px !important;
    position: absolute;
    top: 256px !important;
   
}

/*.ui-dialog-content
{
    height:309px !important;
}
*/
#Content a {text-decoration:none;}
img { border:none; }