/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 0px;
    padding: 0px;

}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
.norepeat
{background-repeat:no-repeat;}
A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

	

IMG.logo
{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

/* Navigation */
a.adminnav
{
	color: #9999ff;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.adminnav:visited
{
	color: #9999ff;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.adminnav:hover
{
	color: #99ccff;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}

a.adminnav_selected
{
	color: #000099;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.adminnav_selected:visited
{
	color: #000099;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.adminnav_selected:hover
{
	color: #000099;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}

/* Course main menu */
a.cmm
{
	color: #9999ff;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.cmm:visited
{
	color: #9999ff;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.cmm:hover
{
	color: #99ccff;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}

a.cmm_selected
{
	color: #000099;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.cmm_selected:visited
{
	color: #000099;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.cmm_selected:hover
{
	color: #000099;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}

/* Command link */
a.cmdlink
{
	color: #0E6598;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.bluelinks
{
	color:#004077;
	text-decoration:underline;
	}
a.cmdlink:visited
{
	color: #0E6598;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.cmdlink:hover
{
	color: #16ABE2;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

/* Homepage link */
a.homelink
{
	color: #0E6598;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: none;
	text-decoration:underline;
}
a.homelink:visited
{
	color: #0E6598;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: none;
	text-decoration:underline;
}
a.homelink:hover
{
	color: #16ABE2;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: none;
	text-decoration:underline;
}

/* Homepage link atention */
a.homelink_attention
{
	color: #ff6633;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: none;
	text-decoration:underline;
}
a.homelink_attention:visited
{
	color: #ff6633;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: none;
	text-decoration:underline;
}
a.homelink_attention:hover
{
	color: #ff9933;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: none;
	text-decoration:underline;
}

/* Command selected */
a.cmdlink_sel
{
	color: #3300cc;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: none;
	text-decoration:underline;
}
a.cmdlink_sel:visited
{
	color: #3300cc;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: none;
	text-decoration:underline;
}
a.cmdlink_sel:hover
{
	color: #0099cc;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: none;
	text-decoration:underline;
}

/* Include trainee */
a.ct_include
{
	color: #009933;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.ct_include:visited
{
	color: #009933;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.ct_include:hover
{
	color: #00cc33;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

/* Revoke trainee */
a.ct_revoke
{
	color: #ff3366;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.ct_revoke:visited
{
	color: #ff3366;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.ct_revoke:hover
{
	color: #ff6666;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

/* Active trainee */
a.trainee_active
{
	color: #000000;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.trainee_active:visited
{
	color: #000000;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.trainee_active:hover
{
	color: #000000;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

/* Inactive trainee */
a.trainee_inactive
{
	color: #666666;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.trainee_inactive:visited
{
	color: #666666;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.trainee_inactive:hover
{
	color: #666666;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

/* Mail */
a.mail
{
	color: #3300cc;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.mail:visited
{
	color: #3300cc;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.mail:hover
{
	color: #0099cc;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

/* Doc link */
a.doclink
{
	color: #3300cc;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.doclink:visited
{
	color: #3300cc;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}
a.doclink:hover
{
	color: #0099cc;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

/* Datagrid */
.datagrid_header
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 22px;
	background-color: #005a9d;
	color:#FFFFFF;
}
.datagrid_item
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 25px;
	background-color: #FFFFFF;
	color:#355FBE;
}
.datagrid_Aitem
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 25px;
	background-color: #F8F8F8;
	color:#355FBE;
}
/* Courses Link */
a.clink
{
	color: #3300CC;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.clink:visited
{
	color: #3300CC;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.clink:hover
{
	color: #0066FF;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: underline;
}
/* Group Courses Link */
a.gclink
{
	color: #00CC66;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.gclink:visited
{
	color: #00CC66;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:none;
}
a.gclink:hover
{
	color: #00FF66;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration:underline;
}

a.commonlinks
{
	text-decoration: underline; 
	color: #003968; 
	font-size: 11px;
	}


.datagrid_pager
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	height: 25px;
}

/* Search Bar */

.searchbar
{
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	background-color:#CCCCFF;
	color: #3300cc;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}

.formtitles_traineelog
{
	color: #0E6598;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}


/* Buttons */
input.formbutton
{
	color: #1B1B1B;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #99ccff;
	border-color: #666666;
}
.font11
{
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	}
/* Titles */

.main_title
{
	color: #2B8AC2;
	font: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 15px;
	text-transform: none;
	font-weight: bold;
	font-style:normal;
}

.blue_title
{
	FONT-SIZE: 12px;
	COLOR: #003968;
}
	
.message_error
{
	color: #FF0000;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}

.message_ok
{
	color: #00CC00;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}

input
{
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	height: 20;
}

textarea
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

input.warning
{
	border-bottom: #ea1919 1px solid;
	border-left: #ea1919 1px solid;
	border-right: #ea1919 1px solid;
	border-top: #ea1919 1px solid;
	color: #1B1B1B;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	background-color: OldLace;
	height: 20;
}

.labeltitles
{
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.formtitles
{
	color: #0E6598;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}

.formtitles_error
{
	color: #FF0000;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}

td.login_titles
{
	background-color: #ffffff;
	background-image: url(images/ltitle.gif);
	background-repeat: repeat-x;
	color: #3b3b3b;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}

td.login_ver
{
	color: #8c8c8c;
	font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}


td.formtitles2
{
	border-top: #8c8c8c 1px solid;
	color: #333333;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: lighter;
}


td.formtitles_warn
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #b80000;
}

span.glossary_title
{
	padding-left: 30px;
	font: bold 12px Verdana;
	color: #405a6d;
	text-align: center;	
}
span.glossary_keywords
{
	font: bold 16px Verdana;
	color: #405a6d;
	text-align: center;
}

span.glossary_title a
{
	font: bold 12px Verdana;
	color: #405a6d;
	text-decoration: underline;
	
	
}

span.glossary_title a:visited
{
	font: bold 12px Verdana;
	color: #405a6d;
	text-decoration: underline;
}

.redasterisk{
    color:Red;
    font-size:small;
    padding: 0 5px 0 5px;
}
.headertitle
{
	font-size: 16px; 
	color: #005a9d; 
	font-weight: bold; 
	margin: 0px;
	}
	
div.glossary_text
{
	padding-left: 30px;
	padding-right: 80px;
	font: 11px Verdana;
	text-align: left;
}

.WrongAnswers
{
  font-family:Verdana;
  font-size:10px;
  color:#0066CC;
  margin-left:20px;	
  padding:3px;
}


TD.TblHeader
{
	background-image: url(design/newDesign/images_co/titles.jpg);
	background-repeat: no-repeat;
	text-transform: none;
	padding: 20px 20px 30px 20px;
    text-align:center;
	}
TD.rboxheader
{
	background-image: url(design/newDesign/images_co/bluebox_certification_full.jpg);
	background-repeat: no-repeat;
	text-transform: none;
	height:38px;
	padding: 30px 20px 0px 20px;
	}
TD.rboxcontent
{
	background-image: url(design/newDesign/images_co/bluebox_center_full.jpg);
	background-repeat: repeat-y;
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 11px; 
	color: black;
	vertical-align:top;
	}
TD.bboxheader
{
	background-image: url(design/newDesign/images_co/news_up_full.jpg);
	background-repeat: no-repeat;
	text-transform: none;
	height:34px;
	padding: 30px 20px 0px 20px;
    text-align:left;
	}
TD.bboxcontent
{
	background-image: url(design/newDesign/images_co/news_center_full.jpg);
	background-repeat: repeat-y;
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 11px; 
	color: black;
	vertical-align:top;
    text-align:left;
    height:150px;
	}
TD.bboxfooter-news
{
	background-image: url(design/newDesign/images_co/news_bottom_full.jpg);
	background-repeat: no-repeat;
}
TD.bboxfooter-cert
{
	background-image: url(design/newDesign/images_co/bluebox_bottom_full.jpg);
	background-repeat: no-repeat;
}
TD.tdmailicon{vertical-align:top;background-color:#E5F4F9;}
TD.tdmailicon div{
    background-image: url(design/newDesign/contacts_top.jpg);
	background-repeat: no-repeat;
    width:115px;
    height:82px;
}
TD.tdbluebox_users{
    background-image: url(design/newDesign/bluebox_users.jpg);
	background-repeat: no-repeat;
    width:114px;
    height:78px;
}

TD.tdsubheader{
    padding-left: 30px; 
    padding-top: 0px; 
    text-align:left;
    width:960px;
    height:59px;
    background-repeat: no-repeat;
}
TABLE.tblflags
{
	font-family: Verdana;
	font-size:13px;
	font-weight:bold;
	width:100%;
	}
TABLE.tblflags TD
{
    text-align:left;
}
TABLE.tblflags TR
{
	height:40px;
	}
ul.bullet
{
list-style-type: none;
padding: 0;
margin: 0;
}
ul.bullet li
{
background-image: url(design/newdesign/bullet.gif);
background-repeat: no-repeat;
background-position: 0% 10%;
padding: 0px 10px 10px 15px;
}
* html ul.bullet li
{height:13px;}

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

		UL.tabNavigation LI {
		    display: inline;
		    font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}

		UL.tabNavigation LI A {
		    padding: 3px 5px;
		    height:15px;
		    background-color: #d6edf5;
		    color: #26448c;
		    text-decoration: none;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #26448c;
		    color: #d6edf5;
		    padding: 3px 5px;
		    height:15px;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			padding: 0px;
			margin-top: 3px;
			border: 0px solid #333;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}
/*** Font Styles ***/
.txtbold{font-weight:bold;}

/*color*/
.txtWhite{color:White!Important;}
.txtRed{color:#c00002;}
.txtGr{color:#005a9d;}
/*Size*/
.txt11{font-size:11px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt20{font-size:20px;}
.txt22{font-size:22px;}
/*Align*/
.vtop{vertical-align:top;}
.aleft{text-align:left;}
.ajust{text-align:justify;}

/*LOGIN BUTTON*/
#btnLogin{
    width: auto;
    height: 40px;
    float:right;
}
#btnLogin #btnLoginLeft{
 	background-image: url(design/newdesign/btn_login_left.gif);
	background-repeat: no-repeat;
    float:left;
    width: 35px;
    height: 31px;
}
#btnLogin #btnLoginMiddle{
 	background-image: url(design/newdesign/btn_login_middle.gif);
	background-repeat: repeat-x;
    background-position: bottom center;
    padding: 14px 0 0 0;
    float:left;
    width: auto;
    height: 17px;
}
#btnLogin #btnLoginMiddle a{
    text-decoration: none!Important; 
    text-transform: uppercase;
    font-weight:bold;
    font-size:11px;
    color: #04488f;
}

#btnLogin #btnLoginRight{
 	background-image: url(design/newdesign/btn_login_right.gif);
	background-repeat: no-repeat;
    background-position: bottom center;
    float:left;
    width: 2px;
    height: 31px;
}
.clear {
 clear: both;
}