﻿/*=========================== BODY & CONTAINERS ==================================*/
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #333333;
    padding: 0px;
    background: #ffffff;
    text-align: center;
    margin: 0;
}

.simplemastercontainer
{
    margin-left: auto;
    margin-right: auto;
    width: 716px;
    text-align: left;
} 

.defaultmastercontainer
{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    text-align: left;
}

.widescreenmastercontainer
{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    text-align: left;
} 

/*=========================== GENERAL STYLES - ALL PAGES ===========================*/


input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.fontlarge0
{
	font-size: 1.4em;
	font-weight: bold;
	color: #000000;
}
.fontlarge1 
{
	font-size: 1.4em;
	font-weight: bold;
	color: #6FA330;
}
.fontlarge2 
{

	font-size: 1.4em;
	font-weight: bold;
	color: #024812;
}

.fontlarge3
{

	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
}

.fontmedium0
{

	font-size: 1.2em;
	font-weight: bold;
	color:#000000;
}
.fontmedium1 
{
	font-size: 1.2em;
	font-weight: bold;
	color: #6FA330;
}
.fontmedium2 
{

	font-size: 1.2em;
	font-weight: bold;
	color: #024812;
}
.fontmedium3 
{

	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}

.fontsmall0
{
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
}
.fontsmall1
{
    font-size: 1.0em;
    font-weight: bold;
    color: #6FA330;
}
.fontsmall2 
{

	font-size: 1.0em;
	font-weight: bold;
	color: #024812;
}
.fontsmall3
{

	font-size: 1.0em;
	font-weight: bold;
	color: #ffffff;
}

.fontextrasmall0 
{
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
}

.fontextrasmall3 
{
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
}
.fontextrasmall4
{
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
}

.button1
{
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003300;
	border: 1px solid #FFFFFF;
}


.error
{
    color: #ff0000;
}
.requiredsymbol
{
    font-size: 1.1em;
    font-weight: bold;
    color: #024812;
}

.textshortcenter
{
    margin: 0 auto;
    position:relative;
    width:400px;
    text-align:justify;
}

.textmediumcenter
{
    margin: 0 auto;
    position:relative;
    width:450px;
    text-align:justify;
}

.displaymessage
{
    border: 1px solid #d3d3d3;
    padding: 15px;
    margin: 0 auto;
    position: relative;
    width: 450px;
    text-align: justify;
    background-color: #eaf4dc;
}

.divcenter
{
    margin: 0 auto;
    position:relative;
    text-align:justify;
}

.AlignMiddle
{
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.shadedbox
{
    border: 1px solid #d3d3d3;
    padding: 5px;
    margin: 0 auto;
    background-color: #e0e0e0;
}

.box
{
	border-spacing: 0;
}

.boxOutline
{
	border-width: 1px;
	border-style: solid;
	border-color: #d3d3d3;
}

.box th
{
	padding-left: 4px;
    padding-right: 4px;    
    background-color: #5e9c31;
    color:#ffffff;
    font-weight: bold;
    height: 20px;
}

.box td
{
    padding: 4px;
    
    min-height: 10px;
}

.boxAlt
{
    background-color: #eaf4dc;
    padding: 4px;
    min-height: 10px;
}

.boxSummaryLine
{
	padding: 4px;
    height: 10px;
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #808080;
}

.pricingMediumWhiteBottom
{
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	background-color: #c7e29f;
}

.pricingDarkWhiteBottom
{
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	background-color: #b2d581;
}

.unreadApplicantRow
{
	font-weight: bold;
}

.controlOutline
{
	border-width: 1px;
	border-style: solid;
	border-color: #7f9db9;
	padding: 2px;
}

.questioncommentheader
{
    border-style: solid none none none;
    border-width: 1px;
    border-color: #d0e9b1;
    background-color: #eaf4dc;
}

.tabOutline
{
	border-width: 1px;
	border-style: solid;
	border-color: #D0E9B1;
	padding:5px;
}

.tabOutlineActive
{
	border-width: 1px;
	border-style: solid;
	border-color: #D0E9B1;
	padding:5px;
	background-color: #c7e29f;
}

.tabOutlineNotActive
{
	border-width: 1px;
	border-style: solid;
	border-color: #D0E9B1;
	padding:5px;
	background-color: #eaf4dc;
}

.tabBottomBorder
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0E9B1;
}

