/* Tab Content - menucool.com */
ul.tabs
{
    
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{ 
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    padding: 7px 10px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
   
    /*background: # url(tabbg.gif) 0 0 repeat-x;
  /* background: #F0F0F0 url(untitled3.bmp) 0 0 repeat-x;*/
    border-radius: 3px 3px 0 0;
    outline:none;
}
        
/*ul.tabs li a:visited
{
    color: #000;
    
}*/
        
ul.tabs li a:hover
{
    
    border: 1px solid #B7B7B7;
    background:#000 url(3366cc.png) 0 -36px repeat-x;
  text-emphasis-color:black;
 /*  color:black;*/
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
 text-emphasis-color:black;
 color:black;
    border: 1px solid #B7B7B7;
   /*border-bottom-color: white;*/ 
    background:#000 url(3366cc.png) 0 -36px repeat-x;
   
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     
div.tabcontents1 /* light color */
{
    border: 1px solid #B7B7B7; padding: 20px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
background: #f2f9fe; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f2f9fe 0%, #ccbcfa 100%); /* FF3.6-15 ccbcfa*/
background: -webkit-radial-gradient(center, ellipse cover, #f2f9fe 0%,#ccbcfa 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f2f9fe 0%,#ccbcfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#ccbcfa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

div.tabcontents /* light blue */
{
    border: 1px solid #B7B7B7; padding: 20px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
background: #f2f9fe; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

div.tabcontents2 /* rama color */
{
    border: 1px solid #B7B7B7; padding: 20px;
   background: #ebe9f9; /* Old browsers */
    border-radius: 0 3px 3px 3px;
    
background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #c1bfea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=0 );



div.tabcontentsframe /* light blue */
{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
background: #f2f9fe; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


div.tabcontents5 /*sea blue */
{
    border: 1px solid #B7B7B7; padding: 20px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
background: #f0f9ff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


div.tabcontents4 /* light yellow */
{
    border: 1px solid #B7B7B7; padding: 20px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,efe188+100 */
background: #fefcea; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #fefcea 0%, #efe188 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #fefcea 0%,#efe188 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #fefcea 0%,#efe188 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe188',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


div.tabcontents2
{
    border: 1px solid #B7B7B7; padding: 20px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
    
background: rgba(241,231,103,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%, rgba(247,193,111,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(247,193,111,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%, rgba(247,193,111,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%, rgba(247,193,111,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(241,231,103,1) 0%, rgba(247,193,111,1) 100%);
background: radial-gradient(ellipse at center, rgba(241,231,103,1) 0%, rgba(247,193,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#f7c16f', GradientType=1 );

}

div.tabcontents1
{
    border: 1px solid #B7B7B7; padding: 20px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
    
   
    background: rgba(237,237,237,1);
background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(47%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed', GradientType=1 );
    
}