/* Responsive Tabs - menucool.com/jquery-tabs */

ul.rtabs
{
    text-align:left; /*set to left, center, or right to align the tabs as desired*/ 
    font-size:0;
    margin:0; 
    padding:0;
    padding-left:0px;
    list-style-type:none;
}
        
ul.rtabs li
{
    margin:0;
    margin-right:1px; /*gap between tabs. Set it to -1px for no gap.*/
    padding:0;
    display:inline;
}
        
ul.rtabs li a
{
    padding:0 10px; /* It determines tab width */
    display:inline-block;    
    font-weight:normal;
    font-size:11pt;
    font-family: 'Droid Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:36px;/* height of tabs */
    text-decoration: none;
    color:#333;
    background:#000033;
    outline:none;
    //border:1px solid #999; /*This color can be different from color #2 */
    border-bottom:none;
    border-radius:10px 10px 0 0;
    position:relative;
    transition: background-color .3s linear;
}
        
ul.rtabs li a:link, ul.rtabs li a:visited
{
    color:#fff;
}
        
ul.rtabs li a:hover
{
    border-color: #BBB; /*color #1*/
    background: #33aaff;
}
  
/*selected tab style */
ul.rtabs li.selected a
{
    color:#fff;
    font-weight:normal;
    border-color:#BBB; /*color #1*/
    background: #33aaff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDU1YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #33aaff 0%, #4455bb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33aaff), color-stop(100%,#4455bb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33aaff 0%,#4455bb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #33aaff 0%,#4455bb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #33aaff 0%,#4455bb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #33aaff 0%,#4455bb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33aaff', endColorstr='#4455bb',GradientType=0 ); /* IE6-8 */

    z-index:3;
}   
        
/*selected tab style on hover */
ul.rtabs li.selected a:hover
{
    text-decoration:none;
}

/* container of content panels */
div.panel-container
{
    //border:1px solid #BBB; /*color #1*/ 
    border-radius:0px 10px 10px 10px;
    //box-shadow:0 0 8px #CCC;
    background: #4455bb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NTViYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4455bb 0%, #000033 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4455bb), color-stop(100%,#000033)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4455bb 0%,#000033 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4455bb 0%,#000033 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4455bb 0%,#000033 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4455bb 0%,#000033 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4455bb', endColorstr='#000033',GradientType=0 ); /* IE6-8 */

    position:relative;    
    padding:0px; margin:0px;
    outline:none;
    margin-top:-1px;
}

/* content panel */       
div.panel-container > div
{
    padding:18px 18px;
    
    /* The two settings below should not be changed. */
    display: block;
    margin:0px;
}
div.panel-container div.inactive
{
    display: none;
}    

/* loading image before ajax content is retrieved. Only applicable when Ajax is used.*/
div.ajaxLoading {background:transparent url(loading.gif) no-repeat center center; height:150px; width:20px; font-size:0;padding:0; margin:0 auto; }


/* For mobiles */
@media only screen and (max-width:540px){
    ul.rtabs{
        box-sizing:border-box;
        //border-left:1px solid #ccc;
        //border-top:1px solid #ccc;
        min-width:260px;
        padding-left:0;

    }

    ul.rtabs li{
        display:inline-block;
        box-sizing:border-box;
        margin-right:0;
        width:50%; /* set it to 100% for one column, 33.33% for three-column */

    }

    ul.rtabs li:last-child:nth-child(odd){
        width:100%;
    }

    ul.rtabs li a {
        border:none;
        //border-right:1px solid #ccc;
        //border-bottom:1px solid #ccc;
        display:block;
        padding:0;
        text-align:center;
        border-radius:0;
        background:#45b;
    }

    ul.rtabs li.selected a {
        background-color:#3af;
        background:#3af;
    }

    div.panel-container {
        border-radius:0;
        min-width:20px;
        box-sizing:border-box;
        //border:1px solid #999; /*This color can be different from color #2 */
    }
}