/*************************************************
**  Home page CSS
**
**************************************************/

/*************************************************
**  module_container:
**    -Cusomer reivews/featured employers modules
**        225 x 216
**
**    -Join module
**        horizontal, long module 420 x 173
**
**************************************************/
div#module_container{
    margin-top:16px;
}

    /*** 225 x 216 module ***/
    div#hp_module{
        background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_hp_module.gif);
		float:left;
        font-family:"Helvetica",Arial,sans-serif;
        height:192px;
        margin-right:19px;
        padding:12px 17px 12px 8px;
        position:relative;
        width:200px;
    }

		div#hp_module object{
			margin-top:10px;
		}

        div#hp_module * {
             margin:0;
             padding:0;
         }

        div#hp_module h5{
            color:#3C659D;
            font-size:14px;
        }

        div#hp_module blockquote{
            color:#000;
            font-size:12px;
            line-height:16px;
            margin:6px 0 0 0;
            padding-left:10px;
        }

            div#hp_module blockquote em{
                color:#3C659D;
                font-weight:bold;
                font-style:normal;
            }

        div#hp_module p.link{
            bottom:9px;
            color:#711818;
            font-size:11px;
            font-weight:bold;
            position:absolute;
            right:13px;
            letter-spacing:-.01em;
        }

            div#hp_module p.link a{
				color:#711818;
                text-decoration:none;
            }

			div#hp_module p.link a:hover{
				color:#3082C8;
			}

        div#hp_module p.cite{
            font-style:italic;
            font-size:10px;
			letter-spacing:-.05px;
            margin:8px 0 0 0;
            text-align:right;
        }

        div#hp_module p.quote{
            font-family:"Times New Roman", Times, serif;
            font-size:12px;
            font-weight:bold;
            left:12px;
            position:absolute;
            top:34px;
        }

    /*** 420 x 173 module ***/
    div#hp_module_horiz{
		float:left;
        font-family:Helvetica,Arial,sans-serif;
        height:138px;
        padding:15px 16px 20px;
        position:relative;
        width:423px;
    }

    	div#hp_module_horiz.hp_module_horiz{
	        background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_hp_module_horiz.gif);
            background-repeat:no-repeat;
        }

    	div#hp_module_horiz.hp_module_horiz_on{
        	background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_hp_module_horiz_on.gif);
		}

        div#hp_module_horiz *{
            margin:0;
            padding:0;
        }

        div#hp_module_horiz h3{
            color:#3C659D;
            font-size:22px;
            font-weight:normal;
            letter-spacing:-.02em;
        }

        div#hp_module_horiz ul{
            list-style-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/icons/horiz_module_arrow.gif);
            margin-left:16px;
        }
        div#hp_module_horiz li{
            font-size:12px;
            margin-top:4px;
        }

            div#hp_module_horiz ul li h4{
                 display:inline;
                 font-size:12px;
                 font-weight:normal;
                 letter-spacing:normal;
                 margin:0;
            }

			     div#hp_module_horiz ul li h4 strong{
		         	color:#3C659D;
				 }

        div#hp_module_horiz h5{
            color:#3C659D;
            display:inline;
            font-size:18px;
            letter-spacing:-.02em;
            position:relative;
			top:17px;
        }

        div#hp_module_horiz a.join{
             color:#990000;

            /*display:block;*/

            /*height:36px;*/
            /*right:10px;*/
            /*position:absolute;*/
			/*text-indent:-9000px;*/
			/*top:122px;*/
            /*width:170px;*/
        }

        	div#hp_module_horiz a:hover.join{

			}

