﻿body
{
    font-family: Verdana;
    font-size: 13px;
    color: #333;
    margin: 0;
}
div
{
    z-index: 9999;
}
#CPH1_content *
{
    z-index: 1;
}
.bottomshadowdiv
{
    -webkit-box-shadow: #b3b3b3 2px 2px 2px;
    -moz-box-shadow: #b3b3b3 2px 2px 2px;
    box-shadow: #b3b3b3 2px 2px 2px;
}
textarea
{
    font-family: Verdana;
    font-size: 13px;
    color: #333;
    line-height: 1.4em;
    border: 1px solid #ddd;
}
textarea:focus
{
    font-family: Verdana;
    font-size: 13px;
    color: #333;
    line-height: 1.4em;
    border: 1px solid #087ccd;
    outline: 0;
}
a:link
{
    color: #087ccd;
    text-decoration: none;
    text-align: left;
}
a:hover
{
    color: #087ccd;
    text-decoration: none;
}
a:visited
{
    color: #087ccd;
    text-decoration: none;
    text-align: left;
}
a.menu
{
    color: #087ccd;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    font-family: Verdana;
    line-height: 1.28em;
    font-size: 11px;
}
a.menu:hover
{
    color: #087ccd;
    text-decoration: underline;
    font-family: Verdana;
    line-height: 1.28em;
    font-size: 11px;
}
.text_red
{
    color: #f00;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.28em;
}
.logo
{
    background-position: center top;
    width: 241px;
    height: 97px;
    background-image: url('https://www.static-contents.youth4work.com/images/youth4work_bg.png');
    background-repeat: no-repeat;
}
.bg_header
{
    background: url(https://www.static-contents.youth4work.com/images/top_bg.gif) repeat-x 0 0;
}
.bg_footer
{
    background: url(https://www.static-contents.youth4work.com/images/footer_image.png) repeat-x 0 0;
    height: 180px;
}
.ul
{
    background: url(https://www.static-contents.youth4work.com/images/spacer_rt.gif) no-repeat left top;
    padding: 0 5px;
    float: left;
    margin-top: 20px;
    margin-left: 28px;
}
ul.fotnav1
{
    width: 18%;
    margin-left: 21px;
}
ul.fotnav2
{
    width: 18%;
}
ul.fotnav3
{
    width: 16%;
    margin-left: 13px;
}
ul.fotnav1 li, ul.fotnav2 li, ul.fotnav3 li
{
    margin: 0;
    margin-left: 20px;
    padding: 0;
    float: left;
    list-style: none;
    color: #fff;
    width: 100%;
    line-height: 18px;
    text-align: left;
    font-size: 11px;
}
ul.fotnav1 li a, ul.fotnav2 li a, ul.fotnav3 li a
{
    color: #fff;
    text-decoration: none;
    font-weight: lighter;
}
ul.fotnav1 li a:hover, ul.fotnav2 li a:hover, ul.fotnav3 li a:hover
{
    color: #fff;
    text-decoration: underline;
}
ul.nav
{
    margin: 0;
    padding: 0;
    float: left;
    background-image: none;
    height: 25px;
}
ul.nav li
{
    font-size: 13px;
    font-family: Verdana;
    color: #fff;
    border-right: 1px solid #21558f;
    padding: 0 10px 0 5px;
    list-style: none;
    line-height: 22px;
    float: left;
}
ul.nav li.br
{
    border: 0;
}
ul.nav li a
{
    height: 22px;
    line-height: 22px;
    float: left;
    padding: 0 0 0 10px;
    color: #fff;
}
ul.nav li a span
{
    display: block;
    height: 22px;
    padding-right: 10px;
    margin-right: -7px;
}
ul.nav li a:hover, ul.nav li a.selected
{
    background: url(https://www.static-contents.youth4work.com/images/menu_bg.png) 0 0 no-repeat;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
ul.nav li a:hover span, ul.nav li a.selected span
{
    background: url(https://www.static-contents.youth4work.com/images/menu_bg.png) right top no-repeat;
    cursor: pointer;
    color: #fff;
}
.sig_reg:link
{
    color: #fff;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    font-size: 11px;
}
.sig_reg:hover
{
    color: #fff;
    text-decoration: none;
}
.sig_reg:visited
{
    color: #fff;
    text-decoration: none;
}
.sig_reg
{
    color: #fff;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    font-size: 11px;
}
.tooltip
{
    display: none;
    background: transparent url(https://www.static-contents.youth4work.com/images/tooltip/black_arrow.png);
    background-repeat: no-repeat;
    font-size: 11px;
    height: 80px;
    width: 200px;
    vertical-align: middle;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 40px;
    padding-top: 35px;
    color: #fff;
    font-family: Verdana;
}
#footer span.header
{
    float: left;
    list-style: none;
    color: #fff;
    width: 100%;
    line-height: 1.4em;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 3px;
    font-family: Verdana;
    vertical-align: top;
    border-bottom: 1px solid #1e5ea6;
}
#footer a
{
    float: left;
    list-style: none;
    color: #fff;
    display: block;
    width: 100%;
    line-height: 1.4em;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    padding-top: 3px;
    font-family: Verdana;
}
#footer a:hover
{
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.redfont
{
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    color: #f00;
}
.y4whome
{
    font-family: Verdana;
    font-size: xx-large;
    color: #087ccd;
    font-weight: bold;
}
.imagepadding
{
    padding: 3px 3px 3px 3px;
    border: 1px solid #ddd;
}
.paddingfivepixel
{
    padding-left: 5px;
}
.paddingfivepixeltop
{
    padding-top: 5px;
}
.paddinghfivepixelfromtopandbottom
{
    padding: 5px 0 5px 0;
}
.paddinghfivepixelfromrightnleft
{
    padding: 0 5px 0 5px;
}
.lightgrayfont
{
    font-family: Verdana;
    line-height: 1.28em;
    font-size: 11px;
    color: #666;
}
.darkgrayfont
{
    font-family: Verdana;
    line-height: 1.28em;
    font-size: 11px;
    color: #333;
}
.bluefont
{
    font-family: Verdana;
    line-height: 1.28em;
    font-size: 11px;
    color: #087ccd;
}
.absolutegray
{
    font-family: Verdana;
    line-height: 1.28em;
    font-size: 11px;
    color: Gray;
}
.biglineheight
{
    line-height: 1.6em;
}
.mediunlineheight
{
    line-height: 1.4em;
}
.smalllineheight
{
    line-height: 1.28em;
}
.normallineheight
{
    line-height: normal;
}
.biglightgrayfont
{
    font-family: Arial;
    line-height: 1.6em;
    font-size: 18px;
    color: #666;
}
.bigdarkgrayfont
{
    font-family: Arial;
    line-height: 1.6em;
    font-size: 18px;
    color: #333;
}
.bigbluefont
{
    font-family: Arial;
    line-height: 1.6em;
    font-size: 18px;
    color: #087ccd;
}
.bigredfont
{
    font-family: Arial;
    line-height: 1.6em;
    font-size: 18px;
    color: #f00;
}
.mediumlightgray
{
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    color: #666;
}
.mediumdarkgray
{
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    color: #333;
}
.mediumblue
{
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    color: #087ccd;
}
.whitefont
{
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.28em;
    color: White;
}
.mediumwhitefont
{
    font-family: Verdana;
    font-size: 13px;
    line-height: 1.4em;
    color: White;
}
.bigwhitefont
{
    font-family: Verdana;
    font-size: 18px;
    line-height: 1.6em;
    color: White;
}
.fontbold
{
    font-weight: bold;
}
.fontnormal
{
    font-weight: normal;
}
.backgroundunderline:hover
{
    color: #087ccd;
    text-decoration: underline;
    cursor: pointer;
}
.underline:hover
{
    text-decoration: underline;
    cursor: pointer;
}
.borderhover:hover
{
    border-color: #ddf0f8;
}
.backgroundhover:hover
{
    background-color: #edf4ff;
}
.lowercaseletter
{
    text-transform: lowercase;
}
.uppercaseletter
{
    text-transform: uppercase;
}
.pointer
{
    cursor: default;
}
.pointer:hover
{
    cursor: pointer;
}
.darkblueonhover:hover
{
    color: #087ccd;
}
.commantable
{
    width: 940px;
    height: 100%;
    padding-bottom: 20px;
    padding-top: 60px;
    text-align: center;
}
.BigColumn
{
    width: 735px;
}
.BigSubColumn
{
    width: 725px;
}
.SmallSubColumn
{
    width: 200px;
}
.SmallColumn
{
    width: 205px;
}
.middlecolumn
{
    width: 530px;
}
.middlesubcolumn
{
    width: 510px;
}
.totalwidth
{
    width: 100%;
}
.space
{
    height: 15px;
}
.DOMControl_placeholder
{
    color: Gray;
}
input[type="text"]
{
    border: 1px solid #ddd;
}
input[type="text"]:focus
{
    border: 1px solid #087ccd;
    outline: 0;
}
input[type="password"]
{
    border: 1px solid #ddd;
}
input[type="password"]:focus
{
    border: 1px solid #087ccd;
    outline: 0;
}
.textBoxBlue
{
    border: 1px solid #ddd;
    text-align: left;
    padding-left: 5px;
    vertical-align: middle;
}
.textBoxBlue:focus
{
    border: 1px solid #087ccd;
    outline: 0;
    text-align: left;
    padding-left: 5px;
    vertical-align: middle;
}
.textboxmedium
{
    width: 370px;
    text-align: left;
    height: 20px;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.textboxmedium:focus
{
    width: 370px;
    text-align: left;
    height: 20px;
    border: 1px solid #087ccd;
    outline: 0;
}
.commantextbox
{
    border: 1px solid #ddd;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    vertical-align: top;
    width: 340px;
    text-align: left;
    height: 20px;
    padding-left: 5px;
}
.commantextbox:focus
{
    width: 340px;
    text-align: left;
    height: 20px;
    color: #333;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #087ccd;
    outline: 0;
    padding-left: 5px;
}
.commantextboxwatermark
{
    width: 340px;
    text-align: left;
    height: 20px;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    color: Gray;
    padding-left: 5px;
}
.textboxsmall
{
    width: 275px;
    text-align: left;
    height: 20px;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.textboxsmall:focus
{
    width: 275px;
    text-align: left;
    height: 20px;
    border: 1px solid #087ccd;
    outline: 0;
    padding-left: 5px;
}
.textboxwatermark
{
    width: 370px;
    text-align: left;
    height: 20px;
    border: 1px solid #ddd;
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    color: Gray;
    vertical-align: middle;
    padding-left: 5px;
}
.textboxwatermarksmall
{
    width: 275px;
    text-align: left;
    height: 20px;
    border: 1px solid #ddd;
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    color: Gray;
    vertical-align: middle;
    padding-left: 5px;
}
.multilinetextbox
{
    width: 340px;
    text-align: left;
    height: 40px;
    border: 1px solid #ddd;
    resize: vertical;
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    padding-left: 5px;
}
.multilinetextbox:focus
{
    width: 340px;
    text-align: left;
    height: 40px;
    border: 1px solid #087ccd;
    resize: vertical;
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    outline: 0;
    overflow: hidden;
    padding-left: 5px;
}
.multilinetextboxwatermark
{
    width: 340px;
    text-align: left;
    height: 40px;
    border: 1px solid #ddd;
    color: Gray;
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    padding-left: 5px;
}
.bigmultilinetextbox
{
    width: 370px;
    text-align: left;
    height: 40px;
    border: 1px solid #ddd;
    resize: vertical;
    overflow: hidden;
    padding-left: 5px;
    line-height: 1.4em;
    font-size: 13px;
}
.bigmultilinetextbox:focus
{
    width: 370px;
    text-align: left;
    height: 40px;
    border: 1px solid #087ccd;
    resize: vertical;
    outline: 0;
    padding-left: 5px;
    line-height: 1.4em;
    font-size: 13px;
}
.bigmultilinetextboxwatermark
{
    width: 370px;
    text-align: left;
    height: 40px;
    border: 1px solid #ddd;
    resize: vertical;
    font-family: Verdana;
    line-height: 1.4em;
    font-size: 13px;
    font-weight: normal;
    color: Gray;
    vertical-align: middle;
    padding-left: 5px;
}
.leftBordercompany
{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ddd;
}
.blue
{
    border: 1px solid #ddd;
    padding: 3px;
}
.blue:hover
{
    border: 1px solid #ddf0f8;
    padding: 3px;
}
.blueborderwithoutpadding
{
    border: 1px solid #ddd;
}
.blueborderwithoutpadding:hover
{
    border: 1px solid #ddf0f8;
}
.shadow
{
    -webkit-box-shadow: #b5b5b5 3px 3px 3px;
}
.BuildYrProfile a
{
    border: 0;
}
.bordertop
{
    border-top: 1px dashed #ddd;
}
.border
{
    border: 1px solid #ddd;
}
.borderred
{
    border: 1px solid red;
}
.borderbottom
{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
}
.borderbottomwithoutpadding
{
    border-bottom: 1px dashed #ddd;
}
.darkborderforbottom
{
    border-bottom: 2px solid #666;
    padding-bottom: 5px;
    padding-left: 5px;
}
.collHeading
{
    width: 135px;
}
.halfwidth
{
    width: 49%;
}
.padding
{
    padding-bottom: 10px;
    padding-top: 10px;
}
.bor_r
{
    border-right: 1px solid #ddd;
}
.borderleft
{
    border-left: 1px solid #ddd;
}
.Backgroundcolor
{
    background-color: #ededed;
}
.completionList1
{
    font-family: Verdana;
    color: #666;
    border: solid 1px #ddd;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow: visible;
    list-style: none;
    z-index: 999999999;
    font-size: 11px;
    cursor: pointer;
    text-align: left;
    padding: 4px 4px 4px 4px;
}
.listItem
{
    font-family: Verdana;
    margin: 0;
    color: #666;
    cursor: pointer;
    list-style: none;
    font-size: 11px;
}
.itemHighlighted
{
    font-family: Verdana;
    margin: 0;
    cursor: pointer;
    font-size: 11px;
    color: #087ccd;
}
#divmageshow
{
    display: none;
}
.deleteAccount:hover #divmageshow, #tableHyperLink1
{
    display: block;
}
.imgBtnDeleteComment
{
    background: url('https://www.static-contents.youth4work.com/images/delete_button.png') no-repeat center;
    border-style: none;
    height: 15px;
    top: 0;
}
.imgBtnDeleteComment:hover
{
    background: url('https://www.static-contents.youth4work.com/images/delete_button_h.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 15px;
    width: 15px;
    top: 0;
    border-style: none;
    cursor: pointer;
}
.deleterecord:hover
{
    background-image: url('https://www.static-contents.youth4work.com/images/delete_button_h.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    cursor: pointer;
}
.share:link
{
    color: #666;
    font-family: Verdana;
    font-size: 11px;
}
.share:hover
{
    color: #087ccd;
    font-family: Verdana;
    font-size: 11px;
}
.skillhoverresume
{
    background-color: #ededed;
}
.skillhoverresume:hover
{
    background-color: #ddf0f8;
}
#divskilldeleteresume
{
    display: none;
}
.skillhoverresume:hover #divskilldeleteresume
{
    margin-top: -5px;
    display: block;
}
.imagedelete
{
    background-image: url('https://www.university.youth4work.com/College/Images/summary_edit_page_image(delete)20x14.png');
    height: 16px;
    width: 20px;
    margin-top: -5px;
}
.imagedelete:hover
{
    background-image: url('https://www.university.youth4work.com/College/Images/summary_edit_page_image(delete)_20x14.png');
    height: 16px;
    width: 20px;
    margin-top: -5px;
}
.deletecomment:link
{
    background-repeat: no-repeat;
    background-position: center;
    height: 15px;
    width: 15px;
    top: 0;
    border-style: none;
    color: #333;
}
.deletecomment:hover
{
    background-repeat: no-repeat;
    background-position: center;
    height: 15px;
    width: 15px;
    top: 0;
    border-style: none;
    color: #087ccd;
    cursor: pointer;
}
.addmore
{
    cursor: pointer;
    color: #087ccd;
}
.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
{
    border: solid 1px #087ccd;
    background-color: #fff;
    color: #f00;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.28em;
}
.popupHover
{
    background-image: url(https://www.static-contents.youth4work.com/images/header-opened.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: Window;
}
.popupMenu
{
    width: 84px;
    height: 22px;
    position: absolute;
    visibility: hidden;
    background-color: Window;
}
.editdelete:hover
{
    background-color: #ddf0f8;
    margin: 0 -5px -5px -5px;
    color: #333;
}
.modalBackground
{
    background-color: White;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 100001;
}
.modalBackgroundwhite
{
    background-color: White;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 100001;
}
.modalPopup
{
    background-color: #fff;
    border-width: 3px;
    border-style: solid;
    border-color: #036;
    padding: 3px;
    width: 300px;
    z-index: 100002;
}
#pop1_foregroundElement
{
    z-index: 10000001 !important;
}
#imageupload
{
    display: none;
}
.showdivmsg:hover #imageupload
{
    display: block;
    margin-top: -112px;
    color: White;
    width: 200px;
    height: 100px;
    background-color: Black;
}
.skillhover
{
    background-color: #ededed;
    border: 1px solid #ddd;
}
.skillhover:hover
{
    background-color: #ededed;
    border: 1px solid #ddd;
}
#divskilldelete
{
    display: none;
}
.skillhover:hover #divskilldelete
{
    display: block;
}
.recordhover
{
    border: 1px solid window;
}
.recordhover:hover
{
    background-color: #ededed;
    border: 1px solid #087ccd;
}
#divskilldelete
{
    display: none;
}
.recordhover:hover #divskilldelete
{
    display: block;
}
.all
{
    background-color: #ededed;
    border: 1px solid #ddd;
    height: 20px;
}
#divskilldelete
{
    display: none;
}
.grdcomment:hover #divskilldelete
{
    display: block;
}
.background:hover #divcomment
{
    text-align: center;
    display: block;
    background-color: #ededed;
}
input[type="file"]
{
    cursor: pointer;
    text-decoration: none;
}
.hideBrowse
{
    vertical-align: middle;
    position: absolute;
    text-align: right;
    z-index: 2;
    right: 0;
    top: 0;
    font-size: 180px;
    cursor: pointer;
}
.fileupload
{
    border-style: none;
    font-family: Verdana;
    font-size: 11px;
    color: #087ccd;
    background-image: url(https://www.static-contents.youth4work.com/images/upload_hover.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 25px;
    display: block;
    text-align: left;
    vertical-align: bottom;
    text-decoration: none;
    top: 5px;
    left: 10px;
    cursor: pointer;
}
.fileupload:hover
{
    border-style: none;
    font-family: Verdana;
    font-size: 11px;
    color: #087ccd;
    background-image: url(https://www.static-contents.youth4work.com/images/upload_hover.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 25px;
    display: block;
    text-align: left;
    vertical-align: bottom;
    text-decoration: underline;
    cursor: pointer;
    top: 5px;
    left: 10px;
}
.divCenter
{
    cursor: pointer;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}
.mediumdropdownlist
{
    outline: 0;
    padding: 4px 4px 4px 4px;
    width: 130px;
    border: 1px solid #ddd;
    height: 25px;
    line-height: 1.4em;
    font-family: Verdana;
    font-size: 13px;
    color: #333;
}
.dropdownlist
{
    padding: 4px 4px 4px 4px;
    width: 340px;
    border: 1px solid #ddd;
    height: 25px;
    line-height: 1.4em;
    font-family: Verdana;
    font-size: 13px;
    color: #333;
}
.smalldropdownlist
{
    padding: 4px 4px 4px 4px;
    width: 80px;
    border: 1px solid #ddd;
    height: 25px;
    line-height: 1.4em;
    font-family: Verdana;
    font-size: 13px;
    color: #333;
}
ul.left-nav
{
    background-image: none;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    float: none;
}
ul.left-nav li a
{
    display: block;
    line-height: 33px;
    background-color: #ededed;
    color: #4c4c4c;
    padding: 0 0 0 20px;
    margin-bottom: 2px;
}
ul.left-nav li a:hover
{
    background-color: #ddf0f8;
    color: #147dc1;
    text-decoration: none;
}
ul.left-nav li a.active
{
    background-color: #087ccd;
    color: #fff;
    text-decoration: none;
}
ul.left-subnav
{
    background-image: none;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    float: none;
}
ul.left-subnav li a
{
    display: block;
    line-height: 33px;
    background-color: #fff;
    font-size: 13px;
    color: #216996;
    padding: 0 0 0 20px;
    margin-bottom: 2px;
}
ul.left-subnav li a:hover
{
    background-color: #ddf0f8;
    color: #147dc1;
    text-decoration: none;
}
ul.left-nav li a.active
{
    background-color: #087ccd;
    color: #fff;
    text-decoration: none;
}
a.cir
{
    display: block;
    margin: auto;
    background: url('https://www.university.youth4work.com/College/Images/c1.png') no-repeat center center;
    width: 25px;
    height: 25px;
}
a.cir:hover, .cir:active
{
    display: block;
    background: url('https://www.university.youth4work.com/College/Images/c2.png') no-repeat center center;
    height: 25px;
    width: 25px;
}
a.submitt
{
    background: url('https://www.university.youth4work.com/College/images/c2.png') no-repeat center center;
    height: 25px;
    width: 25px;
    display: block;
    padding-top: 10px;
    font-size: 11px;
    font-family: Verdana;
    margin-top: -5px;
    color: #fff;
    padding-left: 19px;
}
.txt_red
{
    color: #e4212f;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.28em;
}
a.line1:link
{
    color: #333;
    font-weight: bold;
    vertical-align: baseline;
}
a.line1:visited
{
    color: #333;
    font-weight: bold;
    vertical-align: baseline;
}
a.line1:hover
{
    color: #087ccd;
    cursor: pointer;
    text-decoration: underline;
    vertical-align: baseline;
}
.cmpCH
{
    font-size: 11px;
    margin-top: 10px;
    line-height: 1.28em;
    color: #333;
    margin-left: 5px;
    margin-right: 5px;
}
.cmpCD
{
    text-align: left;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.28em;
    color: #666;
    margin-left: 5px;
    margin-right: 5px;
}
.line:link
{
    color: #666;
}
.line:hover
{
    color: #087ccd;
}
.line:visited
{
    color: #666;
}
.gray:hover
{
    background-color: #ededed;
}
.findandfollow
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('https://www.cos.youth4work.com/Images/FindFollow.png') no-repeat left center;
    font-size: 16px;
    height: 35px;
    color: #fff;
    width: 160px;
    cursor: pointer;
    font-weight: normal;
}
.findandfollow:hover
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('https://www.cos.youth4work.com/Images/FindFollow_h.png') no-repeat left center;
    font-size: 16px;
    height: 35px;
    width: 160px;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
}
.overrow
{
    background-color: #ddf0f8;
    cursor: pointer;
    font-family: Verdana;
    font-size: 11px;
}
.outrow
{
    background-color: #ededed;
    font-family: Verdana;
    font-size: 11px;
}
.outrow1
{
    background-color: #fff;
    font-family: Verdana;
    font-size: 11px;
}
.grvheader
{
    background-color: #087ccd;
    color: White;
    height: 40px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}
.grvproject
{
    width: 40%;
    font-family: Verdana;
    font-size: 11px;
    color: #666;
    height: 100%;
}
.grvbenifits
{
    width: 30%;
    height: 100%;
    font-family: Verdana;
    font-size: 11px;
    color: #666;
}
.gry4w
{
    width: 15%;
    font-family: Verdana;
    font-size: 11px;
    color: #666;
    height: 100%;
}
.grvtimeleft
{
    width: 15%;
    height: 100%;
    font-family: Verdana;
    font-size: 11px;
    color: #666;
}
.AddNew
{
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.28em;
    color: #333;
}
.AddNew:hover
{
    background-color: #ddf0f8;
    color: #087ccd;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.28em;
}
.wp-pagenavi
{
    clear: both;
    padding: 10px 0 10px 0 !important;
    font-size: 11px !important;
    font-family: Verdana;
    color: #666;
}
.wp-pagenavi:hover
{
    clear: both;
    padding: 10px 0 10px 0 !important;
    font-size: 11px !important;
    font-family: Verdana;
    color: #666;
}
.wp-pagenavi a, .wp-pagenavi span
{
    line-height: 20px !important;
    padding: 2px 6px !important;
    color: #666;
    margin-right: 5px !important;
    background-color: #ededed !important;
    border: 1px solid #ceccc1 !important;
}
.wp-pagenavi .current
{
    border: solid 1px #197dce !important;
    background-color: #197dce !important;
    color: #fff !important;
}
.wp-pagenavi a:link
{
    line-height: 20px !important;
    padding: 2px 6px !important;
    color: #666;
    margin-right: 5px !important;
    background-color: #ededed !important;
    border: 1px solid #ceccc1 !important;
}
.wp-pagenavi a:hover
{
    border: solid 1px #197dce !important;
    background-color: #197dce !important;
    color: #fff !important;
}
#circle
{
    width: 20px;
    height: 20px;
    background: #087ccd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: White;
}
#triangle-topleft
{
    width: 0;
    height: 0;
    border-top: 100px solid #ededed;
    border-right: 50px solid transparent;
}
#triangle-bottomright
{
    width: 0;
    height: 0;
    border-bottom: 100px solid #ededed;
    border-left: 50px solid transparent;
}
.youtubewatermarl
{
    height: 42px;
    width: 100.2%;
    text-align: left;
    font-family: Verdana;
    font-size: 13px;
    font-style: normal;
    color: Gray;
    padding: 3px 3px 3px 3px;
}
.youtubetextbox
{
    text-align: left;
    font-family: Verdana;
    font-size: 13px;
    font-style: normal;
    color: #333;
    padding: 3px 3px 3px 3px;
    width: 100%;
    height: 44px;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
}
.youtubetextbox:focus
{
    height: 44px;
    width: 100%;
    text-align: left;
    font-family: Verdana;
    font-size: 13px;
    font-style: normal;
    color: #333;
    border: 1px solid #087ccd;
    outline: 0;
    padding: 3px 3px 3px 3px;
}
DIV.sexybookmarks
{
    background-image: url('Images/share-knowledge.png');
    background-repeat: no-repeat;
    clear: both;
    height: 29px;
    margin: 20px 0;
    overflow: hidden;
    padding: 35px 0 0 10px;
    position: relative;
    top: 0;
    left: 0;
    width: 193px;
}
DIV.sexybookmarks-inner
{
    position: absolute;
}
DIV.sexybookmarks A
{
    background-position: 0 bottom;
    border: 0;
    display: block;
    float: left;
    height: 29px;
    text-decoration: none;
    width: 60px;
}
DIV.sexybookmarks A:hover
{
    background-position: 0 top;
}
DIV.sexybookmarks A SPAN
{
    display: none;
}
DIV.sexybookmarks A.sexy-facebook
{
    background-image: url('Images/facebook.png');
}
DIV.sexybookmarks A.sexy-mail
{
    background-image: url('Images/mail.png');
}
DIV.sexybookmarks A.sexy-twitter
{
    background-image: url('Images/twitter.png');
}
.resume
{
    background-image: none;
    padding: 0;
    margin: 0;
    list-style: none;
    float: none;
}
.resume a
{
    display: block;
    line-height: 33px;
    background-color: #ededed;
    color: #4c4c4c;
    padding-left: 50px;
}
.resume a:hover
{
    background-color: #ddf0f8;
    color: #147dc1;
    text-decoration: none;
}
.resume a.active
{
    background-color: #087ccd;
    color: #fff;
    text-decoration: none;
}
.bsckimagenextCompany:hover
{
    background-color: #ededed;
    cursor: pointer;
}
.largerfont
{
    font-family: Arial;
    font-size: 18px;
    line-height: 1.6em;
    color: #333;
}
.largerfont:hover
{
    font-family: Arial;
    font-size: 18px;
    line-height: 1.6em;
    color: #cee7ff;
    font-weight: bolder;
    border-bottom: 5px solid #cee7ff;
}
.largerfont:active
{
    font-family: Arial;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: bolder;
    color: #087ccd;
    border-bottom: 5px solid #087ccd;
}
.buttonyouthcompany
{
    font-family: Verdana;
    font-size: 13px;
    line-height: 1.4em;
    cursor: pointer;
    color: White;
    background-color: #666;
    width: 100%;
    height: 25px;
    -webkit-border-radius: 4px;
}
h2
{
    line-height: normal;
    font-size: medium;
}
.buttonyouthcompany1
{
    font-family: Verdana;
    font-size: 13px;
    line-height: 1.4em;
    cursor: pointer;
    color: White;
    background-color: #087ccd;
    width: 100%;
    height: 25px;
    -webkit-border-radius: 4px;
}
.buttonyouthcompany11:active
{
    -webkit-border-radius: 5px;
    font-family: Arial;
    font-size: 18px;
    line-height: 1.6em;
    color: White;
    background-color: #333;
    width: 100%;
    height: 25px;
}
.ajaxstyle
{
    font-family: Arial;
    font-size: 18px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    color: #087ccd;
    text-align: left;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
}
.Tab .ajax__tab_header
{
    width: 100%;
    text-align: left;
}
.Tab .ajax__tab_tab
{
    text-align: center;
    width: 310px;
    font-weight: bold;
    font-family: Arial;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    padding-bottom: 5px;
}
.Tab .ajax__tab_outer
{
    text-align: left;
    font-weight: bold;
    font-family: Arial;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}
.Tab .ajax__tab_active .ajax__tab_tab
{
    width: 310px;
    font-weight: bold;
    color: #087ccd;
    font-family: Arial;
    font-size: 18px;
    border-bottom: solid 5px #087ccd;
    cursor: pointer;
}
.Tab .ajax__tab_hover .ajax__tab_tab
{
    width: 310px;
    font-weight: bold;
    color: #333;
    font-family: Arial;
    font-size: 18px;
    border-bottom: solid 5px #333;
    cursor: pointer;
}
.btn-quaternary
{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow: visible;
    padding: 5px 10px 5px 10px;
    padding: 5px 10px 5px 10px;
    font-family: Verdana;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
    height: 20px;
}
a.btn-quaternary
{
    display: inline-block !important;
    padding: 5px 10px 5px 10px;
}
a.btn-quaternary:hover
{
    text-decoration: none !important;
}
input[disabled], .disabled
{
    cursor: default;
}
.btn-quaternary
{
    background: linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ACFA',endColorstr='#1E5EA6',GradientType=0);
    border-color: #68acfa;
    color: #fff !important;
}
.btn-quaternary:hover
{
    background: linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5EA6',endColorstr='#68ACFA',GradientType=0);
    border-color: #1e5ea6;
}
.smallbutton
{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow: visible;
    padding: 3px 10px 3px 10px;
    padding: 3px 10px 3px 10px;
    font-family: Verdana;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
    height: 25px;
}
a.smallbutton
{
    display: inline-block !important;
    padding: 3px 10px 3px 10px;
}
a.smallbutton:hover
{
    text-decoration: none !important;
}
input[disabled], .disabled
{
    cursor: default;
}
.smallbutton
{
    background: #1e5ea6;
    background: -moz-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -o-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#68acfa),color-stop(100%,#1e5ea6));
    background: linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ACFA',endColorstr='#1E5EA6',GradientType=0);
    border-color: #68acfa;
    color: #fff !important;
}
.smallbutton:hover
{
    background: #68acfa;
    background: -moz-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -o-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5ea6),color-stop(100%,#68acfa));
    background: linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5EA6',endColorstr='#68ACFA',GradientType=0);
    border-color: #1e5ea6;
}
.bigbutton
{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow: visible;
    padding: 5px 10px 5px 10px;
    padding: 5px 10px 5px 10px;
    font-family: Verdana;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
    height: 35px;
}
a.bigbutton
{
    display: inline-block !important;
    padding: 5px 10px 5px 10px;
}
a.bigbutton:hover
{
    text-decoration: none !important;
}
input[disabled], .disabled
{
    cursor: default;
}
.bigbutton
{
    background: #1e5ea6;
    background: -moz-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -o-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#68acfa),color-stop(100%,#1e5ea6));
    background: linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ACFA',endColorstr='#1E5EA6',GradientType=0);
    border-color: #68acfa;
    color: #fff !important;
}
.bigbutton:hover
{
    background: #68acfa;
    background: -moz-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -o-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5ea6),color-stop(100%,#68acfa));
    background: linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5EA6',endColorstr='#68ACFA',GradientType=0);
    border-color: #1e5ea6;
}
.btn-gray
{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow: visible;
    padding: 3px 10px 3px 10px;
    padding: 3px 10px 3px 10px;
    font-family: Verdana;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
    height: 25px;
}
a.btn-gray
{
    display: inline-block !important;
    padding: 3px 10px;
}
a.btn-gray:hover
{
    text-decoration: none !important;
}
input[disabled], .disabled
{
    cursor: default;
}
.btn-gray
{
    background: #ececec;
    background: -moz-linear-gradient(top,#fff 0,#ececec 100%);
    background: -o-linear-gradient(top,#fff 0,#ececec 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ececec));
    background: linear-gradient(top,#fff 0,#ececec 100%);
    border-color: #ccc;
    color: #585858 !important;
}
.btn-gray:hover
{
    background: #d7d7d7;
    background: -moz-linear-gradient(top,#f0f0f0 0,#d7d7d7 100%);
    background: -o-linear-gradient(top,#f0f0f0 0,#d7d7d7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#d7d7d7));
    background: linear-gradient(top,#f0f0f0 0,#d7d7d7 100%);
    border-color: #b3b3b3;
}
.btn-gray-toggle-hover .btn-ternary
{
    border-right-color: #b3b3b3;
}
.btn-gray:active, .btn-split-toggle-hover.btn-gray:active
{
    background: #f7f7f7;
    background: -moz-linear-gradient(top,#dfdfdf 0,#f7f7f7 100%);
    background: -o-linear-gradient(top,#dfdfdf 0,#f7f7f7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dfdfdf),color-stop(100%,#f7f7f7));
    background: linear-gradient(top,#dfdfdf 0,#f7f7f7 100%);
    border-color: #b3b3b3;
}
.btn-gray[disabled], .btn-gray.disabled
{
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#fff 0,#f5f5f5 100%);
    background: -o-linear-gradient(top,#fff 0,#f5f5f5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f5f5f5));
    background: linear-gradient(top,#fff 0,#f5f5f5 100%);
    color: #bdbdbd !important;
}
.btn-gray .toggle-btn
{
    background-position: 4px -1609px;
}
.btn-secondary, .btn-menu-open.btn-secondary:hover
{
    background: #cecece;
    background: -moz-linear-gradient(top,#f2f2f2 0,#f2f2f2 1px,#e4e4e4 1px,#cecece 100%);
    background: -o-linear-gradient(top,#f2f2f2 0,#f2f2f2 1px,#e4e4e4 1px,#cecece 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f2f2f2),color-stop(5%,#f2f2f2),color-stop(5%,#e4e4e4),color-stop(100%,#cecece));
    background: linear-gradient(top,#f2f2f2 0,#f2f2f2 1px,#e4e4e4 1px,#cecece 100%);
    border-color: #999;
    color: #666 !important;
}
.btn-secondary:hover
{
    background: #b7b7b7;
    background: -moz-linear-gradient(top,#e4e4e4 0,#e4e4e4 1px,#c8c8c8 1px,#b7b7b7 100%);
    background: -o-linear-gradient(top,#e4e4e4 0,#e4e4e4 1px,#c8c8c8 1px,#b7b7b7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e4e4e4),color-stop(5%,#e4e4e4),color-stop(5%,#c8c8c8),color-stop(100%,#b7b7b7));
    background: linear-gradient(top,#e4e4e4 0,#e4e4e4 1px,#c8c8c8 1px,#b7b7b7 100%);
}
a.lightgraylink:link
{
    color: #666;
    text-decoration: none;
}
a.lightgraylink:visited
{
    color: #666;
    text-decoration: none;
}
a.lightgraylink:hover
{
    color: #087ccd;
    text-decoration: underline;
}
a.Darkgraylink:link
{
    color: #333;
    text-decoration: none;
}
a.Darkgraylink:visited
{
    color: #333;
    text-decoration: none;
}
a.Darkgraylink:hover
{
    color: #087ccd;
    text-decoration: underline;
}
.btngrayhyperlink
{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow: visible;
    padding: 5px 10px 0 10px;
    padding: 5px 10px 0 10px;
    font-family: Verdana;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
    height: 25px;
}
a.btngrayhyperlink
{
    display: inline-block !important;
    padding: 5px 10px 0 10px;
}
a.btngrayhyperlink:hover
{
    text-decoration: none !important;
}
input[disabled], .disabled
{
    cursor: default;
}
.btngrayhyperlink
{
    background: #ececec;
    background: -moz-linear-gradient(top,#fff 0,#ececec 100%);
    background: -o-linear-gradient(top,#fff 0,#ececec 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ececec));
    background: linear-gradient(top,#fff 0,#ececec 100%);
    border-color: #ccc;
    color: #585858 !important;
}
.btngrayhyperlink:hover
{
    background: #d7d7d7;
    background: -moz-linear-gradient(top,#f0f0f0 0,#d7d7d7 100%);
    background: -o-linear-gradient(top,#f0f0f0 0,#d7d7d7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#d7d7d7));
    background: linear-gradient(top,#f0f0f0 0,#d7d7d7 100%);
    border-color: #b3b3b3;
}
.btngrayhyperlink-toggle-hover .btn-ternary
{
    border-right-color: #b3b3b3;
}
.btnbluehyperlink
{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow: visible;
    padding: 5px 10px 0 10px;
    padding: 5px 10px 0 10px;
    font-family: Verdana;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
    height: 25px;
}
a.btnbluehyperlink
{
    display: inline-block !important;
    padding: 5px 10px 0 10px;
}
a.btnbluehyperlink:hover
{
    text-decoration: none !important;
}
input[disabled], .disabled
{
    cursor: default;
}
.btnbluehyperlink
{
    background: #1e5ea6;
    background: -moz-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -o-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#68acfa),color-stop(100%,#1e5ea6));
    background: linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ACFA',endColorstr='#1E5EA6',GradientType=0);
    border-color: #68acfa;
    color: #fff !important;
}
.btnbluehyperlink:hover
{
    background: #68acfa;
    background: -moz-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -o-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5ea6),color-stop(100%,#68acfa));
    background: linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5EA6',endColorstr='#68ACFA',GradientType=0);
    border-color: #1e5ea6;
}
.btnbluehyperlink-toggle-hover .btn-ternary
{
    border-right-color: #b3b3b3;
}
#button_block
{
    display: none;
}
.smallbuttonhyperlink
{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow: visible;
    padding: 5px 10px 0 10px;
    padding: 5px 10px 0 10px;
    font-family: Verdana;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
    height: 25px;
}
a.smallbuttonhyperlink
{
    display: inline-block !important;
    padding: 5px 10px 0 10px;
}
a.smallbuttonhyperlink:hover
{
    text-decoration: none !important;
}
input[disabled], .disabled
{
    cursor: default;
}
.smallbuttonhyperlink
{
    background: #1e5ea6;
    background: -moz-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -o-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#68acfa),color-stop(100%,#1e5ea6));
    background: linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ACFA',endColorstr='#1E5EA6',GradientType=0);
    border-color: #68acfa;
    color: #fff !important;
}
.smallbuttonhyperlink:hover
{
    background: #68acfa;
    background: -moz-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -o-linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5ea6),color-stop(100%,#68acfa));
    background: linear-gradient(top,#1e5ea6 0,#68acfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E5EA6',endColorstr='#68ACFA',GradientType=0);
    border-color: #1e5ea6;
}
.smallroundcorner
{
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}
.backgroundbluegradient
{
    background: #1e5ea6;
    background: -moz-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -o-linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#68acfa),color-stop(100%,#1e5ea6));
    background: linear-gradient(top,#68acfa 0,#1e5ea6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ACFA',endColorstr='#1E5EA6',GradientType=0);
    border-color: #68acfa;
    color: #fff !important;
}
h1
{
    font-size: 180%;
    font-weight: normal;
    margin: 0;
    padding: 0 20px;
}
h2
{
    font-size: 160%;
    font-weight: normal;
}
h3
{
    font-size: 140%;
    font-weight: normal;
}
img
{
    border: 0;
}
pre
{
    display: block;
    font: 12px "Courier New" ,Courier,monospace;
    padding: 10px;
    border: 1px solid #bae2f0;
    background: #e3f4f9;
    margin: .5em 0;
    width: 650px;
}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next
{
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}
#container
{
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 850px;
    background: #fff;
    margin-bottom: 2em;
}
#header
{
    height: 80px;
    line-height: 80px;
    background: #5dc9e1;
    color: #fff;
}
#content
{
    position: relative;
}
#slider ul, #slider li, #slider2 ul, #slider2 li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider2
{
    margin-top: 1em;
}
#slider li, #slider2 li
{
    width: 1000px;
    height: 380px;
    overflow: hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev
{
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000;
}
#nextBtn, #slider1next
{
    left: 250px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(https://www.static-contents.youth4work.com/images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a
{
    background: url(https://www.static-contents.youth4work.com/images/btn_next.gif) no-repeat 0 0;
}
ol#controls
{
    padding: 0;
    height: 50px;
    margin-top: 18px;
    padding-left: 350px;
}
ol#controls li
{
    margin: 0 2px 0 2px;
    padding: 0;
    float: left;
    list-style: none;
    height: 50px;
    width: 45px;
    line-height: 0;
    vertical-align: bottom;
    margin-left: 35px;
    z-index: 2;
}
ol#controls li a
{
    float: right;
    height: 56px;
    width: 39px;
    background-color: transparent;
    text-decoration: none;
    background: url(https://www.static-contents.youth4work.com/images/youth_35.png) no-repeat 50% 50%;
    color: transparent;
    z-index: 2;
    padding-top: 35px;
}
ol#controls li a:hover
{
    float: right;
    height: 56px;
    width: 39px;
    background-color: transparent;
    text-decoration: none;
    background: url(https://www.static-contents.youth4work.com/images/youth_h_40.png) no-repeat 50% 50%;
    color: transparent;
    z-index: 2;
    padding-top: 35px;
}
ol#controls li.current a
{
    float: right;
    height: 56px;
    width: 39px;
    color: transparent;
    background-color: transparent;
    text-decoration: none;
    background: url(https://www.static-contents.youth4work.com/images/youth_h_40.png) no-repeat 50% 50%;
    padding-top: 35px;
    z-index: 2;
}
ol#controls li.ncurrent1 a
{
    float: right;
    height: 56px;
    width: 50px;
    color: transparent;
    background-color: transparent;
    text-decoration: none;
    background: url(https://www.static-contents.youth4work.com/images/company_35.png) no-repeat 50% 50%;
    padding-top: 35px;
    z-index: 2;
}
ol#controls li.ncurrent1 a:hover
{
    float: right;
    height: 56px;
    width: 50px;
    color: transparent;
    background-color: transparent;
    text-decoration: none;
    background: url(https://www.static-contents.youth4work.com/images/company_h_40.png) no-repeat 50% 50%;
    padding-top: 35px;
    z-index: 2;
}
ol#controls li.current1 a
{
    float: right;
    height: 56px;
    width: 50px;
    color: transparent;
    background-color: transparent;
    text-decoration: none;
    background: url(https://www.static-contents.youth4work.com/images/company_h_40.png) no-repeat 50% 50%;
    padding-top: 35px;
    z-index: 2;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: 0;
}
.bg_header1
{
    background: url(https://www.static-contents.youth4work.com/images/background1px.png) repeat-x 0 0;
}
ul.nav2
{
    margin: 0;
    padding: 0;
    float: left;
    background-image: none;
    height: 25px;
    width: 1000px;
}
ul.nav2 li
{
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    list-style: none;
    line-height: 22px;
    float: left;
    padding: 2px;
}
ul.nav2 li.br
{
    border: 0;
}
ul.nav2 li a
{
    padding: 2px;
    line-height: 22px;
    float: left;
    padding-right: 15px;
    padding-left: 10px;
    color: #fff;
}
ul.nav2 li a span
{
    display: block;
    height: 22px;
   
    
}
ul.nav2 li a:hover, ul.nav2 li a.selected
{
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
}
ul.nav2 li a:hover span, ul.nav2 li a.selected span
{
    text-decoration: underline;
    cursor: pointer;
    color: #fff;
}

a.JoinButtonnew:link
{
    display: block;
    padding: 7px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    width: 90px;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    background-color: #087CCD;
    border: 1px solid #19a4ec;
    text-shadow: 0 1px 0 #007CBD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.JoinButtonnew:hover
{
    display: block;
    padding: 7px;
    text-decoration: none;
    text-align: center;
    background-color: #0088d0;
    color: white;
    font-size: 13px;
    cursor: pointer;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 0 1px 0 #007CBD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 90px;
}

a.JoinButtonEdit
{
    display: inline-block;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    width: 60px;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    background-color: #087CCD;
    border: 1px solid #19a4ec;
    text-shadow: 0 1px 0 #007CBD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.JoinButtonEdit:link
{
    display: inline-block;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    width: 60px;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    background-color: #087CCD;
    border: 1px solid #19a4ec;
    text-shadow: 0 1px 0 #007CBD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.JoinButtonEdit:hover
{
    display: inline-block;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    background-color: #0088d0;
    color: white;
    font-size: 13px;
    cursor: pointer;
    font-family: Arial;
    font-weight: bold;
    text-shadow: 0 1px 0 #007CBD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 60px;
}

a.GrayButtonNew
{
    display: inline-block;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    color: #666666;
    width: 60px;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    background-color: #ededed;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.GrayButtonNew:link
{
    display: inline-block;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    color: #666666;
    width: 60px;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    background-color: #ededed;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.GrayButtonNew:hover
{
    display: inline-block;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    background-color: #dddddd;
    color: #333333;
    font-size: 13px;
    cursor: pointer;
    font-family: Arial;
    font-weight: bold;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 60px;
}

.lightblueonhover
{
}
.lightblueonhover:hover
{
    background-color: #DDf0F8;
}