.spacerline
{
    background-color:#6FA330;
    width:100%;
    height:1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.spacerlineslight
{
    background-color:#e0e0e0;
    width:100%;
    height:1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*=========================== BACKGROUND COLOURS ===========================*/

.backgrounddark
{
    background-color: #024812;
}
.backgroundlight
{
    background-color: #D0E9B1;
}


/*=========================== LINKS ===========================*/
a:link, a:visited
{
    color: #024812;
    font-size: 1.0em;
    font-weight: bold;
    background-color: transparent;
    padding-right: 0.2em;
    padding-left: 0.2em;
    text-decoration: underline;
}

a:hover
{
    color: #45661E;
    font-size: 1.0em;
    text-decoration: underline;
}

.smalllink:link, .smalllink:visited
{
    white-space:nowrap;
    color: #666666;
    font-size: 0.8em;
    font-weight: bold;
    background-color: transparent;
    padding-right: 0.2em;
    padding-left: 0.2em;
    text-decoration: underline;
}
.smalllink:hover
{
    color: #45661E;
    font-size: 0.8em;
    text-decoration: underline;
}

.lightlink a:link, .lightlink a:visited
{
    color: #FFFFFF;
}
.lightlink a:hover 
{
    color:#33FF00;
}

/*=========================== IMAGES AND LOGOS ===========================*/
.largelogo
{
    background-image: url(../images/logo_white_716x259.jpg);
    width:716px;
    height:259px; 
}


.linkshowhand:hover
{
    cursor:hand;
}

.signinquick
{
    background-image: url(../images/signinquickbg.jpg);
    width:272px;
    height:129px;
    text-align:center;
    vertical-align:middle;
}

.signinquickblack
{
    background-color:#000000;
    width:100%;
    text-align:center;
    vertical-align:middle;
}

/*=========================== HideForPrint ===========================*/
@media Print
{
    .hideforprint 
    {
        display:none;
    }
}


/*============== GRID STYLES ==================*/
.Grid
{
	border-top-style:solid;
	border-color: #ece9d8;
	border-top-width:1px;
	border-left-style:solid;
	border-left-width:1px;	

	border-right-style:solid;
	border-right-color: #aca899;
	border-right-width:1px;		
	border-bottom-style:solid;
	border-bottom-color: #aca899;
	border-bottom-width:1px;	
}

.Grid td
{
    padding: 4px;
}

.Grid th
{
    padding-left: 4px;
    padding-right: 4px;    
    background-color: #5e9c31;
    color:#ffffff;
    font-weight: bold;
    height: 20px;
}
.Grid th a:link, a:visited
{
    color: #ffffff;
    font-size: 1.0em;
    font-weight: bold;
    background-color: transparent;
    padding-right: 0.2em;
    padding-left: 0.2em;
    text-decoration: underline;
}
.Grid th a:hover
{
	color: #DDDDDD;
	font-size: 1.0em;
	text-decoration: underline;
}

.Grid td a:link, a:visited
{
    color: #024812;
    font-size: 1.0em;
    font-weight: bold;
    background-color: transparent;
    padding-right: 0.2em;
    padding-left: 0.2em;
    text-decoration: underline;
}
.Grid td a:hover
{
    color: #45661E;
    font-size: 1.0em;
    text-decoration: underline;
}

.GridItem
{
    background-color: #ffffff;
}
.GridAlt
{
    background-color: #eaf4dc;
}

.GridMediumAlt
{
	background-color: #c7e29f;
}

.GridDarkAlt
{
	background-color: #b2d581;
}

.GridTemplateBorderBottom
{
	border-bottom-color: #ece9d8;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

.GridTemplateBorderRight
{
	border-right-color: #ece9d8;
	border-right-width:1px;
	border-right-style:solid;
}
 
/*=========================== MASTER PAGE STYLES ===========================*/
.header
{
    width: 100%;
    height: 122px;
}

.pageheader
{
    font-size: 1.7em;
    color: #ffffff;
    font-style: italic;
}

/*=========================== HORIZONTAL MENU CONTROL ===========================*/
.horizontalmenu
{
	font-size: 1.0em;
	font-weight: bold;
	color: #f0f0f0;
}

.horizontalmenu a:link, .horizontalmenu a:visited
{
	font-size: 1.0em;
	font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    text-decoration:underline;
    padding-right: 0.2em;
    padding-left: 0.2em;
}
.horizontalmenu a:hover 
{
	font-size: 1.0em;
	font-weight: bold;
    color:#33FF00;
    text-decoration:underline;
    padding-right: 0.2em;
    padding-left: 0.2em;
}

.horizontaltextsmall
{
    font-weight:bold;
	font-size: 0.8em;
	color: #f0f0f0;
}



/*=========================== VERTICAL LEFT BOX CONTROLS ===========================*/

.verticalmenubox
{
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
}
.verticalmenucompany
{
    margin-left: 20px;
    margin-right: 20px;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
}
.verticalmenulink
{
	font-size: 1.0em;
    margin-bottom:3px;
}
.verticalmenulink a:link, .verticalmenulink a:visited
{
    color: #FFFFFF;
}
.verticalmenulink a:hover 
{
    color:#33FF00;
}
.verticalmenulinkselected
{
	font-size: 1.0em;
    margin-bottom:3px;
}
.verticalmenulinkselected a:link, .verticalmenulinkselected a:visited
{
    color: #FFFF00;
}
.verticalmenulinkselected a:hover 
{
    color:#33FF00;
}

.verticalmenuline
{
    background-color:#024812;
    width:80%;
    height:1px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 2px;
    margin-bottom: 10px;
}

/*=========================== ADMIN Styles ===========================*/
.adminmenu
{
    background-color:#dddddd;
    vertical-align:bottom;
    text-align:right;
    padding-top:0.4em;
    padding-bottom:0.4em;
}

/*=========================== SPECIFIC Single-Use Styles ===========================*/
.popupvideobutton
{
    background-image: url(../images/icons/icons_play.jpg);
    font-size: 9px;
    font-weight: bold;
    color: #000000;
}
.popupvideobutton:hover
{
    background-image: url(../images/icons/icons_play_over.jpg);
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
}

.rankradiobuttonlistclass td
{
    vertical-align:top;
    width: 50px;
    text-align: center;
}

.previewOutline
{
	border-width: 1px;
	border-style: solid;
	border-color: #024812;
	padding: 15px;
}

.myprofilehighlight
{
    border: 1px solid #d3d3d3;
    padding: 5px;
    margin: 0 auto;
    background-color: #ffffff;
}
