@import url('../javascript/yui/build/tabview/assets/skins/sam/tabview.css');
@import url('../javascript/yui/build/container/assets/skins/sam/container.css');
/*
 * Basic styles used in EKP; may be overridden in skin-specific style sheets. Remember, the imports above this
 * comment MUST NOT have anything before them, not even comments.
 */
 /* It is used to define the position of the navigation links */
.navigation-link {
	text-align: right;
	position: absolute;
	right: 5px;
	top: 0px;
	width: auto;
	height: auto;
	z-index: 0;
	visibility: visible;
}

dfn {
	font: bold 11px verdana;
	background-color: #D3EBED;
	cursor: help;
}

body {
	margin-left: 5px;
	margin-right: 5px;
}

/* Clickable icon (e.g. Knowledge Center) */
.icon {
	border-style: none;
}

h2 { /* Need to keep this centered to avoid disturbing older skins */
	text-align: center;
}

.buttons {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.main-links {
	padding: 6px 0px 6px 15px;
	background-image: url(images/arrow-white.gif);
	background-repeat: no-repeat;
	background-color: #E6F3F2;
	font-family: verdana;
	font-weight: bold;
	font-size: 10px;
	color: #2423FD;
	height: 20px;
	width: 160px;
	display: block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.main-links-hover {
	padding: 6px 0px 6px 15px;
	background-image: url(images/arrow-green.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-family: verdana;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	height: 20px;
	width: 160px;
	display: block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.sec-links {
	line-height: 16px;
	font-family: verdana;
	font-weight: normal;
	font-size: 10px;
	color: #2423FD;
	display: block;
}

.sec-links-hover {
	line-height: 20px;
	font-family: verdana;
	font-weight: normal;
	font-size: 10px;
	color: #CC0000;
	display: block;
}

.sec-links-container {
	padding-top: 20px;
	padding-left: 8px;
}

caption {
	font: bold 18px verdana;
	color: #FFF;
	background-color: #129085;
}

.viewHeader {
	background-color: #1A928F;
	font-family: verdana;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
}

.viewHeader-hover {
	background-color: #666666;
	font-family: verdana;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
}

.tabs a:hover {
	cursor: pointer;
}

.tabs a {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	color: #000;
	background: #DBDDDC url(images/left-tab.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
}

.tabs a span {
	background: url(images/right-tab.gif) right top no-repeat;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tabs a,.tabs a span {
	display: block;
	float: left;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
.tabs navigation a,.tabs navigation a span {
	float: none;
}

/* End IE5-Mac hack */
.tabs a.selected {
	color: #FFF;
	background: #129085 url(images/left-tab-hover.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
}

.tabs a.selected span {
	background: url(images/right-tab-hover.gif) right top no-repeat;
	padding-right: 10px;
}

.tabs {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tabs li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tab-bottom {
	height: 5px;
	background-color: #129085;
}

.home-search-box {
	float: right;
	width: 180px;
	border: 1px solid #1A928F;
}

.home-search-box select {
	width: 170px;
}

/* Tail of editor side-frame tabs. */
.tab-tail {
	background: #BDBABD;
}

/* Selectors */
.selector-list {
	width: 100%;
}

.selector-button {
	width: 50px;
}

.selector-cell-vertical {
	width: 38%;
}

/* Form buttons */
.button {
	font: bold 10px verdana;
	color: #FFF;
	background-color: #666666;
}

.message-window {
	text-align: center;
}

table.sortable {
	width: 100%;
	border-collapse: separate;
}

table.sortable tr {
	vertical-align: top;
}

table.sortable td {
	vertical-align: top;
}

/* Sortable tables */
table.sortable th a {
	font: bold 11px verdana;
	text-decoration: none;
	display: block;
}

table.sortable th {
	font: bold 11px verdana;
	text-align: left;
	padding: 4px;
}

table.sortable span.sortarrow {
	color: black;
	text-decoration: none;
}

table td {
	vertical-align: top;
}

th {
	font: bold 11px verdana;
	color: #FFF;
	background-color: #D3EBED;
}

/* PAIR-TABLE are tables that contain 2 columns of data which are of pair value */
.pair-table {
	border-collapse: collapse;
	empty-cells: show;
	width: inherit;
	border: 1px solid #CCC;
}

.pair-name {
	font-weight: bold;
	color: #000;
	text-align: left;
}

.pair-value {
	font-style: italic;
}

/* Text Styles */
.instructions {
	color: #000;
}

/* don't work in IE... */
button,input[type="submit"],input[type="reset"],input[type="button"] {
	background-color: #666666;
	color: #FFF;
	font: bold 10px verdana;
}

.col1 {
	background-color: #ffffff;
	color: black;
	font-family: arial;
	font-size: 12px;
	vertical-align: top;
}

.col2 {
	background-color: #E7E7E7;
	color: black;
	font-family: arial;
	font-size: 12px;
	vertical-align: top;
}

.data-table th {
	vertical-align: top;
	text-align: left;
	padding: 4px;
	background-color: #E6F3F2;
}

/* use to control the margin of the header title if a tab interface is used */
.tabheader {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#head-border {
	border-top: 1px solid gray;
	size: 1px;
}

.error {
	font-family: arial;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}

.warning {
	font-family: arial;
	font-size: 11px;
	color: #FF0000;
}

.news {
	font-family: verdana;
	font-family: arial;
	font-size: 10px;
	color: #000000;
	font-style: normal;
}

/* This will fix the problem on the editors where some of the words get cut */
.textbox {
	width: 250px
}

.searchbox {
	border: 1px solid #1A928F;
}

/* control the position of search box in top frame */
.search-box-top {
	position: absolute;
	right: 10px;
	top: 15px;
	width: auto;
	height: auto;
	z-index: 0;
	visibility: visible;
}

.top-banner {
	background-image: url("images/headerbg.jpg");
	background-repeat: no-repeat;
	height: 140px;
}

.notice {
	color: #FF0000
}

td.submenu,.submenu a {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	color: #000000;
	background-color: #DBDDDC;
	text-decoration: none;
	padding-left: 5px;
}

td.submenuselect,.submenuselect a {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
	padding-left: 5px;
}

table.calcolor1 {
	width: 100%
}

.program-title {
	font-weight: bold;
}

.transparent {
	float: left;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	background-color: #dbd8c0;
	display: none;
	width: 200px;
	height: auto;
	position: absolute;
	font: normal 12px arial;
	color: Black;
	border: 1px white solid;
}

.helptitle {
	font: normal 12px arial;
	background-color: #06484c;
	color: White;
	border-left: 15px solid #980000;
}

.transparent div {
	padding: 7px;
}

#popup {
	border-right: 4px solid #999;
	border-bottom: 4px solid #999;
}

div.side-widget table {
	width: 100%;
}

div.side-widget {
	border: 1px solid #c2c1c0;
}

td.headers-selected {
	background-color: orange;
	color: white;
}

.invisible {
	visibility: hidden;
	display: none;
}

a.quick-list {
	text-decoration: none;
}

a.browse-mode-cat-top {
	text-decoration: none;
}

a.no-underline {
	text-decoration: none;
}

td.comp-center-intro {
	background-color: white;
	color: black;
}

.top-ecommerce-banner {
	background-image: url("images/decorate/ecommerceheaderbg.jpg");
	background-repeat: no-repeat;
	height: 140px;
}

.path-action {
	background-image: url("images/path/box-02.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 70px; width: 155px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.path-completed {
	background-image: url("images/path/box-04.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 70px; width: 155px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.path-inprocess {
	background-image: url("images/path/box-07.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 70px; width: 155px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.path-optional { 
	font: normal 10px verdana;
	height: 70px; width: 155px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.path-category {
	background-image: url("images/path/box-06.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 70px; width: 155px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.path-competency {
	background-image: url("images/path/box-01.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 70px; width: 155px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.home-rollover a:hover {
	color: #ffffff;
	background-color: #5f783b;
}


td.home-rollover,.home-rollover a {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	color: #000000;
	background-color: #cadeae;
	text-decoration: none;
	width:100%;
}
td.home-display-teaser, .home-display-teaser {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	color: #000000;
	background-color: #dddddd;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	overflow:hidden;
}

td.home-display-background, .home-display-background {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	color: #000000;
	background-color: #eeeeee;
}

td.NEWS, .NEWS {
	width: 500px;
}

.path-legend-action {
	background-image: url("images/path/box-02.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 20px; width: 80px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.path-legend-completed {
	background-image: url("images/path/box-04.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 20px; width: 80px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.path-legend-inprocess {
	background-image: url("images/path/box-07.gif");
	background-repeat: no-repeat;
	font: normal 10px verdana;
	height: 20px; width: 80px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.correct-answer {
	color: blue;
}

.wrong-answer {
	color: #FF0000;
}

.rss {
    background-image: url('images/rss.gif');
    background-repeat: no-repeat;
    padding: .5em 0 .5em 20px;
}

.catalog-image, .course-image {
    height: 150px;
    width: 150px;
}

.webforms tr > td:first-child {
	text-align:right;
}

.iconbutton {
	background-repeat: no-repeat;
	float:left;
	padding: 0 0 24px 24px;
}

.iconbutton:hover {
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor: pointer;
}


a.editorcreatebutton .iconbutton {
	background-image: url("images/editor/small/create.gif");
}

a.editorcreatebutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_create.gif");
}

.editorcreatebutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_create.gif");
}

a.editorvalidatebutton .iconbutton {
	background-image: url("images/editor/small/validate.gif");
}

a.editorvalidatebutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_validate.gif");
}

.editorvalidatebutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_validate.gif");
}

a.editorexamusagebutton .iconbutton {
	background-image: url("images/editor/small/examusage.gif");
}

a.editorexamusagebutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_examusage.gif");
}

.editorexamusagebutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_examusage.gif");
}

a.editortestpreviewbutton .iconbutton {
	background-image: url("images/editor/small/testpreview.gif");
}

a.editortestpreviewbutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_testpreview.gif");
}

.editortestpreviewbutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_testpreview.gif");
}

a.editormanageinstancebutton .iconbutton {
	background-image: url("images/editor/small/manageinstance.gif");
}

a.editormanageinstancebutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_manageinstance.gif");
}

.editormanageinstancebutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_manageinstance.gif");
}

a.editorassignmodulebutton .iconbutton {
	background-image: url("images/editor/small/assmodule.gif");
}

a.editorassignmodulebutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_assmodule.gif");
}

.editorassignmodulebutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_assmodule.gif");
}

a.editormanagepoolbutton .iconbutton {
	background-image: url("images/editor/small/createpool.gif");
}

a.editormanagepoolbutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_createpool.gif");
}

.editormanagepoolbutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_managepool.gif");
}


a.editorreportlistingbutton .iconbutton {
	background-image: url("images/editor/small/reportlisting.gif");
}

a.editorreportlistingbutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_reportlisting.gif");
}

.editorreportlistingbutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_reportlisting.gif");
}

a.editorcreateuserbutton .iconbutton {
	background-image: url("images/editor/small/createuser.gif");
}

a.editorcreateuserbutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_createuser.gif");
}

.editorcreateuserbutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_createuser.gif");
}

a.editorsearchbutton .iconbutton {
	background-image: url("images/editor/small/search.gif");
}

a.editorsearchbutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_search.gif");
}

.editorsearchbutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_search.gif");
}

a.editorcertificatebutton .iconbutton {
	background-image: url("images/editor/small/certificate.gif");
}

a.editorcertificatebutton:hover .iconbutton {
	background-image: url("images/editor/small/sel_certificate.gif");
}

.editorcertificatebutton-disabled {
	background-repeat: no-repeat;
	padding: 0 0 24px 24px;
	background-image: url("images/editor/small/inact_certificate.gif");
}
.mekpmsg  {
	font-size: 12px;
	font-family: verdana;
	font-weight: normal;
	color: #000000;
	padding: 0px;
	background-color: #d6e2ec;
}
.mekpmsgtitle  {
	font-size: 18px;
	font-family: verdana;
	font-weight: normal;
	padding: 0px;
	color: #ffffff;
	background-color: #a7c13a;
}

/* Top and Bottom Banner for EXAMSTUDENTHOME */
#examcenter-top {
    background-image:url("images/decorate/examcenter_top.jpg");
    background-repeat: no-repeat;
    height:60px; 
    width: 800px;
    margin: 0 auto;
}
#examcenter-bottom {
    background-image:url("images/decorate/examcenter_bottom.jpg");
    background-repeat: no-repeat;
    height:60px; 
    width: 800px;
    margin: 0 auto;
}

