﻿  


 .tablePop
 {
      border: 1px solid #9374CB; 
    background: #FFF;
    z-index:1001;
    min-width:260px;
 }
 
 .tablePop td
 {
  
  }
  
 .tbl_left
 {
     width:80px;
     padding-left:5px;
     }
 
 .tbl_right
 { 
     width:250px;
     }
   
.textbox
{
       border:1px solid #ccc;
       padding:0 2px 0 2px;
       min-height:20px;
}


.textbox:focus
{
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
.textbox-margin
{
      margin-bottom:10px;
       
}
.textbox-notice
{
      color:red;
      font-weight:bold;
}
.readonly
{
     background:#CCC;
}
.combobox
{
      padding: 2px 2px 2px 0;
         height:22px;
         min-width:50px;
}

.combobox-min
{
      
         min-width:186px;
}

.combobox-medium
{
      
         min-width:236px;
}

.textbox-size30
{
    width:30px;
}

.textbox-number
{
    text-align:right;
    padding-right:2px;
}
.textbox-size50
{
    width:50px;
}

.textbox-size60
{
    width:60px;
}

.textbox-size70
{
    width:70px;
}

.textbox-size100
{
    width:100px;
}

.textbox-size120
{
    width:120px;
}

.textbox-min
{
      min-width:180px;
}

.textbox-date
{
    width:100px;
}

.textbox-small
{
      min-width:100px;
}

.textbox-mid
{
      min-width:200px;
}

.textbox-medium
{
      min-width:230px;
}
.textbox-large
{
      min-width:350px;
}
.textbox-multiline
{
    height:44px;
    font-family:Arial;
    }

.readonly
{
      background:#EEE;
}

.button
{ 
    background: #3498db;
    border: 1px solid #3498db;
    color: #FFFFFF;
    font-weight: normal;
    height:22px;   
    padding:0px 15px 1px 15px;
    min-width:70px;
}
	    
.buttondisable
{ 
    background: none repeat-x scroll 50% 50% #CCC;
    border: 1px solid #CCC;
    color: #FFFFFF;
    font-weight: normal;
    padding: 0 15px 1px 15px;
    min-width:70px;
    height:22px;  
}
	    
.buttonA
{ 
	background: #3498db;
    border: 1px solid #3498db;
    color: #FFFFFF;
    font-weight: normal;
    height: 22px;
    padding: 3px 30px;
    min-width:80px;
}
	    
.buttonAdisable
{ 
    background: none repeat-x scroll 50% 50% #CCC;
    border: 1px solid #CCC;
    color: #FFFFFF;
    font-weight: normal;
    height: 22px;
    padding: 3px 30px;
    min-width:80px;
}

.buttonspecial
{
    background: none repeat-x scroll 50% 50% #b200ff;
    border: 1px solid #b200ff;
    color: #FFFFFF;
    font-weight: normal;
    height:22px;   
    padding:0px 15px 1px 15px;
    min-width:70px;
    cursor:pointer;
}
.buttonmin
{ 
	  background: #8765C5;
    border: 1px solid #8765C5;
    color: #FFFFFF;
    font-weight: normal;
height: 22px;
min-width:20px;
}
.button:hover,.buttonmin:hover, .buttonA:hover
{
	     cursor:pointer;
	     background: #2980b9;
	     border: 1px solid #2980b9;
 }

.radcheck
{
    line-height:40px;
}
.radcheck input
{
    vertical-align:text-top;
}
.radcheck label
{
    padding-left:10px;
}
   #cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a
        {
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            font-size: 14px;
            position: relative;
        }
        #cssmenu
        {
            width: 250px;
            border-bottom: 4px solid #8765B5;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }
        #cssmenu a
        {
            line-height: 1.3;
        }
        #cssmenu > ul > li:first-child
        {
            /*background: #66665e;
            background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
            background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
            background: linear-gradient(#66665e 0%, #45463d 100%);
            border: 1px solid #45463d;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;*/
        }
        #cssmenu > ul > li:first-child > a
        {
            padding: 12px;
            background: #8765B5;
            border: none;
            border-top: 1px solid #8765B5;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
            font-family: 'Ubuntu' , sans-serif;
            text-align: center;
            font-size: 18px;
            font-weight: 300;
        }
        #cssmenu > ul > li:first-child > a > span
        {
            padding: 0;
        }
        #cssmenu > ul > li:first-child:hover
        {
            background: #66665e;
            background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
            background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
            background: linear-gradient(#66665e 0%, #45463d 100%);
        }
        #cssmenu > ul > li
        {
            background: #6fb1e4;
            /*background: -moz-linear-gradient(#7cb8e6 0%, #51a1de 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cb8e6), color-stop(100%, #51a1de));
            background: -webkit-linear-gradient(#7cb8e6 0%, #51a1de 100%);
            background: linear-gradient(#7cb8e6 0%, #51a1de 100%);*/
        }



        #cssmenu > ul > li:hover
        {
            background: #6fb1e4;
            background: -moz-linear-gradient(#6fb1e4 0%, #449adb 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb1e4), color-stop(100%, #449adb));
            background: -webkit-linear-gradient(#6fb1e4 0%, #449adb 100%);
            background: linear-gradient(#6fb1e4 0%, #449adb 100%);
        }
        #cssmenu > ul > li > a
        {
            font-size: 14px;
            display: block;
            background: url(../images/icons/pattern.png) top left repeat;
            color: #ffffff;
            border: 1px solid #3c95da;
            border-top: none;
            text-shadow: 0 -1px 1px #206ea9;
        }
        #cssmenu > ul > li > a > span
        {
            display: block;
            padding: 10px 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
        #cssmenu > ul > li > a:hover
        {
            text-decoration: none;
        }
        #cssmenu > ul > li.active
        {
            border-bottom: none;
        }
        #cssmenu > ul > li.has-sub > a span
        {
            background: url(../images/icons/icon_plus.png) 96% center no-repeat;
        }
        #cssmenu > ul > li.has-sub.active > a span
        {
            background: url(../images/icons/icon_minus.png) 96% center no-repeat;
        }
        /* Sub menu */
        #cssmenu ul ul
        {
            display: none;
            background: #fff;
            border-right: 1px solid #a2a194;
            border-left: 1px solid #a2a194;
        }
        #cssmenu ul ul li
        {
            padding: 0;
            border-bottom: 1px solid #d4d4d4;
            border-top: none;
            background: #f7f7f7;
            background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
            background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
            background: linear-gradient(#f7f7f7 0%, #ececec 100%);
        }
        #cssmenu ul ul li:last-child
        {
            border-bottom: none;
        }
        #cssmenu ul ul a
        {
            padding: 7px 10px 7px 25px;
            display: block;
            color: #676767;
            font-size: 11px;
            font-weight: normal;
        }
        #cssmenu ul ul a:before
        {
            content: '»';
            position: absolute;
            left: 10px;
            color: #7cb8e6;
        }
        #cssmenu ul ul a:hover
        {
            color: #7cb8e6;
        }

.sumgrid
{
    color:#000ac6;
    font-weight:bolder;
    font-size:12px;
}

.ShadowPopup
{
    background: #ccc;
    opacity: 0.8;
}

.validemptytext
{
    background:#ff6a00;
}



  .ui-tabs.ui-tabs-vertical
        {
            padding: 0;
            width: 42em;
        }

            .ui-tabs.ui-tabs-vertical .ui-widget-header
            {
                border: none;
            }

            .ui-tabs.ui-tabs-vertical .ui-tabs-nav
            {
                float: left;
                width: 150px;
                border-radius: 4px 0 0 4px;
                background: #e0e0e0;
            }

                .ui-tabs.ui-tabs-vertical .ui-tabs-nav li
                {
                    clear: left;
                    width: 100%;
                    margin: 0.2em 0;
                    border-radius: 4px 0 0 4px;
                    overflow: hidden;
                    position: relative;
                    right: -2px;
                    z-index: 2;
                }

                    .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a
                    {
                        display: block;
                        width: 100%;
                        padding: 1.6em 1em;
                    }

                        .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover
                        {
                            cursor: pointer;
                            background: #bee1f1;
                        }

                    .ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active
                    {
                        margin-bottom: 0.2em;
                        padding-bottom: 0;
                        background: #f1f1f1;
                    }

                    .ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child
                    {
                        margin-bottom: 10px;
                    }

            .ui-tabs.ui-tabs-vertical .ui-tabs-panel
            {
                width: 80%;
                border-radius: 0;
                position: relative;
                padding-left: 20px;
                float: left;
            }