span.paginator { margin: 0; padding: 0;}
span.paginator span {margin-left: 3px;}
span.paginator span.page a { 
    padding: 5px 10px;
    display: inline-block;
    color: #797979;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
span.paginator span.page a:hover { background-color: #eee;  }
span.paginator span.arrow {  
    padding: 5px 10px;
    display: inline-block;
    color: #797979;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

span.paginator span.arrow a {  color:#000; text-decoration: none; }
span.paginator span.arrow:hover {  background-color: #eee;}
span.paginator span.selected { 
    padding: 5px 10px;
    display: inline-block;
    color: #797979;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
span.paginator span.break { color: #780000; margin: 0 0px 0 0px; }
span.paginator span.ellipsis { color: #780000;  margin: 0 0px 0 0px; }

table span.left { float: left;padding-bottom: 18px;padding-top:  8px;}
table span.right { float: right; padding-bottom: 18px;padding-top:  8px;}

.bodyDialog{
    clear: both;
    float: none;
    margin: 10px auto 70px;
    padding: 0px;
    text-align: left;
    width: 100%;
    color:#767676;  
}

.footerDialog{   
    clear: both;
    background-image: none;
    background-color: #ffffff;
    border-top: 1px solid #e5e5e5;
    bottom: 0;   
    margin: 0px;    
    padding: 0px;
    text-align: right;
    width: 100%;
    height: 60px;
    left: 0;
    position: absolute;
}

.footerDialog div{
    padding: 15px 15px 0px 15px;
    width: 100%;
}

.formTableDialog{
    border-spacing: 10px;
    border-collapse: separate;
    width: 100%;
}

::-webkit-scrollbar {
    width: 9px;

}
::-webkit-scrollbar-button {
    width: 0px;
    height:0px;
}
::-webkit-scrollbar-track {
    background:#f4f4f4;
    /*border: skinny plain lightgray;*/
    box-shadow: 0px 0px 3px #dfdfdf inset;
    /*border:  1px solid #c0c0c0 ;*/
    /*border-radius:10px;*/
}

::-webkit-scrollbar-track:hover {
    background:#F1F1F1;
}

::-webkit-scrollbar-thumb {
    background:#BDBDBD;
    /*border: skinny plain gray;*/
    /* border: 2px solid #ccc;*/
    /*border-radius:10px;*/
}
::-webkit-scrollbar-thumb:hover {
    background:#848484;
}

/*
_-------------------loader gif
*/
.divSpinner{

}



div#formControls { padding: 0 0 0 0px; }

div#formActions { background-color: #B0B0B0; padding: 10px; height: 45px; margin-top: 18px;  }
	div#formActions div#save { float: left; }
	div#formActions div#cancel { margin-left: 10px; float: left; }
	div#formActions div#delete { float: right; }
        
      
        

div.renderWithName { padding: 4px 0 4px 0; overflow: auto;  }
	div.renderWithName div.left { float: left; width: 200px; margin-right: 25px; }
	div.renderWithName div.required { font-weight: bold; text-transform: uppercase; }
	div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}

	div.renderWithName div.right { }
	div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;}


span.datetimepicker { }
	span.datetimepicker select.month { width: 55px; }
	span.datetimepicker select.day { width: 45px; margin-left: 8px; }
	span.datetimepicker select.year { width: 60px; margin-left: 8px; }
	span.datetimepicker select.hour { width: 65px; margin-left: 12px; margin-right: 2px; }
	span.datetimepicker select.minute { width: 45px; margin-left: 2px; margin-right: 2px; }
	span.datetimepicker select.second { width: 45px; margin-left: 2px; }
        
/*
Circles styles
*/

.circle {
    border-radius: 50%;
    display: inline-block;
    /*margin-right: 20px;*/
}

span.warning-circle{
    width: 13px;
    height: 13px;
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 70%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
    background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 70%);

    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin; 
    -webkit-animation-duration: 2s; /* 3 seconds */
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: linear;

    /* mozilla ff */
    -moz-animation-name: spin; 
    -moz-animation-duration: 2s; /* 3 seconds */
    -moz-animation-iteration-count: infinite; 
    -moz-animation-timing-function: linear;

    /* microsoft ie */
    -ms-animation-name: spin; 
    -ms-animation-duration: 2s; /* 3 seconds */
    -ms-animation-iteration-count: infinite; 
    -ms-animation-timing-function: linear;
}

span.success-circle{
    width: 13px;
    height: 13px;
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #44E86D 0%, #41B25E 100%, #1A7731 70%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, #44E86D, #41B25E);
    background-image: radial-gradient(45px 45px 45deg, circle cover, #44E86D 0%, #41B25E 100%, #1A7731 70%);

    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin; 
    -webkit-animation-duration: 2s; /* 3 seconds */
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: linear;

    /* mozilla ff */
    -moz-animation-name: spin; 
    -moz-animation-duration: 2s; /* 3 seconds */
    -moz-animation-iteration-count: infinite; 
    -moz-animation-timing-function: linear;

    /* microsoft ie */
    -ms-animation-name: spin; 
    -ms-animation-duration: 2s; /* 3 seconds */
    -ms-animation-iteration-count: infinite; 
    -ms-animation-timing-function: linear;
}

span.danger-circle{
    width: 13px;
    height: 13px;
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #F0460E 0%, #F7290A 100%, red 70%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, #F0460E, red);
    background-image: radial-gradient(45px 45px 45deg, circle cover, #F0460E 0%, #F7290A 100%, red 70%);

    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin; 
    -webkit-animation-duration: 2s; /* 3 seconds */
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: linear;

    /* mozilla ff */
    -moz-animation-name: spin; 
    -moz-animation-duration: 2s; /* 3 seconds */
    -moz-animation-iteration-count: infinite; 
    -moz-animation-timing-function: linear;

    /* microsoft ie */
    -ms-animation-name: spin; 
    -ms-animation-duration: 2s; /* 3 seconds */
    -ms-animation-iteration-count: infinite; 
    -ms-animation-timing-function: linear;
}