/*Changes for Abbott Diabetes 'theme' skin - START */
/*learner_home pg - START*/
.liststyle_ext
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #fefaf5;
    WIDTH: 450px;
}
.box
{
	background-color:#F1F1F1;
	border: solid 4px #BED2E6;
	padding:1px;
	/*--COPY FROM listcentertable--*/
}
.bluebgheader
{
	background-color:#DCE6F1; /*menuIconsPanel*/
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #2B60A3;
	font-weight:bold;
}
.bodytextsmall 
{
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #0F0E0E;
}
.home_heading
{
	font-family: Arial;
	font-size: 17px;
	font-weight:bold;
	color: #2B60A3;
}

.scrollstyle_old
{
    SCROLLBAR-FACE-COLOR: #d4d4d4;
    SCROLLBAR-HIGHLIGHT-COLOR: #cecece;
    SCROLLBAR-SHADOW-COLOR: #ddd9d9;
    SCROLLBAR-3DLIGHT-COLOR: #b3b3b3;
    SCROLLBAR-ARROW-COLOR: #f6f7ef;
    SCROLLBAR-TRACK-COLOR: #dfdfdf;
    SCROLLBAR-DARKSHADOW-COLOR: #a5a5a5
}

.scrollstyle
{
    SCROLLBAR-FACE-COLOR: #d4d4d4;
    SCROLLBAR-HIGHLIGHT-COLOR: #cecece;
    SCROLLBAR-SHADOW-COLOR: #ddd9d9;
    SCROLLBAR-3DLIGHT-COLOR: #b3b3b3;
    SCROLLBAR-ARROW-COLOR: #f6f7ef;
    SCROLLBAR-TRACK-COLOR: #dfdfdf;
    SCROLLBAR-DARKSHADOW-COLOR: #a5a5a5;
    
    background-color:#f6f6f6;
	background-image: url(../images/bodybg.jpg);
	background-repeat:repeat-x;  
}

