.HomeSubMenuBackground
{
    background-image: url(../images/Proposal/NewImages/SelectMenuItem.jpg);
    height: 28px;
    width: 204px;
    background-repeat: no-repeat;
}

.AboutMagsaysaySubMenuBackground
{
    background-image: url(../images/Proposal/NewImages/SelectMenuItem.jpg);
    height: 28px;
    width: 204px;
    background-repeat: no-repeat;
}


.MenuDefaultIcon
{
    background-image: url(../images/Proposal/NewImages/ArrowRight.jpg);
    width: 15px;
    height: 10px;
    background-repeat: no-repeat;
}

.ApplicantSideMenuBackground
{
    background-image: url(../images/Proposal/NewImages/AboutMagsaysaySubMenuBackground.jpg);
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    height: 200px;
}


.TitleWithBackground
{
    font-size: 10pt;
    color: #0051a3;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 5px;
    font-variant: normal;
    background-color: #dddddd;
}



.TextMenu
{
    font-size: 8pt;
    font-style: normal;
    font-family: Arial;
    font-variant: normal;
    color: #f89617;
    text-transform: none;
    font-weight: bold;
    text-decoration: none;
}

.SubMenu
{
    font-size: 8pt;
    font-style: normal;
    font-family: Arial;
    font-variant: normal;
    color: #006699;
    font-weight: normal;
}


/* Menu box (orange with white filled rectangle) */

.HoverTitleBarMenu
{
    color: Black;
    font-family: Arial;
    font-size: small;
    font-weight: bold;
}

.HoverMenuBoxTitleLayout
{
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
}

/* 
=====================
Content box of hover 
=====================
*/

/* Orange Header of Container Box */

.BoxTitleLayout
{
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    padding-left: 8px;
}

.ContainerBoxHeaderLeftEdge
{
    background: url(../images/Proposal/NewMenu/HeaderMenu_01.gif) no-repeat;
    height: 30px;
    width: 16px;
}

.ContainerBoxHeaderMid
{
    background: url(../images/Proposal/NewMenu/HeaderMenu_02.gif) repeat-x;
    width: 170px;
    text-align: left;
}

.ContainerBoxHeaderRightEdge
{
    background: url(../images/Proposal/NewMenu/HeaderMenu_03.gif) no-repeat;
    height: 30px;
    width: 100px;
}


/* Content box */
.ContainerBoxUpperLeftEdge
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_01.gif) no-repeat;
    height: 13px;
    width: 14px;
}

.ContainerBoxUpperMid
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_02.gif) repeat-x;
    height: 13px;
    width: 14px;
}

.ContainerBoxUpperRightEdge
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_03.gif) no-repeat;
    height: 13px;
    width: 14px;
}

.ContainerBoxContentLeftEdge
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_04.gif) repeat-y;
}

.ContainerBoxContentMid
{
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ContainerBoxContentRightEdge
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_06.gif) repeat-y;
}

.ContainerBoxBottomLeftEdge
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_07.gif) no-repeat;
    height: 13px;
    width: 14px;
}

.ContainerBoxBottomMid
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_08.gif) repeat-x;
}

.ContainerBoxBottomRightEdge
{
    background: url(../images/Proposal/NewMenu/MenuHeaderContent_09.gif) no-repeat;
}

.ItemIconPointer
{
    background: url(../images/Proposal/NewMenu/ItemPointer.gif) no-repeat top left;
    padding-left: 25px;
    height: 14px;
}

.HoverMenuBoxContentLayout
{
    font-family: Arial;
    font-size: 8pt;
}

a.HoverMenuBox span
{
    height: 10px;
    width: 100%;
    display: block;
    font-size: 10pt;
    font-style: normal;
    font-family: Arial;
    font-variant: normal;
    text-decoration: none;
    color: #000000;
}

a.HoverMenuBox:hover span
{
    color: #000000;
    background-color: #ffffcc;
    cursor: pointer;
}


.BreadCrumbLayout
{
    padding-left: 11px;
}

.BreadCrumbCaptionLayout
{
    font-family: Arial;
    font-size: 8pt;
    padding-left: 5px;
    padding-right: 5px;
}

.BreadCrumbSeparatorLayout
{
    padding-left: 5px;
    padding-right: 5px;
}

.BreadCrumbNodeLayout
{
    text-decoration: none;
}


/*
a.BreadCrumbLink
{
	color: #0066cc;
}

a.BreadCrumbLink:Visited
{
	color: #0066cc;
}
*/

a.SignOutLayout
{
    font-family: Arial;
    font-size: 8px;
    font-weight: bold;
    text-decoration: none;
    color: #0066ff;
}

