/* 
GUI_Wizard.css Stylesheet used for the STCW Wizard 
*/

/* BEGIN: General top level element definitions */
BODY {
	background-color : White;
	color : Black;
	font : 10pt Verdana, sans-serif;
}

TABLE {
	padding : 0px;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	font : 9pt Verdana, sans-serif;
}

TD	{
	padding : 0px;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	font :  9pt Verdana, sans-serif;
	vertical-align : top;
}

TH	{
	padding : 0px;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	text-align : left;
	font : 9pt Verdana, sans-serif;
}
/* END: General top level element definitions */

/* 
BEGIN: Classes for white and black table underlines
*/
TD.clsDividerline	{
	padding : 0px;
	width : 100%;
	height : 1px;
	background-color : Black;
}

TD.clsDividerline2	{
	padding : 0px;
	width : 100%;
	height : 1px;
	background-color : White;
}
/* 
END: Classes for white and black table underlines
*/

/*
BEGIN: Classes for the main results window/table
USED BY: Requirements, Certificate details, Course details
*/
TABLE.clsTbl {
	padding : 0px;
	font : 9pt Verdana, sans-serif;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	margin-left : 2%;
	width : 98%;
}

TH.clsTblColIcon {
	width : 2%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : center;
}
TH.clsTblColMain {
	width:42%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
}
TH.clsTblColComments {
	width : 25%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
}
TH.clsTblColRef1 {
	width : 14%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
}
TH.clsTblColRef2 {
	width : 13%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
}
TH.clsTblColCriteriaType {
	width : 11%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
}
TH.clsTblColCriteriaText {
	width : 31%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
}

TH.clsTblColGeneral {
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
}

/*Definitions for the Training Centers results view */
TH.clsTCHdIcon {
	width : 2%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;	
}
TH.clsTCHd1 {
	width : auto;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;	
}
TH.clsTCHd2 {
	width : auto;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;	
}
TH.clsTCHd3 {
	width : auto;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;	
}
TH.clsTCHd4 {
	width : auto;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;	
}
TH.clsCertHd {
	width : auto;
 	color: #FFFFFF;
	font-weight: bold;
	background-color: #6699CC;
	text-align : left;
	white-space: nowrap;
}
/* Odd rows */
.clsTblRwOdd   { 
	background-color: #FFFFFF;
}

/* Even rows */
.clsTblRwEven {
	background-color: #E0E0E0;
}

/* Table icons format */
.clsTblColIconStyle	{
	color : Red;
	text-align : center;
	font-weight : bold;
}
/*
END: Classes for the main results window/table
*/

/*
BEGIN: Classes for the details windows
USED BY: Certificate details, Course details, Age details, Criteria details
*/
TABLE.clsTblDtls {
	padding : 0px;
	font : 9pt Verdana, sans-serif;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	margin-left : 2%;
	width : 98%;
}

/* Vertical header cell: For use in tables with vertical header cells */
TD.clsSide {
	width : 22%;
	color: #FFFFFF; 
	font-weight: bold;
	background-color: #6699CC;
	text-align : left;
	vertical-align : top;
	text-indent : 2%;
	white-space: nowrap;
}

TD.clsSide2 {
	width : 1%;
	color: Black; 
	background-color : White;
	text-align : left;
	vertical-align : top;
}

TD.clsSide3 {
	width : 77%;
	color: Black; 
	background-color : White;
	vertical-align : top;
}

TD.clsTblColDtls	{
	width : 78%;
	background-color : White;
	color : Black;
	font : 9pt Verdana, sans-serif;
	font-weight : normal;	
	vertical-align : top;
	text-align : left;
}

TD.clsTblColDtlsPic	{
	width : auto;
	background-color : White;
	color : Black;
	font : normal 9pt Verdana, sans-serif;
	vertical-align : top;
}

TD.clsTblColDtlsTitle {
	width : 20%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
	vertical-align : top;
}
/*
END: Classes for the details windows
*/