.bodybg
{
	background-color:#f6f6f6;
	background-image: url(../images/bodybg.jpg);
	background-repeat:repeat-x;
	/*background-position:bottom;*/
}
/*learner_home pg - END*/
/*login pg - START */
.login_bodybg
{
	background-color:#f6f6f6;
	background-image: url(../images/login_bodybg.jpg);
	background-repeat:repeat-x;
}
.login_boxbg
{
	background-image: url(../images/loginbox_bg.jpg);
	background-repeat:repeat-x;
}
.pagelogin_maintable /*used to control page height*/
{
    WIDTH: 100%;
    HEIGHT: 298px;
}
.a1_login:link {
	font-family: Arial;
	FONT-SIZE: 13px;
	color: #000000;
	text-decoration: none;
}
.a1_login:visited {
	font-family: Arial;
	FONT-SIZE: 13px;
	color: #000000;
	text-decoration: none;
}
.a1_login:hover {
	font-family: Arial;
	FONT-SIZE: 13px;
	color: #000000;
	text-decoration: underline;
}
/*login pg - END */
/*footer - START */
.footerbg
{
	background-color:#0066CB;
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #FFFFFF;
	height:50px;
	vertical-align:middle;
} 
.a1_footer:link {
	font-family: Arial;
	FONT-SIZE: 13px;
	color: #FFFFFF;
	text-decoration: underline;
}
.a1_footer:visited {
	font-family: Arial;
	FONT-SIZE: 13px;
	color: #FFFFFF;
	text-decoration: underline;
}
.a1_footer:hover {
	font-family: Arial;
	FONT-SIZE: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
/*footer - END */
/*course list -START*/
.gridouterpanel {
	BORDER-RIGHT: #BED2E6 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #BED2E6 1px solid; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #BED2E6 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #BED2E6 1px solid; 
	BACKGROUND-COLOR: #D7E4EC;
}
.gridinnerpanel {
	BORDER-RIGHT: #ffffff 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #ffffff 1px solid; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #ffffff 1px solid; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	BACKGROUND-COLOR: #D7E4EC;
}
.listingheading {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 4px; 
	COLOR: #2B60A3; 
	PADDING-TOP: 4px; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: #E7EFF4;
}
.listingbluebg {
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #D7E4EC 1px solid; 
	PADDING-LEFT: 4px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 4px; 
	COLOR: #0F0E0E; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #D7E4EC 1px solid; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: #F0F5F8;
}
.listingwhitebg {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 4px; 
	COLOR: #0F0E0E; 
	PADDING-TOP: 4px; 
	FONT-FAMILY: Arial;
	background-color:#FFFFFF;
}
/*course list -END*/
/*classes common - START */
.textwhite
{
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #FFFFFF;
}
.textgrey
{
    font-family: Arial;
	FONT-SIZE: 13px;
	color: #FFF;
	line-height:16px;
    TEXT-DECORATION: none
}
.formstyle
{
    background-color:#FFFFFF;
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #000000;
	border: solid 1px #0066CB;
	/*height:15px;*/
}

.btnred
{
    FONT-WEIGHT: bold;
    FONT-SIZE:12px;
	background-color:#85ac15;
    CURSOR: hand;
    COLOR: #FFFFFF;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    HEIGHT: 20px;
	border: none;
	background-image: url(../images/buttonback.jpg);
	background-repeat:repeat-y;
}


.a1:link {
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #000000;
	text-decoration: none;
}
.a1:visited {
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #000000;
	text-decoration: none;
}
.a1:hover {
	font-family: Arial;
	FONT-SIZE: 12px;
	color: #000000;
	text-decoration:underline;
}
/*classes common - END */
/*Changes for Abbott Diabetes 'theme' skin - END   */
.breadcrumps
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.clickable
{
    CURSOR: hand
}
.required
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #cc0033;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.messageToUser
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #cc0033;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.subText
{
    FONT-SIZE: 11px;
    COLOR: #757575;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.welcomeMessage
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.mellowText
{
    FONT-SIZE: 12px;
    COLOR: #757575;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.pageNos
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #006600;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.loadingText
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.readonlyField
{
    BACKGROUND-COLOR: #fefaf5
}
.a1:link
{
    FONT-SIZE: 12px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a1:visited
{
    FONT-SIZE: 12px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a1:hover
{
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.a1_disabled
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a2:link
{
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a2:visited
{
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a2:hover
{
    FONT-SIZE: 11px;
    COLOR: #dbe783;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a2_selected
{
    FONT-SIZE: 11px;
    COLOR: #dbe783;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a2_disabled
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a3:link
{
    FONT-SIZE: 12px;
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a3:visited
{
    FONT-SIZE: 12px;
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a3:hover
{
    FONT-SIZE: 12px;
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a4:link
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: None
}
.a4:visited
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: None
}
.a4:hover
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: Underline
}
.a5:link 
{
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a5:visited 
{
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a5:hover 
{
    FONT-SIZE: 11px;
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a6:link
{
    FONT-SIZE: 11px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a6:visited
{
    FONT-SIZE: 11px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a6:hover
{
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.a7:link
{
    FONT-SIZE: 12px;
    COLOR:#191919;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a7:visited
{
   FONT-SIZE: 12px;
    COLOR:#191919;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.a7:hover
{
    FONT-SIZE: 12px;
    COLOR:#191919;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
 .textgrey
{
    FONT-SIZE: 12px;
    COLOR: #FFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.textgreybold
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textformgreybold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
 .formstyle
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 215px;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px
}

.formstyle_file
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 300px;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.formstyle_disabled
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 215px;
    COLOR: #666666;
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #fefaf5
}
.formstylesmall
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 75px;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px
}
.formstylemedium
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 150px;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px
}
.formstylesmall_disabled
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WIDTH: 75px;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #fefaf5;
}

.formstylesmall_readOnly
{
    BORDER-RIGHT: #618FCB 1px solid;
    BORDER-TOP: #618FCB 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #618FCB 1px solid;
    COLOR: #FFFFFF;
    font-weight:bold;
    BORDER-BOTTOM: #618FCB 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WIDTH: 75px;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #213a8d;
}

.formstylesmalllist_readOnly
{
    BORDER-RIGHT: #FFFFFF 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #FFFFFF 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #FFFFFF 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WIDTH: 75px;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #FFFFFF;
}
.formstylewide
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;    
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WIDTH: 350px;
    HEIGHT: 16px
}
.formstylewide_disabled
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;    
	COLOR: #666666; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WIDTH: 350px;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #fefaf5;
}
.dropdownstyle
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 215px;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #ffffff
}
.dropdownstyle_wide
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #ffffff
}
.dropdownstyle1
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #ffffff
}
.dropdownstyle_disabled
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 215px;
    COLOR: #666666;
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #fefaf5
}
.dropdownstyleWide
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #ffffff
}
.dropdownstyleWide_disabled
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #fefaf5
}
.dropdownstyleWidthWide
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 350px;
	COLOR: #000000; 
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #ffffff
}
.dropdownstyleWidthWide_disabled
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    WIDTH: 350px;
    COLOR: #666666;
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #fefaf5
}
.textorange
{
    FONT-SIZE: 12px;
    COLOR: #f38033;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textmenu
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.texttimer
{
	FONT-SIZE: 16px; 
	FONT-WEIGHT: bold;
	COLOR: #003366; 
	background-color:#D0D7A3; 
	FONT-FAMILY: Arial
}
.textHelpHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textRed
{
    FONT-SIZE: 12px;
    COLOR: #cc0033;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textblack
{
    line-height:18px;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textblacksmall
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textboldblack
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textboldred
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.bordertop
{
    BORDER-TOP: #cccccc 1px solid;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-LEFT-COLOR: #cccccc;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: #cccccc;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #cccccc
}
.bordertop2
{
    BORDER-RIGHT: #d1d0ce 1px;
    BORDER-TOP: #d1d0ce 1px solid;
    BORDER-LEFT: #d1d0ce 1px;
    BORDER-BOTTOM: #d1d0ce 1px
}
.borderall
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid
}
.borderallwhite
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid
}
.borderbottom
{
    BORDER-RIGHT: #d1d0ce 1px;
    BORDER-TOP: #d1d0ce 1px;
    BORDER-LEFT: #d1d0ce 1px;
    BORDER-BOTTOM: #d1d0ce 1px solid
}
.borderbottom2
{
    BORDER-RIGHT: #b4b4b4 1px;
    BORDER-TOP: #b4b4b4 1px;
    BORDER-LEFT: #b4b4b4 1px;
    BORDER-BOTTOM: #b4b4b4 1px solid
}
.borderbottom3
{
    BORDER-RIGHT: #666666 1px;
    BORDER-TOP: #666666 1px;
    BORDER-LEFT: #666666 1px;
    BORDER-BOTTOM: #666666 1px solid
}
.borderallWithBGColor
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BACKGROUND-COLOR: #d7dadd
}

.btnreddisabled
{
   FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
	background-color:#1c2172;
    CURSOR: hand;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    HEIGHT: 18px;
	border: none;
}


.formtable
{
   BACKGROUND-COLOR: #d9dbe3;
}
.formHeader
{
	background-color: #EDEEEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
    COLOR: #003366;
    height:20;
}
.listmaintable
{
    WIDTH: 100%;
    BACKGROUND-COLOR: #495fa9;
}
.listcentertable
{
    WIDTH: 100%;
    BACKGROUND-COLOR: #0c226b;
    border: 3px solid #0e2257;
}
.listsectiondivider
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    VERTICAL-ALIGN: middle;
    COLOR: #555555;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ededed;
    TEXT-ALIGN: left
}
.listcriteriaheader
{
    WIDTH: 100%;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #e6ebef
}
.listtable
{
    WIDTH: 100%
}
.listtablepaging
{
    WIDTH: 100%
}
.listtablegap
{
    HEIGHT: 10px
}
.listtableoptionsbar
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.listtableoptionsbarbg
{
    VERTICAL-ALIGN: middle;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ffffff
}
.listtableheadertext
{
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: #FFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #0c226b;
    TEXT-ALIGN: center
}
.listtableheadertext1
{
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #0c226b;
    TEXT-ALIGN: left;
	padding-left:6px;
}
.listtableheadertext2
{
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #618FCB;
	padding-left:6px;
}
.listtableheadertextbody
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    VERTICAL-ALIGN: middle;
    COLOR: #003366;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #dde4ec;
    TEXT-ALIGN: left
}
.listtablebodytext
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}
.listtablebodytextNoValidted
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #CBE0F6;
    TEXT-ALIGN: left
}
.listtablebodyimage
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
.listtablebodytextdisabled
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #939393;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #F2F2F2;
    TEXT-ALIGN: left
}
.listtablesummary
{
    BORDER-RIGHT: #d1d0ce 1px solid;
    BORDER-TOP: #d1d0ce 1px solid;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #d1d0ce 1px solid;
    BORDER-BOTTOM: #d1d0ce 1px solid;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #dde4ec
}
.pagemaintable
{
    WIDTH: 100%;
    HEIGHT: 380px
}
.popupmaintable
{
    WIDTH: 100%
}
.textareastyle
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #999999 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 80px;
    BACKGROUND-COLOR: #ffffff
}
.liststyle
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    WIDTH: 265px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #fefaf5
}
.background
{
    BACKGROUND-COLOR: #e3dacf
}
.menuIconsPanel
{
    BACKGROUND-COLOR: #071558;
}
.menuIconsPanel_bg
{
	background-image: url(../images/bg_topnav.gif);
	background-repeat:repeat-y;
}
.commonHeader
{
    BACKGROUND-COLOR: #FFF;
	background-image: url(../images/commonpanel_bg.gif);
	background-repeat:repeat-y;
}
.highlightBox 
{
	BACKGROUND-COLOR: #F2F8FF;
	border: 1px solid #CCCCCC;
}
.alertBox {
	BACKGROUND-COLOR: #fcf9e7;
	border: 1px solid #b4b4b4;

}
.alertText {
	FONT-SIZE: 12px;
	COLOR: #993300;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F6F6C3;

}
.textListFormBody
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ffffff
}
.textareastylemedium
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #999999 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 180px;
    BACKGROUND-COLOR: #ffffff
}
.textareastylelarge
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #999999 1px solid;
    WIDTH: 480px;
    COLOR: #000000;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 280px;
    BACKGROUND-COLOR: #ffffff
}
.textareastyleWithoutWidthHeight {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #999999 1px solid; COLOR: #000000; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.textareastylewide
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #999999 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WIDTH: 350px;
    HEIGHT: 100px;
    BACKGROUND-COLOR: #ffffff
}
.textareastylewide_disabled
{
    BORDER-RIGHT: #908f8f 1px solid;
    BORDER-TOP: #908f8f 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #908f8f 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #908f8f 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WIDTH: 350px;
    HEIGHT: 100px;
    BACKGROUND-COLOR: #fefaf5;    
}
.greyBG
{
	BACKGROUND-COLOR: #cccccc
}

