/* BUTTONS */

.button_class{
/* Used for the print buttons on the my curriculum reporting */
  float:right;
}
div.buttons button, div.buttons input {
    display:block;
    float:left;
}
.buttons button, .buttons input {
    margin:0 3px 0 0;
    background-color:#ddd;
    border:1px solid #999;
    /*border-top:1px solid #ddd;
    border-left:1px solid #ddd;*/

    font-family: Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#333;
    cursor:pointer;
    padding:5px 7px 6px 7px; /* Links */
    /*-moz-border-radius: 5px;*/
}

div.buttons a {
    display:block;
    float:left;
    margin:auto;
    border:1px solid #999;
    /*border-top:1px solid #111;
    border-left:1px solid #111;*/
    background-color:#ddd;
    font-family: Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#333;
    cursor:pointer;
    padding:5px; /* Links */
    /*-moz-border-radius: 5px;*/
}

.buttons button {
    width:auto;
    overflow:visible;
    padding: 3px 3px 3px 3px; /* IE6 */
}

.buttons input {
    width:auto;
    overflow:visible;
    padding: 3px 3px 3px 22px;
}

.buttons button[type] {
    padding:6px; /* Firefox */
    line-height:13px; /* Safari */
}

*:first-child+html button[type] {
    padding:3px 3px 3px 3px; /* IE7 */
}

.buttons button img, .buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

/*button {
    background-color:#ddd;
    border:1px solid #444;
    color:#333;
}

button:hover, .buttons a:hover{
    background-color:#888;
    border:1px solid #333;
    color:#333;
}*/

.buttons a:hover {
    display:block;
    float:left;
    /*margin:auto;*/
    border:1px solid #777;
    /*border-top:1px solid #eee;
    border-left:1px solid #eee;*/
    /*background: transparent url('/images/btn_gradient.png') repeat-x top right;*/
    background-color:#bbb;
    font-family: Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#333;
    cursor:pointer;
    padding:5px; /* Links */
}

.buttons button:hover, .buttonsnf button:hover {
    border:1px solid #777;
    background-color:#bbb;
    color:#333;
}

.buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
    text-decoration: none;
}

.buttons a:visited {
    text-decoration: none;
}

/* POSITIVE */

