/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background-color: white
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}
 /*color: #696969;*/
/*  background: #b6b7bc; */

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
   /* font-variant: small-caps; */
   
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size:  1.6em;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top :0px;
}



h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*
.page
{
    width:960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

*/

/*  17.02.2018
.page
{
     width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
                background-color: white;
}
*/

.page
{
     width: 100%;
                height: 0%;
                margin: 0;
                padding: 0;
                background-color: white;
}


.page1
{
     width: 100%;
                height: 0%;
                margin: 0;
                padding: 0;
                background-color: white;
}



.container 
{
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
    top: 0px;
    left: 0px; 
}


.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/


div.hideSkiplink1
{
    background-color:#3a4f63;
    width:100%;
    font-size: .70em;
    z-index:950
}

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
    z-index:960
}

div.menu
{ 
    padding: 4px 0px 4px 8px; z-index:999;
}

div.menu ul
{
       
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;z-index:999;
}


div.menu > ul > li
{ 
    display: inline-block;
    list-style: none; 
} 

div.menu ul li ul 
{ 
    display: none; 
}

div.menu ul li a, div.menu ul li a:visited
{   
    background-color: #465c71;
    border: 1px #4e667d solid;
    color:White;
    display:block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;z-index:999;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: White;
    text-decoration: none;z-index:999;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: White;
    text-decoration: none;z-index:999;
}







/*  Leftside menu  */

div.menu1
{ 
    padding: 4px 0px 4px 8px; z-index:951;
}

div.menu1 ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;z-index:951;
}

div.menu1 ul li a, div.menu1 ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color:White;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;z-index:951;
}

div.menu1 ul li a:hover
{
    background-color: #bfcbd6;
    color: White;
    text-decoration: none;z-index:951;
}

div.menu1 ul li a:active
{
    background-color: #465c71;
    color: White;
    text-decoration: none;z-index:951;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}
/*
.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}
*/

.title
{
    display: block;
    float: left;
    text-align: left;
  
    position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
    top: 0px;
    left: 0px;
    
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.HideButton {Display : none}

#rollover a
{
    text-decoration: none;
}
#rollover a span
{
    visibility: hidden;
    display: block;
    position: absolute; /**adjust disjointed text position in % or px**/
    left: 10%;
    color: #FFFFFF;
    background-color: #666699;
    border: 2px solid silver;
    padding: 5px;
}
#rollover a:hover span, #rollover a:active span, #rollover a:focus span
{
    visibility: visible;
    position: absolute;
}
 
#rollover a:hover, #rollover a:focus
{
    text-decoration: none;
    color: #FF6600;
    visibility: visible;
}

span.tooltip {
      position: absolute;
      width: 100px;
      height: 20px;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: rgb(113, 157, 171);
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

span.tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #FFFFFF transparent transparent transparent;
      top: 44px;
      left: 50px;
}

.title
{
    font-family:Arial;
    text-align:left;
    color:#1F3548;
}
.column_head
{
    border-right:1px solid #FFFFFF;
    padding-left:2px;
}

.alternate_row
{
    background-color:#D9DEE7;
    border-right:1px solid #FFFFFF;
    padding-left:2px;
}
.row
{
    background-color:#FFFFFF;
    border-right:1px solid #FFFFFF;
    padding-left:2px;
}
.numeric_button
{
    background-color:#384B69;
    color:#FFFFFF;    
    font-family:Arial;
    font-weight:bold;    
    padding:2px;  
    border:none;  
}
.current_page
{
    background-color:#09151F;
    color:#FFFFFF;    
    font-family:Arial;
    font-weight:bold;    
    padding:2px;    
}
.next_button
{
    background-color:#1F3548;
    color:#FFFFFF;    
    font-family:Arial;
    font-weight:bold;    
    padding:2px;    
}
.number_of_record
{
    text-align: right; 
    font-family: Arial; 
    font-size: 10pt; 
    font-weight: bold;
    color: #384B69
}
.empty_data
{
    background-color:#1F3548;
    color:#FFFFFF;    
    font-family:Arial;
    font-weight:bold;    
    padding:2px; 
    text-align:center;
}
.sort_image
{
    position:relative;
    top:2px;
}

.button
{
    background: white;
    border: solid 1px grey;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #001563;    
    height: 25px;  
}

.button:hover
{
    background: white;
    border: solid 1px grey;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4b6c9e;   
    height: 25px;

}

/* class for Table ROW (tr) */

.myClass
{
           border: 2px solid green;
}
        
.myClass tr
{
    background-color: #f2f2f2;  
    width: 156px;  
    border:10px solid #4CCAEF !important;
    border-top:0px !important;
    font-weight: bold;  
    color: Navy  ;
}
 .myClass tr:hover
{
           background-color:Blue ;
           cursor: pointer;
}

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}