a.SignOutLayout:hover
{
    text-decoration: underline;
}

.ForgotPwdLayout
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}

a.LinkLayout
{
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
    color: #0066ff;
}

a.LinkLayout:hover
{
    text-decoration: underline;
}

.UserPwdButtonLayout
{
    height: 19px;
    background-image: url('../images/NewLook/GoButton.jpg');
    background-repeat: no-repeat;
    width: 18px;
    border-style: none;
}


.BorderLine
{
    border-top: solid 1px #a7a7a7;
    float: none;
    width: 100%;
}

.SidePanel
{
    width: 170px;
    background-color: #fedb89;
}

.SidePanelText
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}

.SidePanelTextTitle
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #313131;
}

a.RegisterApply
{
    background: url(../images/Proposal/NewImages/RegisterAndApply.gif) no-repeat top left;
    height: 43px;
    width: 170px;
    display: block;
}

a.RegisterApply:hover
{
    background-position: bottom left;
}

.ModuleTitle
{
    font-family: Arial;
    font-size: 15pt;
    font-weight: bold;
    color: #f9ac00;
    display: none;
}

.ModuleTitleDivLayout
{
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 10px;
}

.BoxContentLayout
{
    border: solid 1px #c2c2c2;
    padding: 5px;
}

.BoxContentLayoutColor
{
    background-color: #f7f6f6;
}


.TextLayout1
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}

.TextLayout2
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
}

.TextLayout3
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}
.TextLayoutRight3
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    text-align: right;
    float:right;
}

.TextLayout4
{
    font-family: Arial;
    font-size: 8pt;
    color: #000000;
}

.TextLayout5
{
    font-family: Arial;
    font-size: 10pt;
    color: #0051a3;
}

.TextLayoutGeneric
{
    font-family: Arial;
    color: #000000;
}

.WelcomeUserNameLayout
{
    padding-right: 5px;
    font-family: Arial;
    font-weight: bold;
    color: #f9ac00;
}

.PageContentLayout
{
    padding: 10px;
    width: 100%;
}

.UnorderedListGeneric
{
    margin: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
}

.ListItemGeneric
{
    list-style-type: square;
    vertical-align: middle;
}

.ToolTip
{
    background-color: #fffacd;
    font-family: Arial;
    padding: 5px;
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}

.ModalPopupSoftFocusBackground
{
    background-color: #ffffff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.MandatoryField
{
    font-family: Arial;
    font-weight: bold;
    color: #ff8500;
    font-size: 10pt;
    padding-left: 2px;
}

.titleOrange
{
    font-family: Arial;
    color: #FEB301;
    font-size: 23pt;
}

.titleOrangeSubTitle
{
    font-family: Arial;
    color: #FEB301;
    font-size: 20pt;
}

.titleWhite
{
    font-family: Arial;
    color: White;
    font-size: 23pt;
}

.ContainerText
{
    margin: 0px;
    padding: 25px;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 10pt;
    text-align: justify;
}

.subTitleBold
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.TextOnly
{
    font-family: Arial;
    font-size: 10pt;
}


/*Added by A. Alayan*/

#labelHeader 
{
	    color:#203e7c;
        margin: 15px 9px 0 15px;
        display:block;
        font-weight:bold;
        font-size: 23px;
        line-height: 29px;
}

.carouselIndustries {
    
    width:810px;
    margin-top:0px;
    margin-left:10px;
    display: block;
    height:200px;
}

#indutryDetails
{
	width:810px;
    margin-top:50px;
    margin-left:10px;
    display: block;
}

 #industry-pic {
    width:128px;
    height:196px;
    padding: 20px 40px;
}

.industryHeader
 {
    font-size:17px; 
    color:#203E7C;
}

.jobDetails
{
	width:510px;
	float:left;
    margin-top:20px;	
    margin-bottom:30px;
}

.black { 
    color:#333;
}
.industryGroupDescription
{
	display:block;
	font-size:13px; 
	font-family:Arial;
}

.positionDescription
{
	font-size:12px; 
	font-family:Arial;
	
}


.link
{
	display:block;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
}
.labelJobopeningsOverlap
{
	font-size:25px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#203e7c;	
	display:block;
}

.labelHeaderOverlap
{
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#203e7c;	
	display:block;
}

.labelDescriptionOverlap
{
	font-size:10px; 
	font-family:Arial, Helvetica, sans-serif;
	color:Black;	
	display:block;
}


.div-table{display:table; border:1px solid #003399;}
.div-table-caption{display:table-caption; background:#009999;}
.div-table-row{display:table-row;}
.div-table-col{display:table-cell; padding: 5px;width :250px;}
.div-table-col2{display:table-cell; padding: 5px;width :100px;}