/*
BEGIN: Classes for the main menu
USED BY: Requirements, Training Centers, Flagstate
*/

TABLE.clsTblMenu {
	padding : 0px;
	font : 9pt Verdana, sans-serif;
	width : 100%;
	background-color: #6699CC;
	color : white;
	width: 100%;
}

TD.clsMenuCol1	{
	padding : 0px;
	width : 21%;
	text-indent : 3%;
}

TD.clsMenuCol2	{
	width : 3%;	
}

TD.clsMenuCol3	{
	width : 26%;	
}

TD.clsMenuCol4	{
	width : 18%;
	text-indent : 2%;	
}

TD.clsMenuCol5	{
	width : 26%;	
}

TD.clsMenuCol6	{
	width : 6%;	
}

TD.clsMenuTCCol1	{
	width : 17%;
	text-indent : 2%;
}

TD.clsMenuTCCol2	{
	width : 43%;	
}

TD.clsMenuTCCol3	{
	width : 6%;	
	text-indent : 2%;
}

TD.clsMenuTCCol4	{
	width : 34%;
	text-align: center;
	white-space: nowrap;
}

TD.clsTdBlank {
	
}

/* Active page */
.clsHdActive	{
	color : Black;
	text-align : center;
	font-weight : bold;	
}
/* Inactive page */
.clsHdInactive	{
	color : White;
	text-align : center;
	font-weight : bold;	
}

.clsMnuTabs {
	padding : 0px, 0px, 0px, 0px;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
}

.clsMnuTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	padding : 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #CCCCFF;
	color: Black;
	background-image: url(../images/menu/MNU_Middle.png);
	background-repeat: repeat-x;
	white-space: nowrap;
}

.clsMnuTopSel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	padding : 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #6699CC;
	color: White;
	background-image: url(../images/menu/MNU_Middle.png);
	background-repeat: repeat-x;
	white-space: nowrap;	
}

.clsMnuTopTxt {
	font-weight: bold;
	color: #0D444B;
	text-decoration: none;
	white-space: nowrap;
}

.clsMnuTopTxtSel {
	font-weight: bold;
	color: White;
	text-decoration: none;
	white-space: nowrap;
}

a.clsMnuTopTxt:link {
	font-weight: bold;
	color: #0D444B;
	text-decoration: none;
}

a.clsMnuTopTxt:hover {
	font-weight: bold;
	color: Red;
	text-decoration: none;
}

.clsMnuTopLogo1 {
	font-family: Arial Black;
	font-style: italic;
	font-size: 12pt;
	color: White;
	text-decoration: none;
}
.clsMnuTopLogo2 {
	font-family: Arial;
	font-style: italic;
	font-size: 12pt;
	color: White;
	text-decoration: none;
}
/*
END: Classes for the main menu
*/

/*
BEGIN: Classes for the definitions views
USED BY: Definitions page, definition lookup
*/
TABLE.clsTblDefinitions {
	padding : 0px;
	font : 9pt Verdana, sans-serif;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	margin-left : 2%;
	width : 98%;
}

TD.clsTblDefCell {
	padding : 0 0 10% 0;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	font : 9pt Verdana, sans-serif;
	vertical-align : top;
}

TH.clsTblDefName {
	width : 30%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
	vertical-align : top;
}

TH.clsTblDefDescription {
	width : 68%;
 	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #6699CC;
	text-align : left;
	vertical-align : top;
}
/*
END: Classes for the definitions views
*/

/* 
General table title 
USED BY: All table titles
*/
.clsTblTitle {
 	color: #000000; 
	font-weight: bold;
	letter-spacing : 3pt;
	background-color : White;
}

TABLE.clsInfo {
 	color: Black; 
	background-color: White;
	text-align : left;
	vertical-align : top;
	border : thin solid #6699CC;
	padding : 1pt 1pt 1pt 1pt;
	border-left : thin solid #6699CC;
	border-right : thin solid #6699CC;
	}