.calendarBtn
{
    HEIGHT: 20px;
	Width: 18;
	font:bold 10pt arial; 
	border:2px solid silver;
}

.listtablebodytextShow
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #F2F0E3;
    TEXT-ALIGN: left
}
.listtablebodytextlocked
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #E0E0E0;
    TEXT-ALIGN: left
}
.listtablebodytextlocked1
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #f1f2f1;
    TEXT-ALIGN: left
}

.listblanktable
{
    VERTICAL-ALIGN: middle;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #ffffff
}
.listheadertable
{
    WIDTH: 100%; 
    HEIGHT: 24px;
    BACKGROUND-COLOR: #dde4ec;        
}
.listtableheadertextnonalign
{
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #dde4ec;      
}
.listtablebodytextcenter
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
.listtableheadertextbold
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
    FONT-WEIGHT: bold;
}
.liststylewide
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    WIDTH: 500px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #fefaf5
}

.textblackarial {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 15px; COLOR: #1C4652; FONT-WEIGHT: bold;
		}
/*added for learner courses calendar view*/		
.dayheader
{
	BACKGROUND-COLOR: #eeeeee;
	PADDING:4px;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma;
	FONT-WEIGHT: bold;
}
.dayitem
{
	BACKGROUND-COLOR: #dddddd;
	PADDING:4px;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma;
	FONT-WEIGHT: normal;
	Align: Center;
}
.boldday
{
	BACKGROUND-COLOR:  #dddddd;
	PADDING:4px;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma;
	FONT-WEIGHT: normal;
	Align: Center;
}
.caldropdownstyle {
	BORDER-RIGHT: #908f8f 1px solid;
	BORDER-TOP: #908f8f 1px solid;
	FONT-SIZE: 11px;
	Width: 100px;
	BORDER-LEFT: #908f8f 1px solid;
	COLOR: #333333;
	BORDER-BOTTOM: #908f8f 1px solid;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #ffffff;

}
.acal:link {
	FONT-SIZE: 11px; COLOR: #C30808; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.acal:visited {
	FONT-SIZE: 11px; COLOR: #C30808; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.acal:hover {
	FONT-SIZE: 11px; COLOR: #C30808; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline;
}
.sectionborder { border: solid 1px #D6D6D6; padding:8px; }

.SelectedOrgNode
{
    color: Maroon;
    font-weight: bold;
}

.asmt_wizard_column
{
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}
.listtableheadertextindex
{
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: middle;
    COLOR: #FFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 24px;
    BACKGROUND-COLOR: #1f2072;
    TEXT-ALIGN: left;
    padding-left:8px;
}

.homemenu:link
{
    FONT-SIZE: 13px;
    COLOR:#033570;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.homemenu:visited
{
    FONT-SIZE: 13px;
    COLOR:#033570;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.homemenu:hover
{
    FONT-SIZE: 13px;
    COLOR:#033570;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    TEXT-DECORATION:underline;
}
.menutopiconpanel
{
	vertical-align:top;
	FONT-SIZE: 12px;
    COLOR:#191919;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
	padding-right:6px;
	/*border-bottom: solid 1px #E8E8E8;*/
}

.menuIconsPanel, .menu_spacer
{
    /*BACKGROUND-COLOR: #e4edf4;*/
}


.menutop
{
	text-align:center;
}

.menutop a
{
    COLOR: #000000 !important;
}
.menutopicon
{
	height:32px;
	vertical-align:bottom;
	text-align:center;
}

.menutopicon a img
{
	/*height: 18px;*/
}

 .no-gutter-left
 {
     padding-left:0px !important;
 }
 .otp-table
 {
     float:left;
     width:100%;
 }
 
  .otp-table table tr td
  {
      float:left;
      width:261px !important;
  }
  .otpblock
  {
      float:left;
      width:55% !important;
  }

.wrap {
    max-width: 620px;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

h1 {
    margin-top: 0;
    color: #111827;
    font-size: 20px;
}

.caption {
    color: #4b5563;
    font-size: 14px;
    margin-bottom: 8px;
}

.category-label {
    font-weight: bold;
    color: #111827;
    margin-bottom: 4px;
}

/* Responsive 3x3 grid */
.grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(70px, 1fr));
    gap: 8px;
    margin: 12px 0 10px 0;
}

.cell {
    position: relative;
    aspect-ratio: 1 / 1; /* square, responsive */
    border-radius: 12px;
    overflow: hidden;
    background: #e5e7eb;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
    border: 2px solid transparent;
}

    .cell:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .cell img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .cell input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        inset: 0;
        cursor: pointer;
    }

    .cell.selected {
        border-color: #4f46e5;
        background: #eef2ff;
    }

.checkmark {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: rgba(22,163,74,0.95);
    color: #ecfeff;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.cell.selected .checkmark {
    display: flex;
}

.msg {
    margin: 6px 0 12px 0;
    font-size: 14px;
}

.btn-row {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.btn {
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 14px;
}

.btn-primary {
    background: #4f46e5;
    color: #f9fafb;
}

.btn-secondary {
    background: #e5e7eb;
    color: #111827;
}

@media (max-width: 480px) {
    .wrap {
        padding: 16px;
    }

    h1 {
        font-size: 18px;
    }

    .grid {
        gap: 6px;
    }
}

.captcha-wrapper {
    background: #f6f7fb; /* soft light grey */
    border: 1px solid #d8dbe8; /* subtle border */
    padding: 18px 20px;
    border-radius: 12px;
    margin: 15px auto; /* centers the block */
    display: flex;
    justify-content: center; /* centers grid inside */
    width: fit-content; /* shrink to fit content */
}

.small-grid {
    display: grid;
    grid-template-columns: repeat(3, 70px);
    gap: 10px;
    justify-content: center; /* extra centering safety */
}

.small-cell {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #d5d9e5;
    transition: 0.15s;
    position: relative;
}

    .small-cell:hover {
        transform: translateY(-2px);
        box-shadow: 0px 3px 8px rgba(0,0,0,0.08);
    }

    .small-cell.selected {
        border-color: #4f46e5;
        background: #eef2ff;
    }

    .small-cell img {
        width: 100%;
        height: 100%;        
        object-fit: contain;
    }

.checkmark {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
    background: #16a34a;
    color: #ffffff;
    border-radius: 999px;
    font-size: 11px;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.small-cell.selected .checkmark {
    display: flex;
}