﻿
/******** Default Tags ********/
body 
{
	margin: 0px;
}

table
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	color: #232021;
}

p
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	color: #232021;
	margin: 0px;
	padding-bottom:8px;
	line-height: 1.3em;	
}

h1
{
	font-family: arial;
	font-size:22px;
	font-weight:bold;
	color: #384143;
	margin:0px;
}

h2
{
	margin:0px;
	font-family: arial;
	font-size:16px;
	font-weight:bold;
	color:#448700;
}

.greenBackground
{
	background-color:#c8dab9;
	padding:3px;
}

.smallText
{
	font-size:10px;
}

.footerText
{
	font-family:Verdana, Sans-Serif; font-size:9px;
}

.underline
{
	background-image:url(../images/underline.gif); background-repeat:repeat-x; height:2px;
}

img
{
	border: 0px;
}

ul
{
	margin-top: 0;
    border-top-width: 0;
    padding-top: 8px;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
}
.dropDownList
{
	height: 18px;
	margin-right:0px;
	width:230px;
	font-size:11px;
}

.mainTable
{
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #b3b7b8;
	border-right: 1px solid #b3b7b8;
	border-bottom: 1px solid #b3b7b8;
}

.bottomTable
{
	margin-left: auto;
	margin-right: auto;
}

.defaultPadding
{
	height:8px;
}

.defaultSmallPadding
{
	height:6px;
}
.pointPadding
{
	padding-left:28px;
	padding-right: 8px;
}

/******** Panels ********/
.kopernikMediaPanel
{
	background-image: url(../images/panels/kopernikMediaPanel.gif);
	background-repeat: repeat-x;
	width: 970px;
	height: 28px;
}

.kopernikGroupLogo
{
	background-image: url(../images/kopernikGroup.gif);
	width: 96px;
	height: 28px;
}

.kopernikGroupMouseOver
{
	background-image: url(../images/kopernikGroupOver.gif);
	width: 96px;
	height: 28px;
}

.kopernikGroupMouseOut
{
	background-image: url(../images/kopernikGroup.gif);
	width: 96px;
	height: 28px;
}

.headerPanel
{
	height:100px;
	padding-left:16px;	
}

.menuPanel
{
	background-image: url(../images/menu/tabBackground.gif);
	background-repeat:no-repeat;
	height: 49px;
	width: 950px;
	padding-left:20px;
	vertical-align:bottom;
}

.subMenuPanel, .purpleSelectedSubMenu, .employerSelectedSubMenu, .greySelectedSubMenu
{
	height: 26px;
	width: 970px;
}

