﻿
/*Main Menu on I-Pad And above screen*/
@media (min-width: 1200px)
{
    .custom-menu-primary
    {
        /*background: none repeat scroll 0 0 #021C41;*/
        float: left;
        min-height: 45px;
        position: relative;
        width: 95%;
     }
    
    .custom-menu-primary ul
    {
        margin: 0;
    }
    
    .custom-menu-primary ul > li {
      display: inline-block;
      float: left;
    }
    
    .custom-menu-primary ul > li > a {
        color: #A2C2DB;
        display: block;
        font: 15px/35px verdana,sans-serif;
        letter-spacing: 2px;
        padding: 5px 21px 10px;
        text-decoration: none;
        white-space: nowrap;
        transition: none 0s ease 0s;
    }
    .custom-menu-primary ul > li:last-child > a 
    {
        border-right: none;
    }
    
    .custom-menu-primary ul > li > a:hover{}
    
    .custom-menu-primary ul > li:hover > a,
    .custom-menu-primary ul > li.active > a
    {
        /*background: #4376B9;*/
        color: #FED100;
        text-decoration: none;
    }

    .hs-menu-children-wrapper {
      background: none repeat scroll 0 0 #F25549;
        border: medium none;
        border-radius: 10px;
        box-shadow: 0 0 8px #000000;
        display: none;
        left: auto;
        padding: 0 10px;
        position: absolute;
        text-align: left;
        top: 48px;
        width: auto;
        z-index: 2147483647;
    }
    
    .hs-item-has-children:hover > .hs-menu-children-wrapper {
      display: block;
    }
    
    .custom-menu-primary ul ul
    {
        left: 0;
        width: 100%;
        max-width: 550px;
    }
    
    .custom-menu-primary ul ul li 
    {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        min-width: 30%;
    }
    
    .custom-menu-primary ul ul li a
    {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: medium none;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: normal;
        transition: none 0s ease 0s;
        position: relative;
        
        padding: 0 8px !important;
}
    
    .custom-menu-primary ul ul li a:hover
    {
         background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
         color: #FED100;
         text-decoration: none;
         
     }
    
     .custom-menu-primary ul ul > li:hover > a {}
}

@media (min-width: 1000px) and (max-width: 1350px) 
{
    .center-Column
    {
        width: 41%;
    }
    .custom-menu-primary ul > li > a {
      padding: 5px 10px;
    }
    .slider-group {
      height: 390px;
    }
    .admin #ctl00_Content_dGrid th,
    .admin #ctl00_Content_dGrid td
    {
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 1px;
        min-width: 30px;
        padding: 5px 10px;
    }

 }

@media (min-width: 1000px) and (max-width: 1200px) 
{
    .right-column
    {
        width: 65%;
     }
     
     .header_bg
     {
         min-height: 150px;
         }
     
     .left-col
    {
        width: 65%;
     }
     
     .logo-title {
      width: 400px !important;
    }
    .heaer-right-group {
      padding-top: 10px;
      display: block;
        float: left;
        text-align: center;
        width: 100%;
    }

    .heaer-right-group ul li {
      display: inline-block;
    }
    .heaer-right-group ul li a {
      background: none repeat scroll 0 0 #FFFFFF;
      color: #000000;
      font-size: 13px;
      font-weight: bold;
      line-height: 0;
      padding: 2px 9px;
      text-decoration: none;
    }
    
    .heaer-right-group ul li a:hover
    {
      background: none repeat scroll 0 0 #000;
      color: #fff;
      text-decoration: none;
      }
      .center-Column
    {
        width: 37%;
    }
}