button.positive, .buttons a.positive {
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative {
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.buttonwrapper a.squarebutton, button.squarebutton {
    background: transparent url('/images/buttons/btn_left.png') no-repeat top left;
    display: block;
    /*float: left;*/
    font: bold 11px Arial; /* Change 12px as desired */
    line-height: 19px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 27px; /* Height of button background height */
    padding-left: 5px; /* Width of left menu image */
    text-decoration: none;
    margin: 0 0;
    text-align: center;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
    color: #333; /*button text color*/
    text-decoration: none;
}

a.squarebutton span {
    background: transparent url('/images/buttons/btn_right.png') no-repeat top right;
    display: block;
    padding: 4px 6px 4px 0; /*Set right padding below to match value of 'padding-left' value above*/
}

a.squarebutton:hover { /* Hover state CSS */
    background-position: bottom left;
    text-decoration: none;
}

a.squarebutton:hover span { /* Hover state CSS */
    background-position: bottom right;
    color: black;
    text-decoration: none;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


button.squarebutton {
    background: transparent url('/images/buttons/btn_right.png') no-repeat top right;
    display: block;
    float: left;
    font: bold 11px Arial; /* Change 12px as desired */
    line-height: 19px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 27px; /* Height of button background height */
    padding-left: 6px; /* Width of left menu image */
    text-decoration: none;
    margin: 0 auto;
    border: none;
}

button.squarebutton div {
    background: transparent url('/images/buttons/btn_right.png') no-repeat top right;
    display: inline;
}

.exam_launch {
    cursor: pointer;
    text-decoration: underline;
    margin:0;
    padding:2px;
    background-color: white;
    border: 0px;
}

div.login_btn {
	float:left;
}

input.login_btn {
	border:0px;
}




.buttons input.add_users {
   background: #ddd url('/images/button_icons/group_add.png') no-repeat 3px 3px;
}
.buttons input.add {
   background: #ddd url('/images/button_icons/add.png') no-repeat 3px 3px;
}
.buttons input.accept {
   background: #ddd url('/images/button_icons/accept.png') no-repeat 3px 3px;
}
.buttons input.save {
   background: #ddd url('/images/button_icons/disk.png') no-repeat 3px 3px;
}
.buttons input.cancel {
   background: #ddd url('/images/button_icons/cancel.png') no-repeat 3px 3px;
}
.buttons input.delete {
   background: #ddd url('/images/button_icons/delete.png') no-repeat 3px 3px;
}
.buttons input.address {
   background: #ddd url('/images/button_icons/vcard_edit.png') no-repeat 3px 3px;
}
.buttons input.checkout {
   background: #ddd url('/images/button_icons/cart_go.png') no-repeat 3px 3px;
}
.buttons input.pkg {
   background: #ddd url('/images/button_icons/package.png') no-repeat 3px 3px;
}
.buttons input.pkg_add {
   background: #ddd url('/images/button_icons/package_add.png') no-repeat 3px 3px;
}
.buttons input.pkg_del {
   background: #ddd url('/images/button_icons/package_delete.png') no-repeat 3px 3px;
}
.buttons input.pkg_go {
   background: #ddd url('/images/button_icons/package_go.png') no-repeat 3px 3px;
}
.buttons input.calc {
   background: #ddd url('/images/button_icons/calculator.png') no-repeat 3px 3px;
}
.buttons input.cog {
   background: #ddd url('/images/button_icons/cog.png') no-repeat 3px 3px;
}
.buttons input.cog_edit {
   background: #ddd url('/images/button_icons/cog_edit.png') no-repeat 3px 3px;
}
.buttons input.cog_add {
   background: #ddd url('/images/button_icons/cog_add.png') no-repeat 3px 3px;
}
.buttons input.cog_del {
   background: #ddd url('/images/button_icons/cog_delete.png') no-repeat 3px 3px;
}
.buttons input.license {
   background: #ddd url('/images/button_icons/cart_go.png') no-repeat 3px 3px;
}
.buttons input.cog_go {
   background: #ddd url('/images/button_icons/cog_go.png') no-repeat 3px 3px;
}
.buttons input.images {
   background: #ddd url('/images/button_icons/images.png') no-repeat 3px 3px;
}
.buttons input.bkopen {
   background: #ddd url('/images/button_icons/book_open.png') no-repeat 3px 3px;
}
.buttons input.user_gray {
   background: #ddd url('/images/button_icons/user_gray.png') no-repeat 3px 3px;
}
.buttons input.filter {
   background: #ddd url('/images/button_icons/zoom.png') no-repeat 3px 3px;
}
.buttons input.elec_qbank {
   background: #ddd url('/images/button_icons/report_add.png') no-repeat 3px 3px;
}
.buttons input.print_qbank {
   background: #ddd url('/images/button_icons/printer_add.png') no-repeat 3px 3px;
}
.buttons input.change_pw {
   background: #ddd url('/images/button_icons/lock_add.png') no-repeat 3px 3px;
}

.portal-expand {
	width: 13px;
	height: 10px;
	border: 1px solid #abc;
	background: transparent url('/images/arrow_expand.gif') no-repeat top left;
}

.portal-collapse12 {
	width: 13px;
	height: 10px;
	border: 1px solid #abc;
	background: transparent url('/images/arrow_collapse.gif') no-repeat top left;
}


/****************************** Added on Mar 27, 2009 - Login Headers CSS **************************/

table.kfe_login_users_tables {
	float:left;
}

th.kfe_login_users_header {
	background-image:url('/images/menus/login_bck.gif');
	background-repeat:repeat-x;
	padding:2px 8px 2px 12px;
}

table.kfe_login_users_table {
	border:1px solid #cacaca;
	margin-top:-1px;
	padding:0px 3px 0px 3px;
	
}



table.kfe_new_users_tables {
	float:left;
	margin-left:20px;
	
}

th.kfe_new_users_header {
	background-image:url('/images/menus/login_bck.gif');
	background-repeat:repeat-x;
	padding:2px 8px 2px 12px;
}

table.kfe_new_users_table {
	border:1px solid #cacaca;
	margin-top:-1px;
	padding:0px 3px 0px 3px;
	height:112px;
}

/*********** KFE and KFE Portal Login CSS - March 3, 2009 *****************/


input.kfe_login_btn {
	display: block; 
	background-color:#dddddd; 
	margin-right:0px;
	padding:5px 0px 5px 20px; 
	width:65px; 
	border:1px solid #999999; 
	font-family: Arial, Verdana, sans-serif; 
	font-size:90%;
	font-weight:bold;
    color:#333;
	cursor:pointer; 
	background-image:url('/images/button_icons/key_go.png'); 
	background-repeat:no-repeat; 
	background-position:3px 3px;
}
input.training_btn {
	display: block; 
	background-color:#dddddd; 
	margin-right:0px;
	padding:5px 0px 5px 20px; 
	border:1px solid #999999; 
	font-family: Arial, Verdana, sans-serif; 
	font-size:90%;
	font-weight:bold;
	color:#333;
	cursor:pointer; 
	background-image:url('/images/button_icons/email_go.png'); 
	background-repeat:no-repeat; 
	background-position:3px 3px;
	float: right;
}

input.kfe_portal_login_btn {
	display: block; 
	background-color:#dddddd; 
	margin-right:0px;
	padding:5px 0px 5px 20px; 
	width:120px; 
	border:1px solid #999999; 
	font-family: Arial, Verdana, sans-serif; 
	font-size:90%;
	font-weight:bold;
    color:#333;
	cursor:pointer; 
	background-image:url('/images/button_icons/user_add.png'); 
	background-repeat:no-repeat; 
	background-position:3px 3px;
}

div.logins_wrapper {
	/*width:570px;*/
	width:auto;
}

/*** Safari CSS hack ***/
html>body* input.kfe_portal_login_btn {
	padding:5px 0px 5px 20px; 
}

html>body* input.kfe_login_btn {
	padding:8px 0px 6px 20px; 
	margin-top:0px;
}