/* clander class  */
.calendarWrapper
{
    background-color: #4CCAEF;
    padding: 10px;
    display: inline-block;
}
.myCalendar
{
    background-color: #f2f2f2;
    width: 156px;
    border: none !important;
}

    .myCalendar a
    {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle
    {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #4CCAEF;
        color: #ffffff;
        border: none !important;
    }

    .myCalendar th.myCalendarDayHeader
    {
        height: 25px;
    }

    .myCalendar tr
    {
        border-bottom: solid 1px #ddd;
    }

    .myCalendar table tr
    {
        border-bottom: none !important;
    }

    .myCalendar tr:last-child td
    {
        border-bottom: none;
    }

    .myCalendar tr td.myCalendarDay, .myCalendar tr th.myCalendarDayHeader
    {
        border-right: solid 1px #ddd;
    }

    .myCalendar tr td:last-child.myCalendarDay, .myCalendar tr th:last-child.myCalendarDayHeader
    {
        border-right: none;
    }

    .myCalendar td.myCalendarDay:nth-child(7) a
    {
        color: #c52e2e !important;
    }

    .myCalendar .myCalendarNextPrev
    {
        text-align: center;
    }

        .myCalendar .myCalendarNextPrev a
        {
            font-size: 1px;
        }

        .myCalendar .myCalendarNextPrev:nth-child(1) a
        {
            color: #4CCAEF!important;
            background: url("prevMonth.png") no-repeat center center;
        }

            .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover
            {
                background-color: transparent;
            }

        .myCalendar .myCalendarNextPrev:nth-child(3) a
        {
            color: #4CCAEF!important;
            background: url("nextMonth.png") no-repeat center center;
        }

    .myCalendar td.myCalendarSelector a
    {
        background-color: #25bae5;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a
    {
        display: block;
        line-height: 20px;
    }

    .myCalendar .myCalendarToday
    {
        background-color: #f2f2f2;
        -webkit-box-shadow: 1px 1px 8px 1px #8f8f8f;
        box-shadow: 1px 1px 8px 1px #8f8f8f;
        display: inline-block;
        width: 22px !important;
        height: 19px !important;
        border: 2px solid #f2f2f2;
        margin-left: -1px;
        margin-top: -1px;
        position: relative;
    }

        .myCalendar .myCalendarToday a
        {
            color: #25bae5 !important;
            font-weight: bold;
        }

            .myCalendar .myCalendarToday a:after
            {
                content: "TODAY";
                color: #000;
                font-size: 0.5em;
                display: inline-block;
                pointer-events: none;
                width: 100%;
                float: left;
            }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover
    {
        background-color: #25bae5;
    }
    
    
    
    
    
#rollover a
{
    text-decoration: none;
}
#rollover a span
{
    visibility: hidden;
    display: block;
    position: absolute; /**adjust disjointed text position in % or px**/
    left: 10%;
    color: #FFFFFF;
    background-color: #666699;
    border: 2px solid silver;
    padding: 5px;
}
#rollover a:hover span, #rollover a:active span, #rollover a:focus span
{
    visibility: visible;
    position: absolute;
}
 
#rollover a:hover, #rollover a:focus
{
    text-decoration: none;
    color: #FF6600;
    visibility: visible;
}

span.tooltip {
      position: absolute;
      width: 100px;
      height: 20px;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: rgb(113, 157, 171);
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

span.tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #FFFFFF transparent transparent transparent;
      top: 44px;
      left: 50px;
}



.button
{
    background: white;
    border: solid 1px grey;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #001563;    
    height: 25px;  

}

.button:hover
{
    background: white;
    border: solid 1px grey;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: Red;   
    height: 25px;

}



.buttonclass
{
padding-left: 10px;
font-weight: bold;
}
.buttonclass:hover
{
color: white;
background-color:#5b99d4;
}


.adminHelp{min-height: 36px;margin-bottom: 1px;color: #24496F;border:0px solid #8BB1D8;border-bottom: 1px solid #8BB1D8;padding: 3px 3px 3px 45px;background-image: url(Images/greybox/info.png);background-repeat: no-repeat;background-position: 3px;background-color: #bfd5ea;font-size: 11px; z-index:-1 }

/* DASHBOARD STYLES */
.dashboardWrap{ border: 0px solid #e9e9e9; padding: 20px; background-color:#ffffff; z-index:-1}
.dashboardItem-0 a{display:block; float:left; width:60px; height:80px; border:1px solid #f4f4f4;background-color:#fff;background-image:url(../Images/cpanel/dashboard.png);background-repeat: no-repeat; background-position: 15px 30px; margin: 0px 10px 15px 0px; padding:10px;font-size:11px; text-align:center;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dashboardItem-0 a:hover{border:1px solid #b8d6fb; background-color:#eef5fd;background-image:url(../Images/cpanel/dashboard-2.png);background-repeat: no-repeat; background-position: 15px 30px;color:#000;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dashboardItem a{display:block; float:left; width:60px; height:80px; border:1px solid #f4f4f4;background-color:#fff;background-image:url(../Images/cpanel/cpanel-icon.png);background-repeat: no-repeat; background-position: 15px 30px; margin: 0px 10px 15px 0px; padding:10px;font-size:11px; text-align:center;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dashboardItem a:hover{border:1px solid #b8d6fb; background-color:#eef5fd;background-image:url(../Images/cpanel/cpanel-icon-2.png);background-repeat: no-repeat; background-position: 15px 30px;color:#000;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dashboardTitle{font-weight: normal;color: #000000;font-size: 24px;font-style:italic;font-family:Georgia; margin-bottom:15px;}
.dashboardCategoryWrap{width:100%;border:1px solid #fff;color:#999;background-color:#fff;margin-top:1px;padding:0px 0px 20px 0px;background-image:url(../Images/greybox/hint.png);background-repeat:repeat-x;}
.dashboardCategoryWrap td{vertical-align:top;width:400px;padding:5px 10px 5px 5px;}
.dashboardTopPadding{padding:90px 0px 0px 0px;}
.dashboardCategoryTitle{font-weight:bold;font-size:14px;color:#333;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ccc;}
.dashboardCategoryItem{padding:3px 10px 3px 0px;border-bottom:1px solid #f4f4f4;border-top:1px solid #fff;background-color:#fff;color:#333;}
.dashboardCategoryItem:hover{border-bottom:1px solid #ccc;border-top:1px solid #ccc;background-color:#ccc;color:#000;cursor:default;}




/* GRIDVIEW ADMIN STYLES ----------------------------------------*/
.gvBanner{padding: 4px;border-top: 1px #E6E6E6 solid;background-color: #F2F2F2;font-weight: normal;color: #000000;font-size: 24px;font-style:italic;font-family:Georgia;}
.gvBanner input:focus{background-color:#ffffcc}
.gvBannerSettings img{background-image:url(../Images/section-icons/settings.png);width:36px;height:34px;}
.gvBannerUsers img{background-image:url(../Images/section-icons/users.png);width:36px;height:34px;}
.gvBannerConnection img{background-image:url(../Images/section-icons/connection.png);width:36px;height:34px;}
.gvBannerThemes img{background-image:url(../Images/section-icons/themes.png);width:36px;height:34px;}
.gvBannerSponsors img{background-image:url(../Images/section-icons/sponsors.gif);width:36px;height:34px;}
.gvBannerNewPost img{background-image:url(../Images/section-icons/blog-post.png);width:36px;height:34px;}
.gvBannerPages img{background-image:url(../Images/section-icons/pages.png);width:36px;height:34px;}
.gvBannerLinks img{background-image:url(../Images/section-icons/links.png);width:36px;height:34px;}
.gvBannerComments img{background-image:url(../Images/section-icons/comments.png);width:36px;height:34px;}
.gvBannerHeader img{background-image:url(../Images/section-icons/header.png);width:36px;height:34px;}
.gvBannerModules img{background-image:url(../Images/section-icons/modules.png);width:36px;height:34px;}

.gv{width: 100%; font-size: 11px; border: 1px solid #EBEBEB; z-index: -1;}
.gv td{padding:1px 5px; border: 1px solid #EBEBEB;}
.gv th{padding:1px 5px; border: 1px solid #EBEBEB;}
.gvHeader{background-image: url(Images/gridview/header-bg.jpg); text-align:left ; height: 22px; color: #000000; font-weight: normal; font-size: 11px;}
.gvHeader a{color: #333333;}
.gvHeader a:hover{ text-decoration: underline; color: #000000;}
.gvRowStyle{border: 1px solid #EBEBEB;}
.gvRowStyle:hover{border: 1px solid #EBEBEB; background-image: url(Images/gridview/hover-bg.jpg);}
.gvAlternateRowStyle{background-color: #F4F4F4;}
.gvAlternateRowStyle:hover{background-image: url(Images/gridview/hover-bg.jpg);}
.gvSelected{background-image: url(Images/header-bg.jpg); }
.gvEdit input{font-size:11px;width:98%}
.gvPagerFont input{font-size: 11px;padding:1px 5px 1px 5px;margin: 2px;background-color:#f4f4f4;background-image: url("Images/gridview/atoz-bg.jpg");background-position: -10px;border:1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.gvPagerFont:hover input{border: 1px solid #6699cc; background-image: url(Images/buttons/button-hover-bg.jpg); color: #000000;}
.gvPagerFont select{font-size: 11px; margin: 2px;}
.gvSortAlternatingRowstyle{background-color:#f2f2f2; color: #000000;}
.gvSortRowStyle{background-color:#f2f2f2; color: #000000;}
.gvSortAscHeaderStyle{background:url(../Images/gridview/sort_asc.gif) no-repeat right center;padding-left:5px;}
.gvSortDescHeaderStyle{background:url(../Images/gridview/sort_desc.gif) no-repeat right center;padding-left:5px;}
.gvFooter input{font-size:11px;width:98%;}
.gvFooter td th{padding:1px 5px;}
.gvShortcut{width: 11px;height: 11px;background-image: url(Images/gridview/shortcut-small.png);background-repeat: no-repeat;background-position: 0px 2px;padding-left: 15px;}
/* javascript highlight color */
.gvHighlight{background-color:#ccc;}




.gv15L{width: 100%; font-size: 15px; border: 1px solid #EBEBEB; z-index: -1;}
.gv15L td{padding:1px 5px; border: 1px solid #EBEBEB;}
.gv15L th{padding:1px 5px; border: 1px solid #EBEBEB; text-align:left }


.gv15{width: 100%; font-size: 15px; border: 1px solid #EBEBEB; z-index: -1;}
.gv15 td{padding:1px 5px; border: 1px solid #EBEBEB;}
.gv15 th{padding:1px 5px; border: 1px solid #EBEBEB;}

.gvHeader1{background-image: url(Images/gridview/header-bg.jpg); text-align:left ; height: 22px; color: #000000; font-weight: normal; font-size: 15px;}
.gvHeader1 a{color: #333333;}
.gvHeader1 a:hover{ text-decoration: underline; color: #000000;}
.gvRowStyle1{border: 1px solid #EBEBEB;}
.gvRowStyle1:hover{border: 1px solid #EBEBEB; background-image: url(Images/gridview/hover-bg.jpg);}
.gvAlternateRowStyle1{background-color: #F4F4F4;}
.gvAlternateRowStyle1:hover{background-image: url(Images/gridview/hover-bg.jpg);}
.gvSelected1{background-image: url(Images/header-bg.jpg); }
.gvEdit1 input{font-size:15px;width:98%}
.gvPagerFont1 input{font-size: 15px;padding:1px 5px 1px 5px;margin: 2px;background-color:#f4f4f4;background-image: url("Images/gridview/atoz-bg.jpg");background-position: -10px;border:1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.gvPagerFont1:hover input{border: 1px solid #6699cc; background-image: url(Images/buttons/button-hover-bg.jpg); color: #000000;}
.gvPagerFont1 select{font-size: 15px; margin: 2px;}
.gvSortAlternatingRowstyle1{background-color:#f2f2f2; color: #000000;}
.gvSortRowStyle1{background-color:#f2f2f2; color: #000000;}
.gvSortAscHeaderStyle1{background:url(../Images/gridview/sort_asc.gif) no-repeat right center;padding-left:5px;}
.gvSortDescHeaderStyle1{background:url(../Images/gridview/sort_desc.gif) no-repeat right center;padding-left:5px;}
.gvFooter1 input{font-size:15px;width:98%;}
.gvFooter1 td th{padding:1px 5px;}
.gvShortcut1{width: 11px;height: 11px;background-image: url(Images/gridview/shortcut-small.png);background-repeat: no-repeat;background-position: 0px 2px;padding-left: 15px;}
/* javascript highlight color */
.gvHighlight1{background-color:#ccc;}


.gv14{width: 100%; font-size: 14px; border: 1px solid #EBEBEB; z-index: -1;}
.gv14 td{padding:1px 5px; border: 1px solid #EBEBEB;}
.gv14 th{padding:1px 5px; border: 1px solid #EBEBEB;}


.gv12{width: 100%; font-size: 12px; border: 1px solid #EBEBEB; z-index: -1;}
.gv12 td{padding:1px 5px; border: 1px solid #EBEBEB;}
.gv12 th{padding:1px 5px; border: 1px solid #EBEBEB;}











/* TREEVIEW ADMIN STYLES ----------------------------------------*/
.tvSelectedNodeStyle{text-decoration:underline;}

/* AJAX TABS technorati-theme */
.aTab1 .ajax__tab_header {background:url(../Images/aspnet-tabs/tab-line-2.png) repeat-x bottom;font-size:12px;display:block;}
.aTab1 .ajax__tab_header .ajax__tab_outer {background:url(../Images/aspnet-tabs/tab-2.png) no-repeat left top;border-color:#4b4d4f;color:#222;padding-left:10px;margin-right:0px;}
.aTab1 .ajax__tab_header .ajax__tab_inner {background:url(../Images/aspnet-tabs/tab-2.png) no-repeat right top;border-color:#4b4d4f;color:#999;padding:4px 10px 4px 0px;}
.aTab1 .ajax__tab_hover .ajax__tab_outer {color:#fff;cursor:pointer;background:url(../Images/aspnet-tabs/tab-2.png) no-repeat 0pt -40px;}
.aTab1 .ajax__tab_hover .ajax__tab_inner {color:#fff;cursor:pointer;background:url(../Images/aspnet-tabs/tab-2.png) no-repeat right -40px;}
.aTab1 .ajax__tab_active .ajax__tab_outer {background:url(../Images/aspnet-tabs/tab-2.png) no-repeat 0pt -40px;border-bottom-color:#4b4d4f;}
.aTab1 .ajax__tab_active .ajax__tab_inner {background:url(../Images/aspnet-tabs/tab-2.png) no-repeat right -40px;color:#fff;border-color:#4b4d4f}
.aTab1 .ajax__tab_body {font-size:10px;padding:0px 0px 0px 0px;background-color:#ccc;border:solid 1px #4b4d4f;border-top-width:0;}
.contentTemplate{font-size:11px;padding:20px 10px 20px 10px;color:#000;background-image:url(../Images/aspnet-tabs/bg.jpg); background-repeat: repeat-x;}




.customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.customers td, .customers th {
    font-size: 1em;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}

.customers th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #A7C942;
    color: #ffffff;
}

.customers tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}





.myGrid
      {
            width: 100%;
            margin: 0px 0 0px 0px;
            border: solid 1px #525252;
            border-collapse: collapse;
      }

      .myGrid td
      {
            padding: 2px;
            border: solid 1px #c1c1c1;
            color: Black;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 0.9em;
      }

      .myGrid th
      {
            color: #fff;
            background: url(Images/grid_header.png) repeat-x top; 
            font-family: Arial,Helvetica,sans-serif;
            font-size: 0.9em;
      }


      .myGrid .pager
      {
            background: url(Images/grid_pager.png) repeat-x top;
      }

      .myGrid .pager table
      {
            margin: 5px 0;
      }

      .myGrid .pager td
      {
            border-width: 0;
            padding: 0 6px; 
            font-weight: bold;
            line-height: 12px;
      }

      .myGrid .pager a
      {
            color: #fff;
            text-decoration: none;
      }

      .myGrid .pager a:hover
      {
            color: #424242;
            text-decoration: none;
      }
      
      
       .FixedHeader   
          {
                position:absolute ;
                 background-color:#3E3E3E;        
                 font-family:Calibri;
                 color:White;
                 text-align:center;  
                             
        }
      
      
      



#container {    
    margin: 10px auto 10px;}

    .mGrid {   background-color: #fff; margin: 0px 0px 10px 0px; border: solid 1px #525252; border-collapse:collapse;font-size:smaller;}
    .mGrid td { padding: 5px 0px 5px; border-top-width:thin; border-top-style:solid  ; border-top-color: #424242;  color: #717171;}
    .mGrid th { padding: 5px 0px 5px; color:White; background: #5b99d4 url(grd_head.png) repeat-x top;  border-bottom:10px inset #FFFFFF;  border-left:solid 1px #525252; font-size:smaller; }
            .mGrid .alt {background: #fcfcfc url(grd_alt.png) repeat-x top; }
            .mGrid .pgr {background: #5b99d4 url(grd_pgr.png) repeat-x top;}                        
             
    .mGrid .pgr table {margin: 15px 0px 15px;}
    .mGrid .pgr td {border-width: 10; padding: 0px 6px 12px; border-left: solid 10px #666; font-size:smaller; color: #fff; line-height: 32px;}  
    .mGrid .pgr a {color: #666; text-decoration: none;}
    .mGrid .pgr a:hover {color: #000; text-decoration: none;}
  

.feTabs .ajax__tab_tab 
{
    color: #ffffff !important; 
    font: bold 11px Tahoma;
    width:80px;   
}  
.feTabs .ajax__tab_header 
{    
    font-size: 13px;
    font-weight:bold ;
    background-color: #82A4C1;
    display: block;
    height:30px;
    color: #fff;
    border-left-color:#82A4C1;
    border-left-style:solid;
    border-left-width:1px;
    border-bottom : 15px solid #82A4C1;    
    border-right :5px solid #82A4C1;
    border-top:8px solid #82A4C1;
}
.feTabs .ajax__tab_outer
{
    background-color: Black;
    border :1px inset; 
    color: #fff;
     
}
.feTabs .ajax__tab_inner
{
    padding: 2px;    
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 1px;
    background-color: #424242;
    font-weight:400;
    color: #fff;
  
    border-top-width: 4px;   
    border-top-color: white;
    border-top-style:solid;
    border-left-width: 4px;   
    border-left-color: white;
    border-left-style:solid;
    border-right-width: 4px;   
    border-right-color: white;
    border-right-style:solid;
}
.feTabs .ajax__tab_hover .ajax__tab_outer
{
    background-color: White;  
   color: #fff;     
}
.feTabs .ajax__tab_hover .ajax__tab_inner
{
    background-color: #878585;      
}
.feTabs .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #82A4C1;
    border-top-width: 25px;   
    border-top-color: #5BBEF0;
    border-top-style:solid;
    color: #fff;    
}
.feTabs .ajax__tab_active .ajax__tab_outer
{
    background-color: #7F7E7E; 
    color: #fff;
}
.feTabs .ajax__tab_active .ajax__tab_inner
{
    background-color: #7F7E7E; 
    border-top-width: 4px;   
    border-top-color:White;
    border-top-style:ridge ;
    border-left-width: 4px;   
    border-left-color:White;
    border-left-style:ridge;
    border-right-width: 4px;   
    border-right-color:White;
    border-right-style:ridge;
    border-collapse:collapse; 
    color: #fff; 
}



/*-------  Hint Class ---------------*/

/* admin help sidebar */
.helpSidebar{position:absolute;top:0px;right:0px;bottom:0px;width:250px;border:5px solid #ccc;border-top:none;border-right:none;background-image:url(Images/greybox/bg.png);padding:10px 10px 70px 10px;color:#fff;font-size:11px;overflow:auto;}
.helpSidebarShow a{position:absolute;display:block;top:200px;right:0px;width:20px;height:70px;background-image:url(Images/greybox/bg.png);color:#fff;border:1px solid #000;border-right:none;padding:10px 0px 0px 0px;font-size:11px;text-align:center;}
.helpSidebarShow a:hover{background-image:url(images/greybox/bg-2.png);color:#000;}
.helpSidebarClose a{float:right;display:block;background-image:url(Images/greybox/bg.png);color:#fff;border:1px solid #000;padding:5px;font-size:10px;}
.helpSidebarClose a:hover{background-image:url(Images/greybox/bg-2.png);color:#000;}
.helpTitle{font-size:11px;}
.helpText{font-size:11px;margin-bottom:10px;}
.helpHintIcon{width:100px;height:100px;background-image:url(Images/greybox/hint.png);margin:0px auto 10px auto;}
/* webconfig textbox */
.webConfigBox{background-color:#fff;font-size:11px;border:1px solid #ccc;margin-bottom:5px;color:#666;}
/* email broadcast styles */
.subjectAndFrom{font-size: xx-small; width: 2%;text-align:center;color:#000;}
.emailTypeAndPriority{font-size: xx-small; color: #000;}
/* hint edit */
.hintEditBox textarea {border:1px solid #999;background-color:#ccc;color:#333;font-size:11px;}
.hintEditBox textarea:hover {border:1px solid #000;background-color:#fff;color:#000;}
.hintEditBox textarea:focus {border:1px solid #000;background-color:#fff;color:#000;}
/* css edit */
.cssEditBox textarea {border:1px solid #999;background-color:#ccc;color:#333;font-size:11px;}
.cssEditBox textarea:hover {border:1px solid #000;background-color:#fff;color:#000;}
.cssEditBox textarea:focus {border:1px solid #000;background-color:#fff;color:#000;}

/*AutoComplete flyout */
.autocomplete_completionListElement {visibility:hidden;margin:0px!important;padding:0px;background-color:inherit;color:windowtext;border:buttonshadow;border-width:1px;border-style:solid;cursor:default;list-style-type:none;overflow:auto; max-height: 150px;line-height: 10px;}
.autocomplete_highlightedListItem{background-color: Highlight;color: HighlightText;padding: 3px;font-weight: normal;font-family: tahoma;font-size: 10px;font-style: normal;}
.autocomplete_listItem{background-color:window;color:windowtext;padding:3px;font-weight:normal;font-family:tahoma;font-size:10px;font-style: normal;}

/* Collapsible Panel Styles */
.CollapsePanel{overflow: hidden; width: 100%; }
.CollapsePanelHeader{background-image: url(Images/collapsible-panel/gray-grad.png); cursor: move; font-weight: bold; height: 19px; padding-top: 5px; width: 100%; border: 1px solid #cccccc; border-top: 1px solid #ffffff;}
.CollapsePanelWrap{background-color: #ffffff; border: 1px solid #cccccc; border-top: 1px solid #ffffff; overflow: auto; overflow-x: hidden; overflow-y: auto; padding: 15px; margin-bottom: 20px;}

/* CREATE USER WIZARD CONTROL----------------------------------- */
.cuwWrap{width: 320px; padding: 10px; margin: 20px auto 200px auto; border: 1px solid #e9e9e9;background-color:#FCFCFC;font-size:11px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.cuwWrap input:focus{background-color:#FFFFCC}
.cuwTitle{font-size:14px;font-weight:bold;color:#000000}