a:active,
a:focus { outline:none; -moz-outline-style:none; }

.fleft { float:left; }
.fright { float:right; }
.fclear { clear:both; }

.aleft { text-align:left;; }
.aright { text-align:right; }
.acenter { text-align:center; }

.autowidth { width:auto !important; }

.msg-info,
.msg-notice,
.msg-ok,
.msg-error
{ width: 100%; color:#000000; margin: 15px 0 20px 0; padding: 10px 10px 10px 40px; border-radius:7px; line-height:22px; z-index:9999; }

.msg-info { background:#ADC2F7 url(../layout/icons/msg-info.png) 6px center no-repeat; border:1px solid #6D94F7; color:#0033CC; }
.msg-notice { background:#FAE673 url(../layout/icons/msg-notice.png) 6px center no-repeat; border:1px solid #FEBD63; color:#CC6600; }
.msg-ok { background:#AEE893 url(../layout/icons/msg-ok.png) 6px center no-repeat; border:1px solid #8EC46C; color:#006600;}
.msg-error { background:#F4B8B5 url(../layout/icons/msg-error.png) 6px center no-repeat; border:1px solid #C94042; color:#990000; }
#flash-msg a.close { display:block; float:right; width:20px; height:20px; text-indent:-999em; background:url(../layout/icons/cross-grey.png) no-repeat center center #EFEFEF; border:1px solid #CCCCCC; border-radius:7px; cursor:pointer; }
#flash-msg a.close:hover { background:url(../layout/icons/cross.png) no-repeat center center #EFEFEF; }

.msg-notice span.important { font-weight:bold; color:#FF0000; }
.msg-notice a { color:#FF0000; }

h1 { font-size:20px; font-weight:normal; line-height:26px; }
h1 span { font-weight:normal; }
h2 { font-size:16px; font-weight:bold; line-height:20px; }
h2 span { font-weight:normal; }
hr { margin:10px 0; border:0; border-top:1px solid #E5EAF2; }
hr.extra-space { margin:20px 0; }





/* ---------------- THUMB styling ------------------ */

a.thumb
{
	display: inline-block;
	border: 1px solid #B6C9E8;
	border-radius: 6px;
	text-decoration: none;
	padding: 2px;
}

a.thumb img
{
	display: block;
	border: none;
	border-radius: 6px;
}

/* no thumb */
a.thumb span
{
	display: block;
	width: 60px;
	height: 45px;
	vertical-align: middle;
	background: #B6C9E8;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 18px;
	padding-top: 5px;
	border-radius: 6px;
}

.no-records { margin:50px 0; padding-left:20px; background:url(../layout/icons/silk/info.png) no-repeat left; }


/* ------------- TOOLTIP ------------------ */
a.tooltip-image { display:inline-block; width:16px; height:16px; background:url(../layout/icons/tooltip-info.png) no-repeat; text-indent:-999em; color:transparent; }
a.tooltip-image:hover { text-indent:-999em; color:transparent; }
.form .tooltip.below-label { clear:left; float:left; display:inline-block; margin:0 10px 10px 0; text-align:right; }
.form .tooltip.after-label { display:inline-block; margin:0 10px 10px 0; text-align:right; }



/* ----- Fix for file uploads -------------------------------------------------------------------------------------------------------------------------------------------- */
.upload { position:relative; width:260px; }
.realupload { position:absolute; top:0; right:0; width:230px; height:32px; z-index:200; /* bring the real upload interactivity up front */
	/* start of transparency styles */	opacity:0; -moz-opacity:0; filter:alpha(opacity:0);	/* end of transparency styles */ }
form .fakeupload { background:url(../layout/forms/browse.png) no-repeat 100% 50%; }
form .fakeupload input { width:401px; }



/* ----- Forms Layout ---------------------------------------------------------------------------------------------------------------------------------------------------- */

.form .row { clear: both; padding: 8px 0; }
/*  .form .label { float: left; line-height: 28px; padding: 0 10px 0 0; text-align: right; vertical-align: middle; width: 100px; } */
.form .field { float: left; padding-left: 5px; }

.form .buttons { margin-top:15px; padding:10px 0; background:#EEEFF1; border-radius:8px; }

.form input.input,
textarea.input,
select.input { width:180px; padding:6px 5px; background:url("../layout/forms/input-text-bg.png") repeat-x;  border:1px solid #B6B6B6; border-radius:7px; }

.form select.input { width:190px; line-height:24px; }

.form td.top { padding-top:8px; vertical-align:top; }

.form td.form-label { height:40px; padding-right:10px; text-align:right; }

.form .label,
.form .input,
.form .textarea,
.form .choice,
.form .select { display:inline-block; }

.form .input input[type="text"],
.form .input input[type="password"],
.form .input input[type="email"] { width: 195px; height:30px; padding:0 5px; background:url(../layout/forms/input-text-bg.png) repeat-x; border:1px solid #B6B6B6; border-radius:7px; line-height:30px; }
.form .textarea textarea { width:280px; height:110px; padding:5px; background:url(../layout/forms/textarea-bg.png) repeat-x; border:1px solid #B6B6B6; border-radius:7px; }
.form .label label { font-weight:bold; color:#333333; }
.form .label label.option { color:#2C518C; margin-right:15px; }
.form .select select { min-width:190px; padding:2px 0; line-height:24px; }
.form .select select option { background:#FFFFFF; }
select#program-select { min-width:250px; padding:6px 5px; background:url(../layout/forms/input-text-bg.png) repeat-x; border:1px solid #B6B6B6; border-radius:7px; line-height:24px; }
.choice label { width:auto !important; } /* labels for checkboxes and radio buttons */

.form .buttons {  margin-top:15px; padding:10px 10px 10px 120px; background:#EEEFF1; border-radius:8px; text-align:left; }

div.errors { margin:0px 0 2px 130px; padding:3px 0 0 5px; list-style-type:none; background:url(../layout/icons/form-error-arrow.png) no-repeat left bottom; }
div.errors div.error { color:#EE0000; margin:0 0 0 10px; }

.basic_form .label{ padding-right: 10px; width: 150px;}
.basic_form .row{ margin: 10px; }
.basic_form .row .info{ font-size: 10px; padding-left: 8px;}
.basic_form .errors { margin: 0 0 13px 0; padding: 3px 0 0 5px; }

p.login-text { margin:20px 0 0 0; padding:10px 0 40px 0; border-bottom:1px solid #D5D8DF; font-size:16px; line-height:20px; }





/* ============================================================================================
 *								RIGHT MENU 
 * ============================================================================================= */
.end-impersonation { margin:0 0 5px 0; text-align:right; }
.end-impersonation a { text-decoration:none; background:url(../layout/icons/silk/resultset_previous.png) no-repeat left center; padding-left:18px;  }
.end-impersonation a:hover { color:inherit; }


/* ----- General Layout -------------------------------------------------------------------------------------------------------------------------------------------------- */

.paginator { margin:20px 0; }
.paginator a { display:inline-block; text-decoration:none; padding:3px 8px; border:1px solid #AAAAAA; border-radius:7px; color:#AAAAAA; }
.paginator a:hover { color:#2C518C !important; border-color:#2C518C !important; }
.paginator a.selected { color:#E76A28; border-color:#E76A28; background:#FBE4D7; }
.paginator a.next { width:16px; padding:3px 5px; background:url(../layout/icons/button_next.png) no-repeat 5px 2px; }
.paginator a.prev { width:16px; padding:3px 5px; background:url(../layout/icons/button_prev.png) no-repeat 5px 2px; }
.paginator span.space { padding-left:3px; letter-spacing:3px; }

.badge { float: right; background-color: #999999; border: 1px solid #FFF; border-radius: 5px 5px 5px 5px; color: #FFFFFF; font-size: 12px; line-height: 15px; font-weight: bold; padding: 1px 7px 2px; white-space: nowrap; box-shadow: 0 2px 2px rgba(0,0,0,0.20) inset; }
.badge:hover { color: #FFFFFF; cursor: pointer; text-decoration: none; }
.badge-error { background-color: #B94A48; }
.badge-error:hover { background-color: #953B39; }
.badge-warning { background-color: #F89406; }
.badge-warning:hover { background-color: #C67605; }
.badge-success { background-color: #468847; }
.badge-success:hover { background-color: #356635; }
.badge-info { background-color: #3A87AD; }
.badge-info:hover { background-color: #2D6987; }
.badge-inverse { background-color: #333333; }
.badge-inverse:hover { background-color: #1A1A1A; }

#breadcrumbs { width: 100%; margin:20px 0; background:#C8D3E4; border-radius:5px; }
#breadcrumbs .step { float:left; height:34px; line-height:34px; min-width:120px; padding-left:5px; text-align:center; }
#breadcrumbs .step.start { background:url("../layout/breadcrumbs-start.png") no-repeat 12px center #5988C1; border-radius:5px 0 0 5px;  }
#breadcrumbs .step.completed { background-color:#5988C1; }
#breadcrumbs .step.selected { background-color:#264678; }
#breadcrumbs .step .title { float:left; color:#FFFFFF; font-family:Arial; font-size:17px; font-weight:bold; line-height:34px; padding:0 10px; }
#breadcrumbs .step .title a { color:#FFFFFF; text-decoration:none; }
#breadcrumbs .step .title a:hover { text-decoration:underline; }
#breadcrumbs .step.start .title { padding-left:40px; }
#breadcrumbs .step.completed .title {  }
#breadcrumbs .step.selected .title {  }
#breadcrumbs .separator { float:right; width:20px; height:34px; line-height:34px; background:url("../layout/breadcrumbs-separator.png") no-repeat left center; }
#breadcrumbs .separator.completed { background:url("../layout/breadcrumbs-separator-completed.png") no-repeat left center; }
#breadcrumbs .separator.selected { background:url("../layout/breadcrumbs-separator-selected.png") no-repeat left center; }