 *{
     padding: 0;
     margin: 0;

  }

body {
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
    height:490px;
    background-image: url(../imgs/bg_right.png);
}

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width:99%;
}

.bigtitle
{
 text-align:center;
 padding:10px 0px 0px 0px;
 	text-transform:uppercase;
	-webkit-tranform:translateZ(0);
	-webkit-transition-duration:0.05s;
	-moz-tranform:translateZ(0);
	color:rgba(80,80,80,100);
	text-shadow:0 0 1px rgba(0,0,0,.2);
}

li,a{cursor:pointer;}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;
     
}

.bordered tr:hover {
    background: #89D950;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align:center;
}

.bordered th {
    background-color: #ebf3fc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#89D950), to(#ebf3fc));
    background-image: -webkit-linear-gradient(top, #89D950, #ebf3fc);
    background-image:    -moz-linear-gradient(top, #89D950, #ebf3fc);
    background-image:     -ms-linear-gradient(top, #89D950, #ebf3fc);
    background-image:      -o-linear-gradient(top, #89D950, #ebf3fc);
    background-image:         linear-gradient(top, #89D950, #ebf3fc);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



           
        .navBase
        {
            z-Index:3;
            position:absolute;
            width: 300px;
            list-style-type: none;
            background-color: #FFFFFF;
            color: #000000;
            line-height: 120%;
            display:none;
        }
        .navBase a
        {
            display: block;
            font-weight: normal;
            text-decoration: none;
        }
        .navBase li
        {
            list-style-type: none;
        }
        .navBase 
        {
            overflow: hidden;
        }
        .navBase li a
        {
            width: 285px;
            padding: 5px 0 0 15px;
            display: block;
            color: #000000;
            height: 25px;
            font-weight:bold;
        }
        .closed
        {
            width: 285px;
            padding: 5px 0 0 15px;
            display: block;
            color: #000000;
            background-image: url(../imgs/pb/ha-header.jpg);
            height: 25px;

        }
        .firstitemclosed
        {
            color: #000000 !important;
            background-image: url(../imgs/pb/ha-header-first.jpg) !important;
        }
        .lastitemclosed
        {
            color: #000000 !important;
            background-image: url(../imgs/pb/ha-header-last.jpg) !important;
        }
        .navBase li li
        {
            border-left: 1px solid #E5E5E5;
            border-right: 1px solid #E5E5E5;
            padding: 0px 15px 0 25px;
        }
        .navBase li li:hover
        {
            background-color:#585858;
        }
        .aopened
        {
            background-image: url(../imgs/pb/ha-header-active.jpg);
            color: #FFFFFF;
        }
        .firstitemaopened
        {
            background-image: url(../imgs/pb/ha-header-first-active.jpg);
            color: #FFFFFF;
        }
        .lastitemli
        {
            margin-bottom: -4px;
        }
        .lilastitemul
        {
            background-image: url(../imgs/pb/ha-footer.jpg);
            background-repeat: no-repeat;
            background-position: bottom;
            padding-bottom: 4px;
        }

        .operateUl
        {
			background:url(../imgs/button_Enable.png) no-repeat;
			width:88px;
			height:39px;
			cursor:pointer;
		    border:none;
			line-height:25px;
			color:#fff;
			margin:0px 0px 0px 5px;

         }

	.operateUl:hover{
		background:url(../imgs/button_Hover.png) no-repeat;
	}
	
	.groupList
	{
	    background:url(../imgs/groups_Enable.png) no-repeat;
			width:89px;
			height:39px;
			cursor:pointer;
		    border:none;
			line-height:25px;
			color:#fff;
			margin:0px 0px 0px 7px;
	}
	
	.groupList:hover
	{
	    background:url(../imgs/groups_Hover.png) no-repeat;
	}
	
	.checked{background:url("../imgs/checkmark.png") no-repeat 5px 5px;}
	
	
	input[type="submit"]{
				color: #999;
				border: 1px solid #000;
				font-weight: lighter;
				-moz-border-radius: 15px;
			    -webkit-border-radius: 15px;
				border-radius: 15px;
				background: #45484d;
				background: -moz-linear-gradient(top, #222 0%, #111 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#111));
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22222', endColorstr='#111111',GradientType=0 );
				-moz-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
				-webkit-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
				box-shadow: 0px 1px 1px #000,0px 1px 0px rgba(255,255,255,.3) inset;
				text-shadow: 0 1px 1px #000;
			}
			
   #basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:140px; width:290px; color:#bbb; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#000;}
#simplemodal-container a.modalCloseImg {background:url(../imgs/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}



.bluebutton{
background: transparent url('../imgs/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
white-space:pre-wrap;
margin:15px 0px 0px 45px;
}

.bluebutton span{
background: transparent url('../imgs/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.bluebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

.bluebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}