TD.clsInfo {
 	color: Black; 
	background-color: White;
	text-align : left;
	vertical-align : top;
	border : thin solid #6699CC;
	padding : 1pt 1pt 1pt 1pt;
	}

TR.clsInfo {
 	color: Black; 
	background-color: White;
	text-align : left;
	vertical-align : top;
	border : thin solid #6699CC;
	padding : 1pt 1pt 1pt 1pt;
	}	
/* 
Bold body text
USED BY: Query repeatitions, Approval text, etc.
*/
.clsBodyText   {
	font-size: 9pt;
	font-weight : bold; 
	color : Black;
}

.clsMainText   {
	font-size: 11pt; 
	color : Black;
}

.clsHd1	{
	font-size: 19pt; 	
	font-weight: bold;
}

.clsHd2	{
	font-size: 16pt; 	
	font-weight: bold;
}

.clsHd3	{
	font-size: 14pt; 	
	font-weight: bold;
}

.clsHd4	{
	font-size: 12pt; 	
	font-weight: bold;
}

.clsHlpHd1	{
	font-size: 19pt; 	
	font-weight: bold ;
	font-style : italic;
	color: #6699CC;
}

.clsHlpHd2	{
	font-size: 16pt; 	
	font-weight: bold ;
	font-style : italic;
	color: #6699CC;
}

.clsHlpHd3	{
	font-size: 14pt; 	
	font-weight: bold ;
	font-style : italic;
	color: #6699CC;
}

.clsHlpHd4	{
	font-size: 12pt; 	
	font-weight: bold ;
	font-style : italic;
	color: #6699CC;
}

.clsDropdown	{
	width : 100%;
}

/*
BEGIN: Classes for the STCW Convention files
USED BY: All STCW Convention files
*/
BODY.clsCvt {
	font-family : "Times New Roman", serif;
	background-color : White;
}

P.clsCvt	{
	font-family : "Times New Roman", serif;
	background-color : White;
	font-size : 12pt;	
}
TABLE.clsCvt {
	padding : 0px;
	font-family : "Times New Roman", serif;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
}
TABLE.clsCvtTbl {
	padding : 0px;
	font-family : "Times New Roman", serif;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	margin-left : 2%;
	width : 98%;
}

TD.clsCvtColNumber	{
	padding : 0px;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	font : 12pt "Times New Roman", serif;
	text-align : left;
	vertical-align : top;
	padding-bottom : 9pt;
	width : 5%;
}
TD.clsCvtColText	{
	padding : 0px;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	font : 12pt "Times New Roman", serif;
	text-align : left;
	vertical-align : top;
	padding-bottom : 9pt;
	width : 80%;
}
TH.clsCvt	{
	padding : 0px;
	border-collapse : collapse;
	border-style: none;
	border-left : none;
	border-top : none;
	border-bottom : none;
	border-right : none;
	text-align : left;
	font-family : "Times New Roman", serif;
}

TABLE.clsCvtSubLvl1	{
	margin-left : 6%;
	width : 94%;
}

TABLE.clsCvtSubLvl2	{
	margin-left : 11%;
	width : 89%;
}

.clsCvtRegHeader	{
	font : bold 12pt "Times New Roman", serif;
}

.clsCvtDefinition	{
	font : italic 12pt "Times New Roman", serif;
}
.clsCvtChapterHeading	{
	text-align : center;
	font : bold 12pt "Times New Roman", serif;
}

.clsCvtCopyright	{
	text-align : center;
	font :  bold 10pt "Times New Roman", serif;	
}

/*
END: Classes for the STCW Convention files
*/

.error
{
	text-align: left;
	font : bold 12pt "Times New Roman", serif;
	color: #ff0000;
}

P.reqHeader {
	font: bold 9pt "Verdana";
	color: #000000;
}

.clsIcon {
	border: 0px;
	vertical-align: middle;
}