@media (max-width: 1000px) 
{
    .header_bg {
      min-height: 205px;
    }
    
    .header {
      padding: 45px 2% 0;
    }

    .logo{
		float:none;
		text-align:center;
	}
	.logo-title {
      margin-left: 0;
    }
    .heaer-right-group {
      float: none;
      text-align : center;
    }
    .heaer-right-group ul li {
      display: inline-block;
    }
	
	.heaer-right-group ul li a {
      background: none repeat scroll 0 0 #FFFFFF;
      color: #000000;
      font-size: 13px;
      font-weight: bold;
      line-height: 0;
      padding: 2px 9px;
      text-decoration: none;
    }
    
    .heaer-right-group ul li a:hover
    {
        background: none repeat scroll 0 0 #000;
      color: #fff;
      text-decoration: none;
      }

	.left-col,
	.center-Column {
      float: none !important;
        margin: 20px auto !important;
      padding-bottom: 20px !important;
      width: 90% !important;
      display: block;
    }
    
    .sidebar,
    .Right-sidebar{
      display: block;
        float: none !important;
        margin: 20px auto !important;
      padding-bottom: 20px !important;
        width: 90% !important;
    }
    .right-column {
        display: block;
        float: none !important;
        margin: 20px auto !important;
      padding-bottom: 20px !important;
        width: 90% !important;
    }

    .left-sidebar
    {
        display: block;
        float: none !important;
        margin: 20px auto !important;
      padding-bottom: 20px !important;
        width: 90% !important;
    }
    .slider-wrapper {
      margin-right: 0px;
      width: 100%;
    }
    .option {
      float: right;
      width: 65px;
    }
}

@media (min-width: 758px) and (max-width: 775px)
{
    /*.header_bg {
      min-height: 155px;
      padding-top: 35px;
    }*/
}

@media (max-width: 775px) 
{
    .header {
      padding: 5px 2% 0;
    }
    .nivo-caption
    {
        font-size: 13px;
        min-height: 25px !important;
        padding: 4px 10px !important;
        text-align: center;
    }
    .footer1 {
      text-align: center;
    }
    .design-by
        {
            float: none;
            display: block;
        }
 }
 
 @media (max-width: 360px) 
{
    .header {
      padding: 40px 2% 0;
    }
    .header_bg {
      min-height: 240px;
    }
    .heaer-right-group ul li {
      margin-top: 5px;
    }
 }
 
 /* @media (min-width: 1372px) 
  {
      .slider-group {
          height: 100%;
          min-height: 470px;
          padding: 10px;
          width: 98%;
        }
        .slider-wrapper {
          float: left;
          margin-right: 10px;
          width: 64%;
          height: 420px;
        }
        .floating-text {
          background-color: rgb(255, 255, 255);
          border-bottom: 1px solid rgb(204, 204, 204);
          border-top: 2px solid rgb(0, 76, 157);
          box-shadow: 0 0 3px rgb(204, 204, 204);
          float: right;
          height: 393px;
          padding: 0 10px 20px 0;
          width: 34%;
        }
        .slider-sidebar {
          height: 310px;
          overflow: hidden;
          padding-bottom: 20px;
        }
        .slider-sidebar #news-container {
          height: 330px !important;
        }
}*/

@media (max-width: 1200px) 
{
 .slider-wrapper {
      margin-right: 0px;
      width: 100%;
    }
     .slider-wrapper {
        float: none !important;
        margin: 0 auto!important;
        width: 100% !important;
    }
    .floating-text {
      float: none;
      width: 95%;
        margin: 15px auto!important;
    }
    .floating-text
    {
        height: auto;
    }
    .home-page{
        padding: 0;
    }
    .option
    {
        float: right;
        display: none;
    }
    .menu-group {
      min-height: 1px;
    }
    .slogan > h2
    {
        font-size: 20px;
    }
}



/*table*/


#tableheader {height:55px}
.search {float:left; padding:6px; border:1px solid #c6d5e1; background:#fff}
#tableheader select {float:left; font-size:12px; width:125px; padding:2px 4px 4px}
#tableheader input {float:left; font-size:12px; width:225px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}
.tinytable {width:979px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none}
.tinytable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.tinytable th h3 {font-size:10px; padding:6px 8px 8px}
.tinytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.tinytable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.tinytable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {background:#ecf2f6}
.tinytable td.evenselected {background:#ecf2f6}
.tinytable td.oddselected {background:#dce6ee}
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}
#tablefooter {height:15px; margin-top:20px}
#tablenav {float:left}
#tablenav img {cursor:pointer}
#tablenav div {float:left; margin-right:15px}
#tablelocation {float:right; font-size:12px}
#tablelocation select {margin-right:3px}
#tablelocation div {float:left; margin-left:15px}
.page {margin-top:2px; font-style:italic}
#selectedrow td {background:#c6d5e1}