.breadCrumbsPanel
{
	background-image: url(../images/menu/greyBottomSubMenu.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 970px;
}

.studentBreadCrumbsPanel
{
	background-color: #f7931d;
	height: 24px;
	width: 970px;
}

.employerBreadCrumbsPanel
{
	background-color: #59b200;
	height: 24px;
	width: 970px;
}

.greyBreadCrumbsPanel
{
	background-color: #E5E5E5;
	height: 24px;
	width: 970px;
}

.purpleSelectedSubMenu
{
	background-color: #46396e;
}

.employerSelectedSubMenu
{
	background-color: #59b200;
}

.greySelectedSubMenu
{
	background-color: #e5e5e5;
}

.defaultBackground
{
	width:191px; 
	background-color: #e5e5e5; 
	height:100%;
}

.studentBackground
{
	width:191px; 
	background-color: #f7921e; 
	height:100%;
}

.employerBackground
{
	width:191px; 
	background-color: #58b200; 
	height:100%;
}
/******* Content Pages *******/
.mainBackground
{
	background-color: #e5e5e5;
}

.contentBackground
{
	background-color: #ffffff;
}

.contentBorder
{
	background-image: url(../images/contentTabBorder.gif); 
	background-position:bottom; 
	height:48px; 
	background-repeat:repeat-x; 
	width:580px;	
	background-color: #e5e5e5;
}

.contentTab
{
	background-image: url(../images/menu/tabs/contentTab.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	height:28px; 
	width:186px;
	background-color: #e5e5e5;
	color:#8e8e8e;
	font-size: 12px;
	font-family:Arial;
}

.contentTabContent
{
	padding: 0 8px 2px 8px;
}

.pageContentPadding
{
	padding: 4px 0px 4px 0px;
}

.contentPageHeading
{
	font-family: arial;
	font-size:22px;
	font-weight:bold;
	color: #384143;
	padding-left: 20px;
}

/******* Steps *******/
.step
{
	background-color: #e5e5e5;
}

.currentStep
{
	background-image: url(../images/steps/currentStep.gif);
	width:106px;
	height:48px;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #545d5f;
}

.currentStepTitle
{
	font-family:Arial;
	font-size: 12px;
	color: #545d5f;
}

.nextStep
{
	background-image: url(../images/steps/nextStep.gif);
	width:106px;
	height:45px;
	background-repeat:no-repeat;
	background-position:bottom;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #9b9d9d;
}

.nextStepTitle
{
	font-family:Arial;
	font-size: 12px;
	color: #9b9d9d;
}

.closedStep
{
	background-image: url(../images/steps/closedStep.gif);
	width:106px;
	height:45px;
	background-repeat:no-repeat;
	background-position:bottom;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
}

.closedStepTitle
{
	font-family:Arial;
	font-size: 12px;
	color: #ffffff;
}

.stepBorder
{
	background-image: url(../images/stepBorder.gif); 
	background-position:bottom; 
	height:56px; 
	background-repeat:repeat-x; 
	background-color: #e5e5e5;
}

.stepBorderSpacing
{
	background-image: url(../images/stepBorder.gif); 
	background-position:bottom; 
	width:3px;
	background-repeat:repeat-x; 
	background-color: #e5e5e5;
}

/******* Orange Steps *******/
.step
{
	background-color: #e5e5e5;
}

.currentStepOrange
{
	background-image: url(../images/steps/currentStep.gif);
	width:106px;
	height:48px;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #545d5f;
}

.currentStepTitle
{
	font-family:Arial;
	font-size: 12px;
	color: #545d5f;
}

.nextStep
{
	background-image: url(../images/steps/nextStep.gif);
	width:106px;
	height:45px;
	background-repeat:no-repeat;
	background-position:bottom;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #9b9d9d;
}

.nextStepTitle
{
	font-family:Arial;
	font-size: 12px;
	color: #9b9d9d;
}

.closedStep
{
	background-image: url(../images/steps/closedStep.gif);
	width:106px;
	height:48px;
	background-repeat:no-repeat;
	background-position:bottom;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
}

.closedStepTitle
{
	font-family:Arial;
	font-size: 12px;
	color: #ffffff;
}

.stepBorderOrange
{
	background-image: url(../images/stepBorder.gif); 
	background-position:bottom; 
	height:56px; 
	background-repeat:repeat-x; 
	background-color: #f7921e; 
}

.stepBorderSpacingOrange
{
	background-image: url(../images/stepBorder.gif); 
	background-position:bottom; 
	width:3px;
	background-repeat:repeat-x; 
	background-color: #f7921e; 
}


/******* Forms *******/
.formQuestion
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
}

.greenFormRowNoPadding
{
	background-color: #e0f3ce;
}

.greenFormRow
{
	background-color: #e0f3ce;
	padding: 4px 8px 4px 8px;
}

.greyFormRow
{
	background-color: #eeeeee;
	padding: 4px 8px 4px 8px;
}

.whiteFormRowResults
{
	background-color: #ffffff;
	padding: 4px 8px 4px 8px;
}

.whiteFormRow
{
	background-color: #ffffff;
	padding: 4px 8px 4px 8px;
}

.greenFormRowSmall
{
	font-size: 11px;
	background-color: #e0f3ce;
	padding: 3px 8px 3px 8px;
}

.whiteFormRowSmall
{
	font-size: 11px;
	background-color: #ffffff;
	padding: 3px 8px 3px 8px;
}


.formContentTabPadding
{
	margin-top:15px;
	margin-left:20px;
	margin-right:10px;
}


/******* Landing Page *******/
.landingDescriptor
{
	font-family: arial;
	font-size: 16px;
	font-weight:bold;
	color: #232021;
}

/******** Text ********/
.h2Heading, .orangeHeading, .darkGreyHeading, .greenHeading
{
	font-family: arial;
	font-size:16px;
	font-weight:bold;
}

.orangeHeading
{	
	color:#f4782e;
}

.darkGreyHeading
{
	color:#232021;
}

.greenHeading
{
	color:#53a502;	
}

/******** Links ********/

a:link, a:hover, a:visited
{
    color: #448700;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:12px;   
}

a:hover
{
    color: #46396e;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:12px;
}

a:visited
{
    color: #46396e;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:12px;    
}

.smallLink a:link, .smallLink a:hover, .smallLink a:visited
{
    color: #f37021;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:10px;   
}

.smallLink a:hover
{
    color: #448700;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:10px;
}

.smallLink a:visited
{
    color: #448700;
    text-decoration:none;
    font-family:Verdana, Sans-Serif;
    font-size:10px;    
}

.undecoratedLink a:link, .undecoratedLink a:hover, .undecoratedLink a:visited
{
    color: #232021;
    text-decoration:none;
    font-family:Verdana, Sans-Serif;
    font-size:9px;   
}

.undecoratedLink a:hover
{
    color: #232021;
    text-decoration:none;
    font-family:Verdana, Sans-Serif;
    font-size:9px;
}

.undecoratedLink a:visited
{
    color: #232021;
    text-decoration:none;
    font-family:Verdana, Sans-Serif;
    font-size:9px;    
}

.menuLink a:link, .menuLink a:hover, .menuLink a:visited
{
    color: #ffffff;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:14px;   
}

.boldLink a:link, .boldLink a:hover, .boldLink a:visited
{
    color: #f37021;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:12px;  
    font-weight:bold; 
}

.boldLink a:hover
{
    color: #448700;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:12px;
    font-weight:bold;
}

.boldLink a:visited
{
    color: #448700;
    text-decoration:underline;
    font-family:Verdana, Sans-Serif;
    font-size:12px;    
    font-weight:bold;
}

.whiteLink a:link, .whiteLink a:hover, .whiteLink a:visited
{
    color: #e5e5e5;
    text-decoration:none;
    font-family:Verdana, Sans-Serif;
    font-size:12px;   
}

.whiteLink a:hover
{
    color: #e5e5e5;
    text-decoration:none;
    font-family:Verdana, Sans-Serif;
    font-size:12px;
}

.whiteLink a:visited
{
    color: #e5e5e5;
	text-decoration:none;
    font-family:Verdana, Sans-Serif;
    font-size:12px;    
}

.menuRight
{
	color: #ffffff;
    font-family:Verdana, Sans-Serif;
    font-size:14px;   
}

/********* Errors/Notification ************/
.errorMessage
{
	background-color: #fbb39a;
	border: solid 1px #fc7647;
	width:739px;
	padding: 0px 8px 0px 8px;
}

.customWidthErrorMessage
{
	background-color: #fbb39a;
	border: solid 1px #fc7647;
	padding: 0px 8px 0px 8px;
}

.notificationMessage
{
	background-color: #d0e4be;
	border: solid 1px #448700;
	width:739px;
	padding: 0px 8px 0px 8px;
}

.customWidthNotificationMessage
{
	background-color: #d0e4be;
	border: solid 1px #448700;
	padding: 0px 8px 0px 8px;
	width:100%;
}

.errorMessageFirstLine
{
	font-weight:bold;
}

.errorMessagePadding
{
	height: 8px;
}

.errorMessagePoints
{
	padding-left:8px;
}

.notificationMessageBottomPadding
{
	padding-bottom:12px;
}
/********** Member Area **********/
.memberTab
{
	color: #494e4f;
	font-family: Arial;
	font-size: 15px;
}

.memberTabLink a:link, .memberTabLink a:hover, .memberTabLink a:visited
{
	color: #494e4f;
	font-family: Arial;
	font-size: 15px;
	text-decoration:none;	
}

.memberTabLink a:hover
{
    color: #494e4f;
	font-family: Arial;
	font-size: 15px;
	text-decoration:none;
}

.memberTabLink a:visited
{
    color: #494e4f;
	font-family: Arial;
	font-size: 15px;
	text-decoration:none;    
}

.memberAreaBox
{
	border-top: 0px;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
}

.memberAreaBoxButtons
{
	padding: 8px;
}

.memberAreaBoxTopBorder
{
	background-image: url(../images/memberAreaBoxTopBorder.gif);
	height: 2px;
	background-repeat:repeat-x;
}

.messageAreaBoxTopBorder
{
	background-image: url(../images/memberAreaBoxTopBorder.gif);
	height: 2px;
	background-repeat:repeat-x;
	background-position:bottom;
}

.memberAreaHeading
{
	color: #7b7b7b;
	font-family: Arial;
	font-size: 24px;
}

.memberDetails
{
	width: 503px;
}

/******** alert box *********/
.alertTab
{
	background-image: url(../images/menu/tabs/alertTab.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#ffffff;
	width:86px;
	height:26px;
	color:#8e8e8e;
	font-size: 12px;
	font-family:Arial;
}

.alertBoxTopBorder
{
	background-image: url(../images/memberAreaBoxTopBorder.gif);
	background-position:bottom;
	height: 2px;
	width:234px;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

.alertBoxTopEmployerBorder
{
	background-image: url(../images/memberAreaBoxTopBorder.gif);
	background-position:bottom;
	height: 2px;
	width:230px;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

.alertBox
{
	border-top: 0px;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	width:325px;
}

.workMateTab
{
	background-image: url(../images/menu/tabs/workMateTab.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#ffffff;
	width:110px;
	height:26px;
	color:#8e8e8e;
	font-size: 12px;
	font-family:Arial;
}

.workMateBoxTopBorder
{
	background-image: url(../images/memberAreaBoxTopBorder.gif);
	background-position:bottom;
	height: 2px;
	width:238px;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

/******* Dynamic **********/
.firstDynamicRow
{
	padding-bottom:3px;
}
/****** default tabs ******/
.defaultBorder, .defaultBorderSpacing, .defaultBorderFiller
{
	background-image: url(../images/contentTabBorder.gif); 
	background-position:bottom; 
	height:24px; 
	background-repeat:repeat-x; 
	width:20px;	
	background-color: #e5e5e5;
}

.defaultBorderSpacing
{
	width:1px;	
}

.defaultBorderFiller
{
	width:246px;	
}

.defaultTab
{
	background-image: url(../images/menu/tabs/memberTabs/unSelectedTab.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	background-color:#e5e5e5;
	height:27px;
	width: 128px;
}

.defaultSelectedTab
{
	background-image: url(../images/menu/tabs/memberTabs/selectedTab.gif); 
	background-position:bottom; 
	background-repeat:no-repeat;
	height:30px;
	width: 128px;
}

.studentViewTab
{
	background-image: url(../images/menu/tabs/memberTabs/studentUnSelectedTab.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	background-color:#e5e5e5;
	height:27px;
	width: 128px;
}

.studentViewSelectedTab
{
	background-image: url(../images/menu/tabs/memberTabs/studentSelectedTab.gif); 
	background-position:bottom; 
	background-repeat:no-repeat;
	height:30px;
	width: 128px;
}

/************* Validate results ***************/
.validateResults
{
	background-image: url(../images/validateBackground.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 568px;
	height: 250px;
}


.radioButtonList
{
	border-collapse:collapse;
	border-width:0px;	
}
.radioButtonListCells td
{
	border-top: #dedede 1px solid;
	border-left: 0px;
	border-right: 0px;
	height:40px;
	padding-left:8px;
	width:144px;
}

.radioButtonListCellsRight td
{
	border-top: #dedede 1px solid;
	border-left: 0px;
	border-right: 0px;
	height:40px;
	padding-left:8px;
	padding-right:10px;
	width:32px;
}