/*
Heading1		= 38px, bold
Heading2		= 20px, bold
Heading3		= 15px, bold
Paragraph text	= 12px, normal

sgblack		- #333333
sgpink		- #ed008c
sgdpurple	- #66264C
sglpurple	- #B11D74
 */

caption
{
    caption-side: top;
    text-align: left;
    font-size: 14px;
    background-color: #333;
    font-weight: bold;
    padding: 5px;
    color: #fff;
}

.dialog-form
{
    display: none;
}

.addthis_button_tweet iframe
{
    vertical-align: middle;
}

.ui-datepicker-trigger
{
    margin-left: 4px !important;
    margin-top: 2px !important;
}

.tooltip
{
    background-color: #f6f7a9;
    border: 2px solid #66264C;
    padding: 15px 20px;
    width: 330px;
    display: none;
    color: #000;
    text-align: left;
    z-index: 999;
    /* outline radius for mozilla/firefox only */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .tooltip h1
    {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .tooltip p
    {
        font-size: 12px;
    }

body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 5px 0 0 0;
    background-color: #fff;
}

input, textarea, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a
{
    border: none;
    outline: none;
}

.hidden
{
    display: none;
}

.clear
{
    clear: both;
}

img
{
    border: none;
}

.centre
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

hr
{
    height: 1px;
    background-color: #ed008c;
    margin: 10px 0 10px 0;
}

.fading
{
    width: 960px;
    margin: auto;
    font-size: 11px;
}

    .fading a
    {
        color: #ed008c;
    }

ul
{
    padding: 0 0 0 20px;
    margin: 0 0 10px 5px;
    list-style-image: url(/assets/img/ico/bullet.gif);
}

li
{
    margin-bottom: 5px;
    line-height: 18px;
}

ol
{
    font-weight: bold;
    font-size: 14px;
}

    ol li
    {
        margin-bottom: 5px;
    }

    ol span
    {
        font-weight: normal;
        color: #000;
    }

p
{
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 18px;
}

.content P
{
    line-height: 18px;
    padding: 0;
    margin: 0 0 15px 0;
}

h1
{
    font-size: 28px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

h2
{
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

h3
{
    font-size: 15px;
    padding: 0;
    margin: 0 0 5px 0;
}

h4
{
    font-size: 12px;
    padding: 0;
    margin: 0 0 5px 0;
}

#mainContainer
{
    width: 960px;
    margin: auto;
    margin-bottom: 30px;
}

#container
{
    width: 960px;
    margin: auto;
    height: 80px;
}

#ContentArea h2
{
    margin-bottom: 10px;
}

#boxes h2,
#boxes h3
{
    font-weight: normal;
    margin: 0;
}

.TextEmp h3,
.TextStu h3
{
    font-weight: normal;
    margin: 0 0 10px 0;
}

/*--------Header--------*/
#top
{
    width: 960px;
    height: 30px;
}

#logInRegister
{
    float: right;
}

    #logInRegister a
    {
        font-size: 15px;
        text-decoration: none;
        color: #000;
        display: block;
        width: 80px;
        height: 23px;
        padding: 1px 1px 1px 0;
        margin-right: 5px;
        text-align: center;
        float: left;
    }

        #logInRegister a:hover
        {
            background: url(/assets/img/skin/rollovers/header_link_rollover.gif) 0 0 no-repeat;
            color: #fff;
        }

        #logInRegister a.big
        {
            width: 150px;
        }

            #logInRegister a.big:hover
            {
                background: url(/assets/img/skin/rollovers/footerTab2.png) 0 0 no-repeat;
            }

#phone
{
    float: right;
    margin-left: 40px;
}

#phoneNo
{
    float: right;
    margin-left: 10px;
}

#header
{
    width: 960px;
    height: 100px;
}

#logo
{
    float: left;
    margin-top: 10px;
    margin-right: 18px;
}

#advert
{
    width: 728px;
    height: 90px;
    float: right;
}

#strapline
{
    margin-top: 6px;
    font-weight: bold;
    font-size: 14px;
}

#titleHeader
{
    margin: 20px auto 15px auto;
    font-size: 26px;
    font-weight: bold;
}

.circlearrow
{
    padding: 1px 25px 1px 1px;
    display: inline;
    background-image: url(/images/arrow2.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

.sgdpurple.circlearrow
{
    background-image: url(/assets/img/ico/btnArrowDpurple.jpg);
}

.sglpurple.circlearrow
{
    background-image: url(/assets/img/ico/btnArrowLpurple.jpg);
}

.circlearrow:hover
{
    background-image: url(/assets/img/ico/btnArrow_over.gif);
}

#footerWrapper
{
    width: 100%;
    height: 215px;
    background: url(/assets/img/skin/footerBgd.jpg) center repeat-x;
}

#footer
{
    width: 978px;
    margin: 0 auto;
    padding: 30px 0;
}

    #footer p a
    {
        color: #fff;
    }

#footerLeft
{
    width: 680px;
    float: left;
}

#footerLeftCol1, #footerLeftCol2, #footerLeftCol3, #footerLeftCol4
{
    width: 170px;
    float: left;
}

    #footerLeftCol4 img
    {
        margin-left: 40px;
    }

#footerLeft p
{
    color: #fff;
    margin: 10px 0 0 8px;
    font-size: 10px;
    line-height: 13px;
}

#footerFollow
{
    margin-right: 8px;
}

#footerLogo
{
    margin-top: 90px;
    clear: both;
}

#footerLeftCol1 a,
#footerLeftCol2 a,
#footerLeftCol3 a
{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    display: block;
    width: 150px;
    height: 23px;
    padding: 1px 0 0 8px;
    margin-bottom: 5px;
}

    #footerLeftCol1 a:hover,
    #footerLeftCol2 a:hover,
    #footerLeftCol3 a:hover
    {
        background: url(/assets/img/skin/rollovers/footerTab.png) 0 0 no-repeat;
    }

    #footerLeftCol1 a.footerbig:hover,
    #footerLeftCol2 a.footerbig:hover,
    #footerLeftCol3 a.footerbig:hover
    {
        background: url(/assets/img/skin/rollovers/footerTab2.png) 0 0 no-repeat;
    }

#footerRight
{
    width: 218px;
    float: right;
}

#ContentArea a
{
    color: #ed008c;
    font-weight: bold;
    text-decoration: none;
}

    #ContentArea a:hover,
    .pager-current-page
    {
        color: #fff !important;
        background-color: #ed008c !important;
    }

        #boxes:hover,
        #ContentArea a:hover.noRollover
        {
            background-color: transparent;
            cursor: pointer;
        }

    /*--------Buttons--------*/

    #ContentArea a.btnBigPink,
    #ContentArea a.btnBigLPurple,
    #ContentArea a.btnBigDPurple,
    .sg300ButtonBlack a
    {
        width: 300px;
        height: 31px;
        padding-top: 4px;
        display: block;
        text-align: center;
        color: #fff !important;
        text-decoration: none;
    }

    #ContentArea a.btnBigPink
    {
        background: url(/assets/img/skin/buttons/btnBigPink.png) 0 0 no-repeat;
    }

    #ContentArea a.btnBigDPurple
    {
        background: url(/assets/img/skin/buttons/btnBigDPurple.png) 0 0 no-repeat;
    }

    #ContentArea a.btnBigLPurple
    {
        background: url(/assets/img/skin/buttons/btnBigLPurple.png) 0 0 no-repeat;
    }

.sg300ButtonBlack a
{
    background: url(/assets/img/skin/buttons/btnBigBlack.png) 0 0 no-repeat;
}

    #ContentArea a:hover.btnBigPink,
    #ContentArea a:hover.btnBigDPurple,
    #ContentArea a:hover.btnBigLPurple,
    .sg300ButtonBlack a:hover
    {
        background-position: 0 -35px;
        background-color: Transparent;
        color: #fff;
    }

/*--------Homepage--------*/

#boxes
{
    width: 960px;
    height: 160px;
}

.Number1234
{
    float: left;
    width: 30px;
    height: 54px;
}

.Title1234
{
    float: left;
    width: 160px;
    margin-top: 12px;
}

.Text1234
{
    width: 160px;
    margin-top: 5px;
}

.home_empbox ul
{
    margin: 0;
    padding: 0;
}

.home_stubox ul
{
    margin: 0 0 0 22px;
    padding: 0;
}

    .home_stubox ul li,
    .home_empbox ul li
    {
        margin-bottom: 15px;
    }

.TitleEmpStu
{
    width: 300px;
    height: 60px;
}

.TextEmp
{
    float: right;
    width: 160px;
    height: 120px;
}

.TextStu
{
    width: 160px;
    height: 120px;
}

.ButtonEmpStu
{
    margin: auto;
    width: 300px;
}

.ButtonDPurple
{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: normal !important;
    text-decoration: none;
}

    .ButtonDPurple a
    {
        color: #fff !important;
        height: 35px;
        display: block;
        padding-left: 5px;
        background: url(/assets/img/skin/buttons/btnBigDPurple_L.jpg) no-repeat top left;
    }

        .ButtonDPurple a span
        {
            height: 31px;
            display: block;
            padding: 4px 5px 0 5px;
            background: url(/assets/img/skin/buttons/btnBigDPurple_R.jpg) no-repeat top right;
        }

        .ButtonDPurple a:hover
        {
            background: url(/assets/img/skin/buttons/btnBigDPurple_L.jpg) no-repeat bottom left;
        }

            .ButtonDPurple a:hover span
            {
                background: url(/assets/img/skin/buttons/btnBigDPurple_R.jpg) no-repeat bottom right;
            }

.left
{
    float: left;
}

#ContentArea #left
{
    width: 600px;
    margin-right: 30px;
    float: left;
}

#ContentArea #right
{
    width: 330px;
    float: right;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

#searchLeft
{
    width: 240px;
    margin-right: 30px;
    float: left;
}

#searchRight
{
    width: 690px;
    float: right;
}

.sgpink
{
    color: #ed008c !important;
}

.sgdpurple
{
    color: #66264c !important;
}

.sglpurple
{
    color: #b11d74 !important;
}

.sgblack
{
    color: #333 !important;
}

.white
{
    color: #fff !important;
}

.tick
{
    background: url(/assets/img/ico/tick.gif) 0 0 no-repeat;
    padding-left: 20px;
}

.sgdpurple.tick
{
    background: url(/assets/img/ico/btnTickDpurple.gif) 0 0 no-repeat;
}

.sglpurple.tick
{
    background: url(/assets/img/ico/btnTickLpurple.gif) 0 0 no-repeat;
}

/* Rounded Boxes */
.roundbox_sgblack .t
{
    background: url(/assets/img/skin/box/blk_3x3.gif) 0 0 repeat-x;
}

.roundbox_sgblack .b
{
    background: url(/assets/img/skin/box/blk_3x3.gif) 0 100% repeat-x;
}

.roundbox_sgblack .l
{
    background: url(/assets/img/skin/box/blk_3x3.gif) 0 0 repeat-y;
}

.roundbox_sgblack .r
{
    background: url(/assets/img/skin/box/blk_3x3.gif) 100% 0 repeat-y;
}

.roundbox_sgblack .bl
{
    background: url(/assets/img/skin/box/blk_btm_lft.gif) 0 100% no-repeat;
}

.roundbox_sgblack .br
{
    background: url(/assets/img/skin/box/blk_btm_rt.gif) 100% 100% no-repeat;
}

.roundbox_sgblack .tl
{
    background: url(/assets/img/skin/box/blk_tp_lft.gif) 0 0 no-repeat;
}

.roundbox_sgblack .tr
{
    background: url(/assets/img/skin/box/blk_tp_rt.gif) 100% 0 no-repeat;
}

.roundbox_sgpink .t
{
    background: url(/assets/img/skin/box/pnk_3x3.gif) 0 0 repeat-x;
}

.roundbox_sgpink .b
{
    background: url(/assets/img/skin/box/pnk_3x3.gif) 0 100% repeat-x;
}

.roundbox_sgpink .l
{
    background: url(/assets/img/skin/box/pnk_3x3.gif) 0 0 repeat-y;
}

.roundbox_sgpink .r
{
    background: url(/assets/img/skin/box/pnk_3x3.gif) 100% 0 repeat-y;
}

.roundbox_sgpink .bl
{
    background: url(/assets/img/skin/box/pnk_btm_lft.gif) 0 100% no-repeat;
}

.roundbox_sgpink .br
{
    background: url(/assets/img/skin/box/pnk_btm_rt.gif) 100% 100% no-repeat;
}

.roundbox_sgpink .tl
{
    background: url(/assets/img/skin/box/pnk_tp_lft.gif) 0 0 no-repeat;
}

.roundbox_sgpink .tr
{
    background: url(/assets/img/skin/box/pnk_tp_rt.gif) 100% 0 no-repeat;
}

.roundbox_sgdpurple .t
{
    background: url(/assets/img/skin/box/dpl_3x3.gif) 0 0 repeat-x;
}

.roundbox_sgdpurple .b
{
    background: url(/assets/img/skin/box/dpl_3x3.gif) 0 100% repeat-x;
}

.roundbox_sgdpurple .l
{
    background: url(/assets/img/skin/box/dpl_3x3.gif) 0 0 repeat-y;
}

.roundbox_sgdpurple .r
{
    background: url(/assets/img/skin/box/dpl_3x3.gif) 100% 0 repeat-y;
}

.roundbox_sgdpurple .bl
{
    background: url(/assets/img/skin/box/dpl_btm_lft.gif) 0 100% no-repeat;
}

.roundbox_sgdpurple .br
{
    background: url(/assets/img/skin/box/dpl_btm_rt.gif) 100% 100% no-repeat;
}

.roundbox_sgdpurple .tl
{
    background: url(/assets/img/skin/box/dpl_tp_lft.gif) 0 0 no-repeat;
}

.roundbox_sgdpurple .tr
{
    background: url(/assets/img/skin/box/dpl_tp_rt.gif) 100% 0 no-repeat;
}

.roundbox_sglpurple .t
{
    background: url(/assets/img/skin/box/lpl_3x3.gif) 0 0 repeat-x;
}

.roundbox_sglpurple .b
{
    background: url(/assets/img/skin/box/lpl_3x3.gif) 0 100% repeat-x;
}

.roundbox_sglpurple .l
{
    background: url(/assets/img/skin/box/lpl_3x3.gif) 0 0 repeat-y;
}

.roundbox_sglpurple .r
{
    background: url(/assets/img/skin/box/lpl_3x3.gif) 100% 0 repeat-y;
}

.roundbox_sglpurple .bl
{
    background: url(/assets/img/skin/box/lpl_btm_lft.gif) 0 100% no-repeat;
}

.roundbox_sglpurple .br
{
    background: url(/assets/img/skin/box/lpl_btm_rt.gif) 100% 100% no-repeat;
}

.roundbox_sglpurple .tl
{
    background: url(/assets/img/skin/box/lpl_tp_lft.gif) 0 0 no-repeat;
}

.roundbox_sglpurple .tr
{
    background: url(/assets/img/skin/box/lpl_tp_rt.gif) 100% 0 no-repeat;
}

.t
{
    width: 100%;
}

.tr .content
{
    padding: 5px 5px 5px 10px;
    position: relative;
}

/* Call to Action boxes on homepage*/
.home_ctabox1 .tr
{
    width: 211px;
    height: 130px;
}

.home_ctabox1
{
    margin-right: 39px;
    float: left;
    background: url(/assets/img/skin/box/hpbox_helpwanted.jpg) 100% 100% no-repeat;
}

.home_ctabox2 .tr
{
    width: 211px;
    height: 130px;
}

.home_ctabox2
{
    margin-right: 39px;
    float: left;
    background: url(/assets/img/skin/box/hpbox_readreplies.jpg) 100% 100% no-repeat;
}

    .home_ctabox2 ul li
    {
        margin: 0;
        padding: 0;
        list-style-image: none;
    }

    .home_ctabox2 h3
    {
        font-size: 14px;
    }

.home_ctabox3 .tr
{
    width: 210px;
    height: 130px;
}

.home_ctabox3
{
    margin-right: 39px;
    float: left;
    background: url(/assets/img/skin/box/hpbox_hirestudent.jpg) 100% 100% no-repeat;
}

.home_ctabox4 .tr
{
    width: 211px;
    height: 130px;
}

.home_ctabox4
{
    float: left;
    background: url(/assets/img/skin/box/hpbox_leavefeedback.jpg) 100% 100% no-repeat;
}

.home_vidbox .tr
{
    width: 211px;
    height: 130px;
}

.home_vidbox img
{
    margin: 5px 0 0 10px;
}

.home_vidbox
{
    float: left;
}

.home_empbox .tr,
.home_stubox .tr
{
    width: 336px;
    height: 254px;
}

.home_stubox
{
    float: left;
    background: url(/assets/img/skin/box/bg_stubox.jpg) 100% 100% no-repeat;
}

.home_empbox
{
    float: left;
    background: url(/assets/img/skin/box/bg_empbox.jpg) 0% 100% no-repeat;
    margin-right: 38px;
}

.home_tagbox .tr
{
    width: 211px;
    height: 254px;
}

.home_tagbox
{
    float: left;
    margin-right: 39px;
}

    .home_tagbox h1
    {
        margin-bottom: 10px;
    }

    .home_tagbox a:link,
    .home_tagbox a:visited
    {
        text-decoration: none;
    }

    .home_tagbox a:hover,
    .home_tagbox a:active
    {
        background-color: #ccc;
    }
/*
sgblack	- 000000
sgpink		- ed008c
sgdpurple	- 66264c
sglpurple	- b11d74
 */
#tagcloud a.tag1
{
    color: #66264c;
    font-size: 23px;
    line-height: 24px;
    font-weight: normal;
}

#tagcloud a.tag2
{
    color: #ed008c;
    font-size: 19px;
    line-height: 20px;
    font-weight: normal;
}

#tagcloud a.tag3
{
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
}

#tagcloud a.tag4
{
    color: #ed008c;
    font-size: 12px;
    line-height: 10px;
    font-weight: normal;
}

#frmLogin_emp
{
    margin-left: 70px;
    width: 300px;
}

    #frmLogin_emp div.frmRow
    {
        margin-bottom: 10px;
        clear: both;
    }

    #frmLogin_emp label
    {
        font-weight: normal;
        display: block;
        float: left;
        width: 80px;
        margin-bottom: 10px;
        height: 28px;
        font-size: 12px;
    }

        #frmLogin_emp label span
        {
            line-height: 28px;
        }

    #frmLogin_emp input
    {
        border: #a1a1a1 1px solid;
        width: 180px;
        font-size: 13px;
        padding: 5px;
    }

        #frmLogin_emp input:hover,
        #frmLogin_emp input:focus
        {
            border: #a1a1a1 1px solid;
            background-color: #eee;
        }

/*--------Main menu--------*/
#mainmenu
{
    background: url('/assets/img/skin/mainnav/nav-left.jpg') no-repeat;
    height: 37px;
    padding: 0 0 0 5px;
    width: 960px;
    margin: 0 auto 0 auto;
}

    #mainmenu div
    {
        background: url('/assets/img/skin/mainnav/nav-right.jpg') no-repeat top right;
        height: 37px;
    }

    #mainmenu ul
    {
        height: 37px;
        list-style: none;
    }

        #mainmenu ul li
        {
            float: left;
            margin: 0 10px;
        }

    #mainmenu a
    {
        padding: 0 0 0 5px;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
    }

        #mainmenu a span
        {
            padding: 8px 15px 0 10px;
            height: 27px;
            display: block;
            cursor: pointer;
        }

        #mainmenu a:hover,
        #mainmenu a.on
        {
            background: url('/assets/img/skin/mainnav/li-left.jpg') no-repeat top left;
            color: #000;
        }

            #mainmenu a:hover span,
            #mainmenu a.on span
            {
                background: url('/assets/img/skin/mainnav/li-right.jpg') no-repeat top right;
                color: #000;
            }

/*--------Sub menu--------*/
#submenu
{
    background: url('/assets/img/skin/subnav/nav-left.jpg') no-repeat;
    height: 31px;
    padding: 0 0 0 5px;
    /*width: 550px;*/
    display: table;
    margin: 0 0 0 5px;
}

    #submenu div
    {
        background: url('/assets/img/skin/subnav/nav-right.jpg') no-repeat top right;
        height: 31px;
        padding-right: 20px;
    }

    #submenu ul
    {
        height: 31px;
        list-style: none;
    }

        #submenu ul li
        {
            float: left;
            margin: 0 10px;
        }

    #submenu a
    {
        padding: 0 0 0 5px;
        display: block;
        color: #333;
        text-decoration: none;
        font-size: 12px;
    }

        #submenu a span
        {
            padding: 5px 15px 5px 10px;
            height: 27px;
            display: block;
            cursor: pointer;
        }

        #submenu a:hover,
        #submenu a.on
        {
            background: url('/assets/img/skin/subnav/li-left.jpg') no-repeat top left;
        }

            #submenu a:hover span,
            #submenu a.on span
            {
                background: url('/assets/img/skin/subnav/li-right.jpg') no-repeat top right;
            }

#terms
{
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    color: #000;
    text-align: left;
    font-size: 12px;
}

div#terms
{
    width: 700px;
}

#terms h1
{
    color: #ed008c;
}

#terms h2
{
    color: #ed008c;
}

#terms h3
{
    color: #ed008c;
}

#terms p
{
    text-align: justify;
}

#terms strong
{
    ;
}

#terms ul
{
    text-align: justify;
}

    #terms ul li
    {
        text-align: justify;
    }

#compterms
{
    color: #000;
    text-align: left;
    font-size: 10px;
}

    #compterms h1
    {
        color: #ed008c;
    }

    #compterms h2
    {
        color: #ed008c;
    }

    #compterms h3
    {
        color: #ed008c;
    }

    #compterms ol li
    {
        font-size: 10px;
        line-height: normal;
    }

        #compterms ol li p
        {
            text-align: justify;
            font-size: 10px;
            font-weight: normal;
            line-height: normal;
        }

/* Skills List */
#SkillsListWrapper i {
    font-style: normal;
}

#SkillsListWrapper .chld a,
#SkillsListWrapper .nochld.top a,
#SkillsListWrapper .chld i,
#SkillsListWrapper .nochld.top i
{
    color: #ed008c;
    font-weight: normal;
}

#SkillsListWrapper .nochld a,
#SkillsListWrapper .nochld i
{
    color: #000;
    font-weight: normal;
}

#SkillsListWrapper .chld,
#SkillsListWrapper .nochld
{
    display: block;
    margin: 0 0 2px 0;
    font-weight: normal;
}

    #SkillsListWrapper .chld span
    {
        margin-left: 10px;
        font-weight: normal;
    }

    #SkillsListWrapper .top > a,
    #SkillsListWrapper .nochld.top a,
    #SkillsListWrapper .top > i,
    #SkillsListWrapper .nochld.top i
    {
        font-weight: bold;
    }

#SkillsList
{
    column-count: 4;
    column-gap: 2px;
}

/* FAQ */
dl.faq dt
{
    font-size: 14px;
    color: #ed008c;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 10px;
}

    dl.faq dt:hover
    {
        color: #fff !important;
        background-color: #ed008c;
        cursor: pointer;
    }

dl.faq dd
{
    margin-bottom: 10px;
    border-left: 10px solid #ccc;
    padding: 5px;
    margin-left: 1px;
}

/* Big Quotes */
.homequote
{
    width: 336px;
    float: left;
}

.openquote,
.closequote
{
    float: left;
    width: 44px;
    height: 80px;
}

    .openquote.sgdpurple
    {
        background: url(/assets/img/skin/quote/openquote_sgdpurple.png) no-repeat;
    }

    .closequote.sgdpurple
    {
        background: url(/assets/img/skin/quote/closequote_sgdpurple.png) no-repeat;
    }

    .openquote.sglpurple
    {
        background: url(/assets/img/skin/quote/openquote_sglpurple.png) no-repeat;
    }

    .closequote.sglpurple
    {
        background: url(/assets/img/skin/quote/closequote_sglpurple.png) no-repeat;
    }

.speech
{
    float: left;
    width: 248px;
    padding-top: 15px;
    font-size: 14px;
}

    .speech .source
    {
        width: 248px;
        font-weight: bold;
    }

/* Forms */

#ddPayInterval
{
    width: 140px;
}

form
{
    margin: 0;
}

.formsection div input,
.formsection div select
{
    border: #a1a1a1 1px solid;
    width: 230px;
    font-weight: bold;
    padding: 3px;
}

.formsection div select
{
    width: 240px;
}

    .formsection div input:hover,
    .formsection div input:focus,
    .formsection div select:hover,
    .formsection div select:focus,
    .formsection div textarea:hover,
    .formsection div textarea:focus
    {
        border: #a1a1a1 1px solid;
        background-color: #eee;
    }

.formsection input.checkbox,
.formsection input.checkbox:hover,
.formsection input.checkbox:focus
{
    border: none;
    width: auto;
    padding: 3px;
    margin: 0;
}

.formsection input.checkbox
{
    font-size: 16px;
}

.formsection button,
.navigation_button
{
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    width: auto;
}

.formsection div.PayPal input,
.formsection div.PayPal input:hover,
.formsection div.PayPal input:focus
{
    border: none;
    width: auto;
    font-weight: normal;
    padding: auto;
    margin: auto;
    background-color: transparent;
}

.wizardback
{
    margin-right: 10px;
}

input[type="text"].valid,
input[type="password"].valid,
input[type="email"].valid
{
    background-image: url(/assets/img/ico/tick.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.formsection .error
{
    border: 1px solid #f00;
}

.formbody label.error
{
    color: #f00;
    float: none;
    margin-left: 205px;
    border: none;
    width: 230px;
    font-size: 10px;
}

.formsection textarea
{
    border: #a1a1a1 1px solid;
    font-size: 14px;
    padding: 3px;
}

div.formsection
{
    width: 583px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background: url(/assets/img/skin/form/formfooter_bg.png) no-repeat bottom;
}

    div.formsection div.formheader
    {
        height: 38px;
        background: url(/assets/img/skin/form/formheader_bg.png) no-repeat top;
        color: #fff;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        padding-left: 10px;
    }

    div.formsection div.formbody
    {
        background: url(/assets/img/skin/form/formbody_bg.gif) repeat-y top;
        padding: 10px;
    }

.formbody label
{
    color: #4f4f4f;
    font-size: 14px;
    display: block;
    width: 185px;
    margin-right: 20px;
    float: left;
    padding-top: 3px;
}

    .formbody label a:link
    {
        font-weight: normal !important;
        font-size: 14px;
    }

    .formbody label.required:after
    {
        /*	content: url(/assets/img/skin/form/required.gif);*/
        content: " *";
        color: #ed008C;
        white-space: nowrap;
    }

    .formbody label.checkbox
    {
        color: #4f4f4f;
        font-size: 12px;
        display: block;
        width: 330px;
        padding-top: 0;
        margin-right: 0;
        float: right;
    }

.formbody div .help
{
    color: #4f4f4f;
    width: 120px;
    margin-left: 205px;
}

.formbody div
{
    margin-bottom: 10px;
}

    .formbody div.formtext
    {
        margin-left: 190px;
    }

#recaptcha_widget_div
{
    float: left;
}

.successmessage
{
    font-size: 14px;
    margin-bottom: 10px;
}

.formProgress
{
    float: right;
    height: 24px;
    width: 183px;
    background: url(/assets/img/skin/form/form_progress_bg.gif) no-repeat;
    margin: 8px 10px 0 0;
}

    .formProgress div
    {
        width: 175px;
    }

        .formProgress div.progressBar
        {
            background: url(/assets/img/skin/form/form_progress_l.gif) no-repeat top left;
            height: 20px;
            margin: 2px 0 0 4px;
        }

        .formProgress div span
        {
            background: url(/assets/img/skin/form/form_progress_r.gif) no-repeat top right;
            width: 4px;
            float: right;
            display: block;
            height: 20px;
        }

/* partners */
.partnertitle
{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-top: 4px;
}

.partnerdetails
{
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.partnerlink img
{
    margin: 2px;
}

.partnerlink a:link img,
.partnerlink a:visited img
{
    border: 1px solid #ccc;
}

.partnerlink a:active img,
.partnerlink a:hover img
{
    border: 1px solid #f00;
}

.partnerlink a:hover
{
    background-color: #fff !Important;
    line-height: 0px;
}

table#presscoverage
{
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

td, th
{
    padding: 5px;
    text-align: left;
}

    td.left
    {
        text-align: left;
    }

    td.center
    {
        text-align: center;
    }

    td.right
    {
        text-align: right;
    }

#presscoverage td
{
    border-top: 1px solid #ccc;
}

.usefullstuffbox
{
    width: 240px;
    margin-right: 40px;
    margin-bottom: 40px;
}

    .usefullstuffbox .content
    {
        height: 140px;
    }

span.learnmore
{
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 14px;
}

.legalNotice
{
    display: block;
    border: 2px solid #ed008C;
    font-size: 10px;
    padding: 5px;
}

.didYouKnow
{
    margin: 10px;
    font-size: 11px;
}

    .didYouKnow .content p
    {
        margin: 0 5px 0 5px;
    }

p.small
{
    font-size: 10px;
}

#dobDay
{
    width: 60px;
}

#dobMonth,
#CourseEndMonth
{
    width: 80px;
    margin-left: 10px;
}
#CourseEndMonth
{
    margin-left: 0;
}

#dobYear,
#CourseEndYear
{
    width: 75px;
    margin-left: 10px;
}

.navigation_button /* Turned on by JS */
{
    display: none;
}

#validation_errors,
#js_validation_errors
{
    width: 500px;
    border: 2px solid #f00;
    padding: 20px;
    margin-bottom: 20px;
}

    #validation_errors h2,
    #js_validation_errors h2
    {
        color: #f00;
        font-size: 18px;
        font-weight: normal;
    }

    #validation_errors ul li,
    #js_validation_errors ul li
    {
        font-size: 14px;
        color: #f00;
        list-style-type: decimal;
        list-style-image: none;
    }

/* Autocomplete */
.ac_results
{
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

    .ac_results ul
    {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .ac_results li
    {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
        line-height: 16px;
        overflow: hidden;
    }

.ac_loading
{
    background: white url('/assets/img/indicator.gif') right center no-repeat;
}

.ac_odd
{
    background-color: #eee;
}

.ac_over
{
    background-color: #ed008C;
    color: white;
}

/* OLD STYLES - TO BE REMOVED */
.editHeader
{
    font-size: 11px;
    font-family: verdana;
    color: #ffffff;
    font-weight: bold;
    padding: 6px;
    height: 24;
    min-height: 24;
}

.editSide
{
    font-size: 11px;
    font-family: Verdana;
    color: #000000;
    height: 54px;
    min-height: 24;
    padding: 3px;
}

.editBody
{
    font-size: 11px;
    font-family: Verdana;
    color: #000000;
    height: 24;
    min-height: 24;
    padding: 3px;
    padding-left: 15px;
}

    .editBody a:link,
    .editBody a:visited,
    .regSide a:link,
    .regSide a:visited
    {
        color: #000;
    }

    .editBody a:active,
    .editBody a:hover,
    .regSide a:active,
    .regSide a:hover
    {
        color: #ED008C;
        /*color: #ED008C;*/
    }

#searchTabs td
{
    padding: 0;
    width: 140px;
    height: 16px;
    display: block;
    float: left;
}

/* Feedback Tab */
.feedback-wrap
{
    position: fixed;
    top: 100px;
    right: -302px;
    z-index: 99999;
}

a.feedback-tab,
.feedback-panel
{
    float: right;
}

a.feedback-tab
{
    display: block;
}

a.feedback-tab
{
    background: transparent url(/assets/img/skin/buttons/feedback-tab-off.png);
    height: 120px;
    width: 30px;
}

    a.feedback-tab:hover
    {
        background: transparent url(/assets/img/skin/buttons/feedback-tab-on.png);
        height: 120px;
        width: 30px;
    }

.feedback-panel
{
    width: 300px;
    height: 480px;
    background: #fff;
    border: 1px solid #000;
}

.form-wrap
{
    padding: 10px;
}

    .form-wrap textarea
    {
        height: 120px;
        width: 275px;
        font-size: 10px;
        padding: 5px;
        font-size: 12px;
        border: #a1a1a1 1px solid;
    }

        .form-wrap textarea:hover,
        .form-wrap textarea:focus
        {
            border: #a1a1a1 1px solid;
            background-color: #eee;
        }

#overlay
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 5000px;
    z-index: 9000;
    background: url(/assets/img/skin/overlay.png);
    display: none;
}

div.widgetjob span
{
    font-size: 10px;
}

div.widgetjob a
{
    font-size: 11px;
}

div.widgetjob
{
    margin-bottom: 5px;
}

small.TinyText
{
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 10px;
}

UL.NoBullets,
UL.NoBullets li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Search Jobs */
.job
{
    border-top: 2px solid #000;
    padding-top: 10px;
    font-size: 12px;
    margin-bottom: 15px;
}

    .job .profile-pic
    {
        float: left;
        width: 90px;
        height: 120px;
        margin-right: 10px;
    }

        .job .profile-pic img
        {
            height: auto;
            width: 80px;
        }

    .job .job-left,
    .job .job-right
    {
        float: left;
        width: 250px;
    }

        .job .job-left div,
        .job .job-right div
        {
            margin-top: 5px;
        }

            .job .job-left div span,
            .job .job-right div span
            {
                font-weight: bold;
            }

    .job .category
    {
        font-size: 10px;
    }

    .job .title
    {
        font-size: 14px;
        font-weight: bold;
    }

    .job .charity
    {
        color: #f00;
    }

    .job .job-details-button
    {
        text-align: right;
    }

.job-search-header .search-info
{
    float: left;
    width: 80%;
}

.job-search-header .header-right
{
    float: left;
    width: 20%;
    text-align: right;
}

/* PPC Pages */
.centered
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ppcLeft
{
    float: left;
    width: 380px;
}

.ppcMiddle
{
    float: left;
    width: 290px;
    margin-left: 15px;
}

.ppcRight
{
    float: right;
    width: 250px;
}

    .ppcRight div
    {
        background-color: #e1e1e1;
        padding: 5px;
    }

/* Checkout progress Indicators */
#checkout-progress
{
    width: 100%;
    height: 23px;
    background-image: url(/assets/img/checkout/progress_line.gif);
    background-repeat: repeat-x;
}

    #checkout-progress .step-on,
    #checkout-progress .step-off
    {
        height: 23px;
        width: 23px;
        margin-right: 211px;
        float: left;
    }

    #checkout-progress .step-on
    {
        background-image: url(/assets/img/checkout/progress_dot_on.gif);
    }

    #checkout-progress .step-off
    {
        background-image: url(/assets/img/checkout/progress_dot_off.gif);
    }

    #checkout-progress .checkout-text
    {
        float: left;
        width: 150px;
    }

.submit_button
{
    width: auto;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}

.datatable
{
    width: 100%;
    border-collapse: collapse;
}

    .datatable th
    {
        background-color: #cacaca;
    }

    .datatable th,
    .datatable td
    {
        border: 1px solid #999;
    }

.nowrap
{
    white-space: nowrap;
}

.admin-table td,
.admin-table th
{
    padding: 3px;
}

.admin-table td
{
    vertical-align: top;
}

.admin-table tr
{
    border-bottom: 1px solid #000;
}

.searchFilterSection h3
{
    background-image: url(/assets/img/ico/expand_collapse.png);
    background-position: right -24px;
    background-repeat: no-repeat;
}

    .searchFilterSection h3.open
    {
        background-position: right 0;
    }

/* Student pager hilight */
a.NavTabsSelected
{
    color: #fff !important;
    background-color: #ED008C;
}

#student-profile
{
    width: 583px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background: url('/assets/img/skin/form/formfooter_bg.png') no-repeat bottom;
}

.profile-header
{
    height: 38px;
    background: url('/assets/img/skin/form/formheader_bg.png');
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    font-weight: bold;
    padding-left: 10px;
}

#student-profile .tabs a,
#student-profile .tabs a:link,
#student-profile .tabs a:visited,
#student-profile .tabs a:active
{
    font-size: 14px;
    color: #fff;
    padding: 6px;
}

    #student-profile .tabs a:hover,
    #student-profile .tabs a.selected
    {
        background-color: #ed008c;
        border-radius: 3px;
    }

.profile-body
{
    background: url('/assets/img/skin/form/formbody_bg.gif');
    padding: 10px;
    overflow: hidden;
}

.profile-left
{
    float: left;
    width: 185px;
    margin-right: 5px;
    padding-top: 3px;
}

.profile-right
{
    float: left;
    width: 350px;
    padding: 3px;
}

.profile-left strong
{
    color: #66264C;
    font-weight: bold;
    display: block;
    margin: 10px 0 2px 0;
}

.profile-right strong
{
    color: #ed008c;
    font-weight: bold;
    display: block;
    margin: 24px 0 10px 0;
    font-size: 14px;
}

.profile-thumbnail
{
    padding-left: 10px;
}

    .profile-thumbnail img
    {
        border: 3px solid #66264C;
        border-radius: 16px;
    }

table.feedback-detail
{
    width: 240px;
}

    table.feedback-detail td,
    table.feedback-detail th
    {
        padding: 0;
    }

.hide-accordion,
.hide-accordion-button
{
    display: none;
}

.profile-skills-list ul
{
    list-style: none;
}

.profile-skills-list ul
{
    list-style: none;
    padding: 0;
    margin: 0 0 0 10px;
}

.profile-skills-list li
{
    margin: 0;
    padding: 0;
}

.profile-skills-list .level1
{
    color: #ed008c;
}

.profile-skills-list
{
    display: block;
    margin-bottom: 5px;
}

.verified-student
{
    background-image: url('/images/tick_vfy.gif');
    background-position: center right;
    background-repeat: no-repeat;
    color: #66264C;
    padding-right: 24px;
    margin-left: 32px;
}

.feedbackRecord
{
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #151515;
}

    .feedbackRecord .jobTitle
    {
        color: #66264C;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
    }

    .feedbackRecord .jobStars
    {
        float: right;
    }

    .feedbackRecord .comments
    {
        margin-top: 10px;
        overflow: hidden;
    }

        .feedbackRecord .comments span
        {
            display: block;
            float: right;
        }

    .feedbackRecord .detailOpener
    {
        cursor: pointer;
        margin-top: 10px;
        text-align: center;
        font-size: 12px;
        color: #ED008C;
    }

    .feedbackRecord .ratings
    {
        display: none;
        margin-top: 10px;
        overflow: hidden;
    }

        .feedbackRecord .ratings > span
        {
            display: block;
        }

            .feedbackRecord .ratings > span > span
            {
                display: block;
                float: right;
            }

.form-right
{
    display: inline-block;
    max-width: 356px;
}

.intro
{
    font-weight: bold;
    color: #b11d74;
    font-size: 12px;
}

.profile-summary-section
{
    margin-bottom: 10px;
}

#FormErrors .error
{
    display: block;
    color: #f00;
    margin: 5px 0;
}