/*************************************************
**  mid_container:
**    -Find great jobs module
**    -Model / checkerboard background
**
**************************************************/
div#mid_container{
    height:452px;
    margin:0 auto;
    position:relative;
    width:912px;
    left:2px;
}

    /*** Model and Checkerboard ***/
    div#bg_container{
        z-index:2;
    }

        div#bg_container img{
            display:block;
            float:left;
            margin:0;
            padding:0;
        }

        div#bg_container img.bg_topLeft{
            height:132px;
            width:593px;
        }

        div#bg_container img.bg_topRight{
            height:132px;
            width:319px;
        }

        div#bg_container img.bg_btmLeft{
            height:216px;
            width:593px;
        }

        div#bg_container img.bg_btmRight{
            height:216px;
            width:319px;
        }

    /*** JOBS MODULE ***/
    div#jobs_module{
        background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_jobs_module.gif);
        color:#FFF;
        height:184px;
        left:48px;
        position:absolute;
        top:133px;
        width:517px;
        z-index:3;
    }

        div#jobs_module h1{
            color:#FFF;
            font-size:19px;
            left:25px;
            margin:0;
            padding:0;
            position:absolute;
            top:16px;
        }

        div#jobs_module h3{
            color:#FF6;
            font-size:14px;
            margin:0;
            padding:0;
            position:relative;
			text-align:center;
			top:148px;
        }

			div#jobs_module h3 a{
	            color:#FF6;
				text-decoration:underline;
			}

				div#jobs_module h3 a:hover{
					color:#FFF;
				}

            div#jobs_module h3 span.time{
                color:#FFF;
                font-size:13px;
            }

        div#jobs_module ul{
            list-style-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/icons/jobs_module_arrow.gif);
            margin-top:0;
            padding-left:0;
            position:absolute;
            top:46px;
        }

        div#jobs_module li{
            margin-top:10px;
        }

			div#jobs_module ul li h2{
                 color:#FFF;
				 display:inline;
                 font-family:Arial, sans-serif;
				 font-size:12px;
				 font-weight:bold;
                 letter-spacing:.01em;
                 margin:0 0 0 -5px;
                 padding:0;
			}

            div#jobs_module ul li a{
            	color:#FFF;
			}

	            div#jobs_module.jobs_module ul li a:hover{
	                color:#9FF;
	            }

        div#jobs_module ul#jobs_left_col{
            left:38px;
        }

        div#jobs_module ul#jobs_middle_col{
            left:212px;
        }

        div#jobs_module ul#jobs_right_col{
            left:402px;
        }

/*************************************************
**  General classes:
**    -Exclusive partnerships
**
**************************************************/
p.partnerships{
    color:#3C659D;
    float:left;
    font-size:12px;
    text-indent:20px;
}
div.partnership_logos{
    border-left:1px solid #999;
    float:left;
    height:20px;
    margin:9px 0 0 6px;
    padding-left:6px;
    width:234px;
}

/*************************************************
**  Navigation highlight
**************************************************/
body#home ul#navigation_L1 a#link_home{
    background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/navigation/l1/nav_bg_left_on.gif);
}

/**
 ** New home page
 **/

h3
{
  background-color:transparent;
}

div#hp_module_horiz h3 {
  color:#003366;
}

div#mid_container ul {
  list-style-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/icons/thumb_arrow.gif);
  color: #3C659D;
  font-family:arial,helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top:0;
}

.gradientBoxRow
{
  padding-left:5px;
  padding-top:20px;
}

.gradientBox
{
  position: relative;
  background:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_hp_module_horiz2.gif) no-repeat;
  width:441px;
  height:197px;
  float: left;
}

.gradientBoxRight
{
  margin-left:19px;
}

.gradientBoxPadder
{
  padding:15px 20px;
}

.gradientBoxListContainer
{
  padding-left:1px;
}

.gradientBoxPadder h3
{
  color:#002e5c;
  font-size:20px;
  font-weight:bold;
  margin:0px;
  padding-bottom:4px;
}

.gradientBoxBullet
{
  float:left;
  padding-top:4px;
}

.gradientBoxHeader,
.gradientBoxListItem,
.gradientBoxListItem h4
{
  font-size:15px;
}

.gradientBoxHeader,
.gradientBoxListItem,
.gradientBoxListItem h4
{
  font-size:15px;
  font-weight:bold;
}

.gradientBoxBody
{
  font-size:12px;
  padding-bottom:8px;
}

.gradientBoxListItem
{
  float:left;
  line-height:23px;
  padding-left:6px;
}

.gradientBoxListItem h4
{
  padding:0px;
  margin:0px;
  clear:none;
  display:inline;
  color:#12548d;
}

.newJobsInfoContainer
{
  padding-top:23px;
  clear:both;
}

.newJobsInfoHighlight,
.newJobsInfo
{
  font-size:20px;
}

.newJobsInfoHighlight
{
  font-weight:bold;
  color:#6ef8f8;
}

.newJobsInfo {
  color:#ffffff;
}

.homepageBoxContainer
{
  height:403px;
  margin:0 auto;
  position:relative;
  width:910px;
  left:5px;
}

.homepageBoxDetailsContainer
{
  position:relative;
  left:319px;
  top:140px;
  width:550px;
  text-align:center;
}

.homepageBoxInputRowContainer
{
  position:absolute;
  top:5px;
}

.homepageBoxInputLabel
{
  float:left;
  padding-top:3px;
  font-weight:bold;
}

.homepageBoxInput
{
  float:left;
  padding-left:4px;
  padding-right:13px;
}

.ladderLinkContainer
{
  text-align:left;
  color:#ffffff;
  padding-left:33px;
  padding-top:18px;
}

.ladderLinkContainer h3
{
  padding:8px 0px 0px 0px;
  font-size:18px;
  margin:0px;
}

.ladderLinkSubContainer
{
  float:left;
  padding-right:13px;
  font-size:13px;
  line-height:19px;
}

.ladderLinkSubContainer a
{
  color:#ffffff;
}