.appraisal-part {
	font-size: 20px;
	font-style: italic;
}

.appraisal-part-completed {
	font-size: 18px;
}

.appraisal-part-selected {
	font-weight: bold;
	color: #000000;
}

.rating {
	position: relative;
	float: left;
	border: 0;
	background-repeat: no-repeat;
	padding: 0 0 18px 18px;
	cursor: pointer;
}

.rating1 {
	background-image: url('images/appraisal/rating1.png');
}

.rating2 {
	background-image: url('images/appraisal/rating2.png');
}

.rating3 {
	background-image: url('images/appraisal/rating3.png');
}

.rating4 {
	background-image: url('images/appraisal/rating4.png');
}

.rating5 {
	background-image: url('images/appraisal/rating5.png');
}

.rating1-selected {
	background-image: url('images/appraisal/rating1-selected.png');
}

.rating2-selected {
	background-image: url('images/appraisal/rating2-selected.png');
}

.rating3-selected {
	background-image: url('images/appraisal/rating3-selected.png');
}

.rating4-selected {
	background-image: url('images/appraisal/rating4-selected.png');
}

.rating5-selected {
	background-image: url('images/appraisal/rating5-selected.png');
}

.appraisal-banner {
	background-image: url('images/appraisal/appraisalbanner.jpg');
	background-repeat: no-repeat;
	background-position:left top;
	padding: 0 0 45px 0;
	margin: -20px -20px 0px -20px;
}

.incomplete-appraisal-tab {
	font-style: italic;
	font-size: 12px;
}

.completed-appraisal-tab {
	font-size: 12px;
}

.appraisal-section-description {
	width: 100%;
	font-size: 12px;
}

.appraisal-warning {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}

.appraisal-message {
	font-size: 12px;
	color: #1290ff;
	font-weight: bold;
}

.appraisal-arrow {
	background-image: url('images/appraisal/arrow_right.png');
	position: relative;
	float: left;
	border: 0;
	background-repeat: no-repeat;
	padding: 0 0 30px 75px;
	cursor: pointer;
}
	

input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] {
	color: ButtonShadow;
}

textarea {
	overflow: auto;
}
 
.widget-header{
    background-color: #1A928F;
    font-family: verdana;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    width: 100%;
}