/*__________________________________________________________

                       Jobzippers CSS
____________________________________________________________

                      MAIN STYLESHEET

                   general layout styles
____________________________________________________________

 Copyright 2008 by Stefan Heckler <sh@diekosmonauten.com>
__________________________________________________________*/

html, body { width: 100%; height: 100%; }
body {
    background-color: #ffffff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #8b8b8b;
    text-align: center;
}

p{
    line-height: 19px;
}

/**
 * general styles
 */
body, h1, h2, h3, form, input, p, a, ul, li, table {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #8b8b8b;
    margin: 0;
    padding: 0;
    border: 0;
}
table { text-align: left; }
input, select, option, label { font-size: 12px; font-family: Arial, Verdana, sans-serif; color: #bababa; }

input.greyButton {
    height: 18px;
/*    display: block;	*/
    background-image: url(../img/site/table/grey_button.gif);
/*    background-repeat: repeat-x;	*/
    text-decoration: none;
    font-size: 12px;
    width: auto;
    text-align: center;
    border: 1px solid #ffffff;
    border-right: 1px solid #969696;
    border-bottom: 1px solid #969696;
    line-height: 18px;
    color: #767676;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -14px;
    margin-right: 3px;
    margin-left: 10px;
    background-position: 0 0;
    white-space: nowrap;
}


select { border: 1px solid #d8d6d6; padding: 1px; }

ul, li { list-style: none; }

img { border: 0; display: inline; }

img.block_image { display: block; margin-bottom: 20px; }

#shell {
    /*width: 892px;*/
    width: 950px;
    margin: 0 auto;
    text-align: left;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

p.right_info {
    line-height: 17px;
    text-align: justify;
}

p.h2_desc {
    line-height: 17px;
    padding-bottom: 20px;
}

p.h2_desc_short { width: 600px; }

.clear { clear: both; line-height: 0px; }


/* columns */
div.leftcol {
    width: 427px;
    float: left;
}

div.rightcol {
    width: 516px;
    float: left;
}


/** header **/
 /*h1.header {
    width: 152px;
    height: 109px;
    background: url(../img/site/header_logo.gif) no-repeat center center;
    color: #ffffff;
    font-size: 0px;
    line-height: 200px;
    overflow: hidden;
    display: block;
    float: left;
}

 h1.header a {
    width: 152px;
    height: 79px;
    color: #ffffff;
    font-size: 0px;
    line-height: 200px;
    overflow: hidden;
    display: block;
    float: left;
    padding-top: 15px;
}
*/
a.header_logo {
    width: 191px;
    height: 105px;
    background-image: url(../img/site/start/header_logo.gif);
    background-position: 0 -10px;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 0px;
    line-height: 200px;
    overflow: hidden;
    display: block;
    float: left;
}

/** header **/
a.header_logo {
    
    /*margin-bottom: 70px;*/
	/*margin-bottom: 40px;*/
}

/** quicksearch **/
form.quicksearch {
    width: 312px;
    height: 31px;
    padding-top: 7px;
    margin-top: 22px;
    line-height: 38px;
    background-image: url(../img/site/quicksearch_bg.gif);
    display: block;
    overflow: hidden;
    float: right;
}

.quicksearch label, .quicksearch input {
    float: left;
    height: 24px;
    display: block;
    overflow: hidden;
}

.quicksearch label {
    width: 112px;
    font-size: 0px;
    line-height: 60px;
}

.quicksearch input.string {
    width: 157px;
    height: 18px;
    padding: 6px 5px 0 8px;
    color: #a3a3a3;
    background-color: transparent;
}

.quicksearch input.submit {
    width: 20px;
    margin-right: 9px;
    background-color: transparent;
    background-image: none !important;
    font-size: 0px;
    display: block;
    float: right;
    cursor: pointer;
}

/** navigation **/
ul.navigation {
    width: 950px;
    height: 53px;
    padding-top: 5px;
    padding-bottom: 9px;
    margin-bottom: 20px;
    background-image: url(../img/site/navigation_bg.gif);
    background-repeat: no-repeat;
    background-position: 0 73px;
    display: block;
    overflow: hidden;
}


.navigation li, .navigation a {
    height: 53px;
    display: block;
    overflow: hidden;
    float: left;
}

ul.navigation a {
    text-decoration: none;
    width: 160px;
    font-size: 0px;
    background-image: url(../img/site/navigation_buttons.gif);
    background-repeat: no-repeat;
    text-align: center;
    color: #bfbfbf;
}

ul.navigation a.button01, ul.navigation a.button01_active {
    width: 151px;
}

ul.navigation a.button01:hover, ul.navigation a.button01_active {
    background-position: 0 -53px;
}

ul.navigation a.button02, ul.navigation a.button02_active {
    background-position: -151px 0px;
}

ul.navigation a.button02:hover, ul.navigation a.button02_active {
    background-position: -151px -53px;
}

ul.navigation a.button03, ul.navigation a.button03_active {
    background-position: -311px 0px;
}

ul.navigation a.button03:hover, ul.navigation a.button03_active {
    background-position: -311px -53px;
}

ul.navigation a.button04, ul.navigation a.button04_active {
    background-position: -471px 0px;
}

ul.navigation a.button04:hover, ul.navigation a.button04_active {
    background-position: -471px -53px;
}

ul.navigation a.button05, ul.navigation a.button05_active {
    background-position: -631px 0px;
}

ul.navigation a.button05:hover, ul.navigation a.button05_active {
    background-position: -631px -53px;
}

ul.navigation a.button06, ul.navigation a.button06_active {
    width: 159px;
    background-position: -791px 0px;
}

ul.navigation a.button06:hover, ul.navigation a.button06_active {
    background-position: -791px -53px;
}

ul.navigation.start_de_de a {
    background-image: url(../img/site/navigation_start_de_de.gif?v=2);
}
ul.navigation.start_en_en a {
    background-image: url(../img/site/navigation_start_en_en.gif?v=2);
}
ul.navigation.start_fr_fr a {
    background-image: url(../img/site/navigation_start_fr_fr.gif?v=2);
}
ul.navigation.student_de_de a {
    background-image: url(../img/site/navigation_student_de_de.gif?v=2);
}
ul.navigation.student_en_en a {
    background-image: url(../img/site/navigation_student_en_en.gif?v=2);
}
ul.navigation.student_fr_fr a {
    background-image: url(../img/site/navigation_student_fr_fr.gif?v=2);
}
ul.navigation.company_de_de a {
    background-image: url(../img/site/navigation_company_de_de.gif?v=2);
}
ul.navigation.company_en_en a {
    background-image: url(../img/site/navigation_company_en_en.gif?v=2);
}
ul.navigation.company_fr_fr a {
    background-image: url(../img/site/navigation_company_fr_fr.gif?v=2);
}
ul.navigation.university_de_de a {
    background-image: url(../img/site/navigation_university_de_de.gif?v=2);
}
ul.navigation.university_en_en a {
    background-image: url(../img/site/navigation_university_en_en.gif?v=2);
}
ul.navigation.university_fr_fr a {
    background-image: url(../img/site/navigation_university_fr_fr.gif?v=2);
}
ul.navigation.mentor_de_de a {
    background-image: url(../img/site/navigation_mentor_de_de.gif?v=2);
}
ul.navigation.mentor_en_en a {
    background-image: url(../img/site/navigation_mentor_en_en.gif?v=2);
}
ul.navigation.mentor_fr_fr a {
    background-image: url(../img/site/navigation_mentor_fr_fr.gif?v=2);
}

/** columns **/
div.left_col {
    width: 432px;
    float: left;
    padding-left: 2px;
}

div.right_col {
    float: left;
    width: 514px;
}

/** footer **/
div.footer {
    width: 940px;
    height: 32px;
    padding-left: 10px;
    border-top: 1px solid #dcdbdb;
    line-height: 32px;
    color: #838383;
    font-size: 11px;
    display: block;
    margin: 0 auto;
    position: relative;
    margin-top: -33px;
    text-align: left;
    clear: both;
}

div.footer a {
    color: #838383;
    font-size: 11px;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}

div.footer a:hover { text-decoration: underline; }

div#logout a.logout {
    position: relative;
    margin-left: 37px;
    /*width: 53px;*/
    height: 23px;

    /* Alternative old version */
    /*background-image: url(../img/site/button_logout.gif);
    background-repeat: no-repeat;
    margin-top: 11px;
    line-height: 100px;
    font-size: 0;*/

    font-size:11px;
    color: #838383;
    padding-top: 16px;
    text-decoration: none;

    display: block;
    float: right;
    overflow: hidden;
}

h3.normal{
    color:#6D6D6D;
    font-size:13px;
    font-weight:bold;
    margin-top: 9px;
    margin-bottom: 2px;
}

/** image headlines **/
h2.imghl {
    
    font-size: 16px;
    
    
    /*color: #767676;*/
	color: #5a5a5a;  /* changed @ 2009-07-04 */
	font-weight: normal;
    margin-bottom: 9px;
    margin-top: 25px;
}

/** borderline headlines **/
h2.borderhl {
    font-size: 16px;
	color: #5a5a5a; 
	font-weight: normal;
	width: 100%;
	padding: 0 0 10px 0;
    margin: 35px 0 12px 0;
	border-bottom: 1px solid #ebebeb;
}


/** debug info **/
.debugConsole {
    position: absolute;
    top: 0;
    right: 0;
    background: #171717;
    color: #fff;
	width: 25px;
	height: 25px;
	overflow: hidden;
}

.debugConsole .debugNavigation {
    padding: 0px;
    /*width: 100%;*/
	width: auto;
	display: inline;
    border-bottom: 1px solid #474747;
    height: 25px;
    overflow: hidden;
    /*float: left;*/
	position: relative;
}


.debugConsole .debugNavigation li {
    float: right;
	width: auto;
}

.debugConsole .debugNavigation li.close,
.debugConsole .debugNavigation li.open {
    float: right;
	width: 25px;
}
.debugConsole .debugNavigation li.pin{
    float: left;
}
.debugConsole .debugNavigation a {
    float: left;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-right: 1px solid #474747;
}

.debugConsole .debugNavigation a.close,
.debugConsole .debugNavigation a.open {
    padding: 5px;
    width: 15px;
    height: 15px;
    display: block;
    line-height: 200px;
    overflow: hidden;
    font-size: 0px;
    color: #171717;
    border: 0;
    background: transparent url(../img/cms/debug_close.gif) no-repeat 0 0;
    float: right;
}

.debugConsole .debugNavigation a.open { background-image: url(../img/cms/debug_open.gif); }

.debugConsole h3,
.debugConsole h3 a {
    font-size: 12px;
    font-weight: bold;
    color: #a5ea2e;
    text-decoration: none;
}

.debugConsole h3 {
    border-bottom: 1px solid #474747;
    margin-bottom: 3px;
}

.debugConsole .debugList {
    width: 100%;
    margin-bottom: 10px;
}

.debugConsole .debugList th,
.debugConsole .debugList td {
    padding: 3px;
    padding-right: 10px;
    border-bottom: 1px solid #333333;
}

.debugConsole .debugList th {
    color: #999;
}

.debugConsole .debugLog,
.debugConsole .debugConfig {
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    padding: 10px;
    padding-bottom: 0;
    display: none;
}

.debugConsole .debugLog {
    padding: 10px;
    clear: both;
}

div.debug_times {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 280px;
    font-size: 10px;
    text-align: left;
    border: 1px solid #dddddd;
    padding: 5px;

    background: #fff;
    padding-right: 40px;
}

div.debug_info {
    text-align: left;
}

div.debug_times strong { font-weight: bold; }



/* iconbox */
div.iconbox {
    width: 374px;
    height: 207px;
    background-image: url(../img/site/iconbox_bg.gif);
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 17px;
}

div.iconbox a {
    width: 100px;
    height: 30px;
    padding-top: 65px;
    background-repeat: no-repeat;
    background-position: top center;
    float: left;
    text-align: center;
    font-size: 13px;
    line-height: 14px;
    color: #cccccc;
    text-decoration: none;
    margin-right: 25px;
    margin-bottom: 15px;
}

div.iconbox a:hover { color: #ffffff; /*text-decoration: underline;*/ }


/* page icons (headlines) */
h2.pi {
    font-size: 17px;
    font-weight: normal;
    color: #767676;
    height: 61px;
    background-repeat: no-repeat;
    margin-left: -3px;
    line-height: 58px;
    float: left;
    padding-left: 75px;
    margin-bottom: 32px;
    margin-top: 15px;
}

h2.pi_large {
    font-size: 40px;
    font-weight: normal;
    color: #767676;
    height: 40px;
    background-repeat: no-repeat;
	background-position: -17px 0;
    margin-left: 0px;
    line-height: 40px;
    float: left;
	padding-top: 57px;
    padding-left: 118px;
    margin-bottom: 17px;
	vertical-align: bottom;
}

h2.pi_large.two_lines{
	height: 80px;
	padding-top: 17px;
}

/** makepages **/
div.table_footer {
    display: none;
    background-color: #e9e9e9;
    height: 32px;
    text-align: right;
}

div.makepages {
    background-color: #e9e9e9;
    text-align: right;
    float: right;
    padding-top: 4px;
}

div.makepages a.page, div.makepages span.active, div.makepages span.dots {
    width: 23px;
    height: 23px;
    display: block;
    margin-right: 4px;
    background-color: #ffffff;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    float: left;
    color: #4e4e4e;
    overflow: hidden;
    padding: 0;
}

div.makepages span.active {
    /*background-color: #913eb2;*/
    background-color: #4E4E4E;
    color: #ffffff;
}

div.makepages a.back, div.makepages a.next {
    width: 26px;
    height: 27px;
    font-size: 0;
    line-height: 0px;
    overflow: hidden;
    float: left;
    background-image: url(../img/site/form/back.gif);
    background-repeat: no-repeat;
    margin-right: 6px;
    margin-top: -2px;
}

div.makepages a.next { background-image: url(../img/site/form/next.gif); }

div.makepages span.dots { background-color: transparent; }

/** show cv **/
div.show_cv h2 {
    font-size: 16px;
    color: #767676;
    font-weight: normal;
    margin-bottom: 9px;
    height: 31px;
    line-height: 31px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 11px;
    margin-bottom: 10px;
}




h2.pi.pi_gtc { background-image: url(../img/site/pi_gtc.gif); }

h2.pinew {
    background-image: url(../img/site/company/pi_signup_new.gif);
}


/* about */

.about_subnavi {
    float: left;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 50px;
}

.about_subnavi li{
    float: left;
    list-style: disc inside;
    margin-right: 20px;
    display: list-item;
    margin-left: 0.5em;
}

.about_subnavi li a {
    font-size: 16px;

    padding: 0;
    text-decoration: none;
    color: #b2b2b2;
}

.about_subnavi li a:hover {
    /*text-decoration: underline;*/
    color: #767676;
}

.about_subnavi li.active a{
    color: #767676;
    font-weight: bold;
    text-decoration: none;
}

h2.advisory_board {
    margin-bottom: 10px;
    display: inline;
    color: #767676;
}
h3.advisory_board {
    font-weight: normal;
    color: #b7b7b7;
    font-size: 12px;
}
p.advisory_board{
    margin: 10px 0 0 112px;
    line-height: 17px;
}

.about_partners {
    color: #787878;
    line-height: 17px;
    /*margin: 10px 0 0 112px;*/
    margin: 10px 0 30px 0;
    text-align: justify;
    display:block;
}

.about_partners_spacer {
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    margin: 5px 0 25px 0;
    padding: 0;
}

div.about_member {
    float: left;
    width: 431px;
    padding: 10px 0;
    margin-right: 27px;
    clear: left;
}

div.about_member.nomargin {
    margin: 0;
    clear: none;
}

div.about_member h3 {
    font-size: 13px;
    color: #767676;
    font-weight: bold;
    padding-bottom: 5px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

div.about_member p {
    float: left;
    position: relative;
    width: 431px;
    color: #9c9c9c;
    line-height: 17px;
    text-align: justify;
}



/* faq */
h2.pi.pi_faq { background-image: url(../img/site/pi_faq.gif); }
h3.faq_headline {
    font-size: 16px;
    color: #767676;
    font-weight: bold;
    border-top: 1px solid #e8e8e8;
    padding-top: 10px;
    margin-bottom: 10px;
}

a.faq_link {
    line-height: 22px;
    text-decoration: none;
    background-image: url(../img/site/arrow_grey.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 9px;
}

a.faq_link:hover { text-decoration: underline; }

div.faq_desc {
    display: none;
    background-color: #f2f2f2;
    padding: 10px;
}

div.faq_desc p {
    line-height: 17px;
    padding-top: 5px;
}

div.faq_desc a.faq_link {
    line-height: 20px;
    color: #db6719;
    font-weight: bold;
    padding: 0;
    background: none;
}


div.blank p {
    margin-bottom: 15px;
    color: #9c9c9c;
    padding: 0;
}

div.blank h2 {
    margin-bottom: 10px;
}

div.blank h3 {
    font-size: 13px;
    margin-bottom: 5px;
}

ul.news_list  { padding-bottom: 30px; }

ul.news_list li {
    font-weight: normal;
    color: #9c9c9c;
    font-size: 12px;
    line-height: 20px;
    background-image: url(../img/site/arrow_grey.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 10px;
}

h2.pi.pi_promotion { background-image: url(../img/site/pi_promotion.gif); }

div.company_profile p.description {
    padding-bottom: 50px;
	text-align: justify;
}


/* JQUERY TOOLTIP */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #9C9C9C;
	background-color: #ffffff;
	/*color: #ff5a00;*/
    color: #000;
    text-align: left;
	font-size: 11px;
	font-family: Verdana, Geneva;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0; }

/* bookmark bar */
div.bookmark_bar{
    position: relative;
    margin-top: 15px;
    padding-top: 1px;
    float: right;
    margin-right:25px;
    padding-right: 12px;
}
a.addthis_button_compact{
    color:#838383;
    font-size:11px;
    text-decoration:none;

}

/* language navigation */
.language-navi{
    position: relative;
    padding-top: 15px;
    float: right;
}

.language-navi li{
    float: left;
}

.language-navi li a{
    color:#838383;
    font-size:11px;
    margin-left:5px;
    margin-right:5px;
    text-decoration:none;
}

.language-navi li a.active{
    font-weight: bold;
    cursor: default;
}

h3.stepbox.paymentstep{
    background-image: url(../img/site/form/stepbox_payment.gif);
    background-position: 5px 8px;
	background-color: #292929;
    padding: 8px 0 8px 50px;
    font-weight: normal;
    margin: 10px 0 10px 0;
    /*border: 3px solid;*/
    height: auto;
	color: white;
    /*color: #4eb700;*/
}

.debug_header{
    float: left;
    text-align: left;
}

/* Class for hiding elements */
.hidden{
    display: none;
}
.invisible{
    visibility: hidden;
}


/* tour - slideshow */

ul.tourSiteNavigation {
    float: left;
    width: 351px;
    height: 30px;
    padding: 0;
	margin: 35px 0 0 0;
    /*background: red;*/
}

ul.tourSiteNavigation li {
    float: left;
    width: 85px; /*border-top: 1px solid white;*/
    /*height: 15px;*/ /*line-height: 15px;    padding: 5px 10px;*/
	height: 100%;
	background-repeat: no-repeat;
	padding-left: 31px;
	margin-right: 1px;
}

ul.tourSiteNavigation li.student{ background-image: url('../img/site/icon_square_student.jpg'); }
ul.tourSiteNavigation li.university{ background-image: url('../img/site/icon_square_university.jpg'); }
ul.tourSiteNavigation li.company{ background-image: url('../img/site/icon_square_company.jpg'); }

ul.tourSiteNavigation li a {
    text-decoration: none;
    float: left;
    width: 84px; /*height: 15px;*/
	height: 21px;
    line-height: 15px;
	padding: 7px 0 1px 0;
    /*padding: 7px 6px 3px 7px;*/
	/*margin-top: 1px;*/
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6; 
	font-weight: bold;
    font-size: 11px;
	color: #69696b;
	text-align: center;
}

ul.tourSiteNavigation li a:hover, ul.tourSiteNavigation li a.active {
    background-color: #ebebeb;
}

.tourSlideshow {
    width: 950px;
    height: 531px;
    float: left;
    clear: both;
    /*border: 1px solid #DCDBDB;*/
}

.tourSlideshow img {
    float: left;
    width: 683px;
    height: 332px;
	border: 1px solid #e6e6e6;
    /*margin: 5px 0 5px 5px;*/
}

.tourSlideshow .description {
    float: left; /*position: relative;*/
    width: 635px;
    height: 51px;
    line-height: 17px;
    text-align: justify; /*top: -45px;*/
    padding: 25px 0 10px 0;
}

.tourSlideshow ul.functionsNavigation {
    float: right;
    width: 251px;
    height: 373px; /* add fixed height to prevent the page navigation to float below the functionNavigation */
    padding: /*20px*/ 0;
    margin-left: 14px;
    /*background: red;*/
}

.tourSlideshow ul.functionsNavigation li {
    float: left;
    width: 100%; /*border-top: 1px solid white;*/
    border-bottom: 1px solid #e6e6e6; /*height: 15px;*/ /*line-height: 15px;    padding: 5px 10px;*/
	/*height: 29px;*/
	padding-bottom: 1px;
}

.tourSlideshow ul.functionsNavigation li a {
    text-decoration: none;
    float: left;
    width: 238px; /*height: 15px;*/
	/*height: 17px;
    line-height: 15px;
    padding: 7px 6px 3px 7px;*/
	
	/*height: 17px;*/
    line-height: 15px;
    padding: 7px 6px 5px 7px;
	margin-top: 1px;
	font-weight: bold;
    font-size: 11px;
	color: #69696b;
}

.tourSlideshow ul.functionsNavigation li a:hover, .tourSlideshow ul.functionsNavigation li a.active {
    background-color: #ebebeb;
}

.tourSlideshow ul.pageNavigation {
    float: right;
    position: relative;
    /*margin-top: -35px;*/
    height: 23px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    /*padding: 4px;*/
}

.tourSlideshow ul.pageNavigation li {
    float: left;
    height: 100%;
    /*margin-right: 4px;*/
	border-right: 1px solid #e6e6e6;
}

.tourSlideshow ul.pageNavigation li a {
    text-decoration: none;
    float: left;
    width: 20px;
    line-height: 15px;
    padding: 4px 2px;
    /*background: #4E4E4E;*/
    color: #818181;
    text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.tourSlideshow ul.pageNavigation li a:hover, .tourSlideshow ul.pageNavigation li a.active {
    /*background: white;*/
    color: #4E4E4E;
	font-size: 12px;
	background: #ebebeb;
}

h2.pi_large.pi_company { background-image: url(../img/site/pi_large_company.gif); }
h2.pi_large.pi_jobs { background-image: url(../img/site/pi_large_jobs.gif); overflow: visible; }

img.questionmark{
	margin: 2px 0 0 5px;
}

.hoverError{
	position: fixed;
	margin: 0px auto;
	width: 888px /*830px*/;
	padding: 30px 10px 10px 50px;
	top: 250px;
	background: red;
	border: 1px solid white;
	z-index: 100;
	
	
    background-image: url(../img/site/form/stepbox_error_inverted.gif);
    background-position: 5px 18px;
	background-color: #292929;
	background-repeat: no-repeat;
    /*padding: 8px 0 8px 50px;*/
    /*border: 3px solid;*/
    height: auto;
	color: white;
} 
.closeHoverError{
	position: relative;
	float: right;
	font-weight: bold;
	margin-top: -20px;
	color: white;
	text-decoration: none;
	

	
}


/* ADS */

.Banner{
    float: left;
    position: relative;
    /*overflow: hidden;*/
}
.HeaderBanner{
    margin: 10px 0 0 0;
    float: right;
    clear: right;
}
.ContentBanner{
    margin: 30px auto;
    clear: both;
}
.FloatingBanner{
    position: absolute;
    top: 240px;
    margin-left: 50%;
    left:490px; /* (width of site / 2) + padding */
}
/*.Banner div{
    visibility: hidden;
}*/

.Banner.RectangleBanner180x150{
    margin-left: 60px;
    width: 180px;
    height: 150px;
}
.Banner.MediumRectangleBanner300x250{
    width: 300px;
    height: 250px;
}
.Banner.SkyscraperBanner120x600{
    width: 120px;
    height: 600px;
}
.Banner.WideSkyscraperBanner160x600{
    width: 160px;
    height: 600px;
}
.Banner.FullBanner468x60{
    width: 468px;
    height: 60px;
}
.Banner.LeaderBoardBanner728x90{
    width: 728px;
    height: 90px;
}
.Banner div.ExpandableLeaderBoardBanner{
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
}
.Banner div.ExpandableLeaderBoardBanner div{
    visibility: visible;
}

.from_to_container{
    float: left;
}

img.left {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

img.right {
    float: right;
    margin-left: 30px;
    margin-bottom: 0px;
}

fieldset.promotion {
    padding: 0px;
    margin: 0 0 8px 0;
    overflow: hidden;
    color: #8b8b8b;
    border: 0;
    text-align: left;
}

fieldset.promotion .i01 {
    text-align: left;
    width: 105px;
    margin-right: 8px;
    padding-left: 4px;
    padding-right: 4px;
}

fieldset.promotion label.i01 {
    line-height: 18px;
    font-size: 13px;
    width: 102px;
    height: 20px;
    margin-right: 8px;
    text-align: left;
}
fieldset.promotion .i02 {
    text-align: left;
    width: 105px;
    padding-left: 4px;
    padding-right: 4px;
}

fieldset.promotion label.i02 {
    line-height: 18px;
    font-size: 13px;
    width: 102px;
    height: 20px;
    text-align: left;
}
/*
fieldset.promotion .i02 {
    text-align: center;
    width: 38px;
    margin-right: 8px;
    padding-left: 2px;
    padding-right: 2px;
}

fieldset.promotion label.i02 {
    line-height: 18px;
    font-size: 13px;
    width: 40px;
    height: 20px;
    margin-right: 8px;
    text-align: left;
}

fieldset.promotion .i03 {
    text-align: center;
    width: 38px;
    //margin-right: 8px;
    padding-left: 2px;
    padding-right: 2px;
}

fieldset.promotion label.i03 {
    line-height: 18px;
    font-size: 13px;
    width: 40px;
    height: 20px;
    //margin-right: 8px;
    text-align: left;
}*/



fieldset.promotion2 {
    padding: 0px;
    margin: 0 0 8px 0;
    overflow: hidden;
    color: #8b8b8b;
    border: 0;
    text-align: left;
    width: 600px;
}

fieldset.promotion2 .i01 {
    text-align: left;
    width: 205px;
    margin-right: 8px;
    padding-left: 4px;
    padding-right: 4px;
}

fieldset.promotion2 label.i01 {
    line-height: 18px;
    font-size: 13px;
    width: 205px;
    height: 20px;
    margin-right: 8px;
    text-align: left;
}
fieldset.promotion2 .i02 {
    text-align: left;
    width: 205px;
    padding-left: 4px;
    padding-right: 4px;
}

fieldset.promotion2 label.i02 {
    line-height: 18px;
    font-size: 13px;
    width: 205px;
    height: 20px;
    text-align: left;
}

fieldset.promotion2 .i03 {
    margin-top: -5px;
    margin-bottom: 0px;
}

fieldset.promotion2 .i04 {
    text-align: left;
    width: 600px;
    margin-right: 0px;
    margin-bottom: 25px;
    padding-left: 4px;
    padding-right: 4px;
}

fieldset.promotion2 label.i04 {
    line-height: 18px;
    font-size: 13px;
    width: 600px;
    height: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: left;
}

fieldset.promotion3 {
    padding: 0px;
    margin: 0 0 8px 0;
    overflow: hidden;
    color: #8b8b8b;
    border: 0;
    text-align: left;
    width: 770px;
}

fieldset.promotion3 .i01 {
    width: 193px;
    margin-right: 8px;
}

fieldset.promotion3 label.i01 {
    line-height: 18px;
    font-size: 13px;
    width: 206px;
    height: 20px;
    margin-right: 8px;
    margin-left: 4px;
    text-align: left;
}
fieldset.promotion3 .i02 {
    text-align: left;
    width: 217px;
    margin-right: 8px;
}

fieldset.promotion3 label.i02 {
    line-height: 18px;
    font-size: 13px;
    width: 205px;
    padding-right: 8px;
    height: 20px;
    text-align: left;
    margin-left: 4px;
}

fieldset.promotion3 .i03 {
    margin-top: -5px;
    margin-bottom: 40px;
}


fieldset.promotion_check {

}

fieldset.promotion_check .i01 {
    margin-right: 0px;
    padding-left: 4px;
    padding-right: 4px;
    float: right;
    width: 240px;
}

fieldset.promotion_check label.i01 {
    vertical-align: middle;
    margin-bottom: 13px;
    height: 22px;
    float: left;
    width: 580px;
}

fieldset.promotion_check .i02 {
    margin-right: 0px;
    padding-left: 4px;
}





/* messenger */
div.messenger {
    width: 410px;
}
/* smaller messenger on homepage */
div.news div.messenger{
    width: 280px;
}
ul.messenger_nav {
    background-image: url(../img/site/table/inbox_nav_bg.gif);
    height: 32px;
    float: left;
}

ul.messenger_nav li {
    float: left;
    height: 32px;
    display: block;
    background-image: url(../img/site/table/inbox_spacer.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 2px;
}

ul.messenger_nav li.active {
    background-image: url(../img/site/table/inbox_active_bg.gif);
    padding-right: 3px;
}

ul.messenger_nav a {
    float: left;
    line-height: 34px;
    overflow: hidden;
    height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    text-decoration: none;
    font-size: 13px;
}

ul.messenger_nav li.active a {
    background-image: url(../img/site/table/inbox_active.gif);
    color: #ffffff;
}

div.messenger table.grey th {
    background-image: url(../img/site/table/inbox_active.gif);
    background-position: 0 38px;
}

div.messenger table.grey th.date { width: 90px; }
div.messenger table.grey th.from { width: 100px; }
div.messenger table.grey th.actions { width: 28px; }

div.messenger a.del {
    width: 17px;
    height: 16px;
    font-size: 0;
    display: block;
    background-image: url(../img/site/table/icon_del.gif);
    border-right: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
}

/* messenger / message */
div.messenger_message div.info {
    clear: both;
}

div.messenger_message span.from { float: left; }
div.messenger_message span.date { float: right; }

div.messenger_message h3 {
    font-size: 14px;
    clear: both;
    font-weight: normal;
    padding-top: 5px;
}

div.messenger_message div.message {
    padding-top: 10px;
    padding-bottom: 10px;
}

div#reply_to { display: none; }




/* iconbox */
div.ib_small { height: 106px; }
div.ib_medium { background-image: url(../img/site/company/iconbox_home.gif); height: 216px; }
div.ib_large { background-image: url(../img/site/iconbox_big.gif); height: 300px; }
div.ib_xlarge { background-image: url(../img/site/iconbox_xbig.gif); height: 396px;}



/* mentoring/home */
div.ib_actions {
    padding-left: 11px;
    width: 393px
}

div.ib_actions a {
    margin-right: 0;
    margin-bottom: 5px;
}

div.ib_actions a.mentee { background-image: url(../img/site/student/icon_m_mentee_login.gif); }
div.ib_actions a.mentor { background-image: url(../img/site/student/icon_m_mentor_login.gif); }
div.ib_actions a.alumni { background-image: url(../img/site/student/icon_m_alumni.gif); }

div.ib_actions h3 {
    float: left;
    display: block;
}

div.ib_actions h3 a {
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal;
    color: #ffffff;
    background-image: url(../img/site/iconbox_arrow.gif);
    background-position: right center;
    padding-right: 16px;
}

div.ib_actions h3 a:hover { text-decoration: underline; }


div.ib_actions p, div.ib_actions p a {
    float: left;
    padding-top: 5px;
    width: 280px;
    font-size: 11px;
    color: #5e5e5e;
    line-height: 14px;
    text-align: left;
}
div.ib_actions p a:hover{
    color: #5e5e5e;
    text-decoration: none;
}




/** mentoring / messages **/

/* quick message */
div.ajaxform {
    margin-bottom: 60px;
}

div.ajaxform h3{
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
    clear: both;
}

fieldset.mentor_quickmsg {
    background-color: transparent;
    padding: 0;
    width: auto;
    margin: 0;
}

fieldset.mentor_quickmsg label {
    font-weight: normal;
    padding-left: 10px;
    font-size: 13px;
    padding-right: 5px;
    margin-bottom: 3px;
}

fieldset.mentor_quickmsg textarea {
    width: 426px;
    height: 145px;
}

fieldset.mentor_quickmsg .reciever {
    width: 167px;
}

fieldset.mentor_quickmsg .reciever span {
    width: 167px;
}

fieldset.mentor_quickmsg input.subject {
    width: 185px;
    margin-right: 8px;
    margin-bottom: 6px;
}

fieldset.mentor_quickmsg input.subject_wide {
    margin-bottom: 6px;
    width: 418px;
}
fieldset.mentor_quickmsg a.button { margin: 0; }

div.submit {
    height: 33px;
    background-color: #e9e9e9;
}

div.submit input {
    margin: 0;
    background-color: #e9e9e9;
    border-color: #e9e9e9;
}








/* home */
div.home_col {
    padding-top: 30px;
}

div.home_col div.news {
    width: 299px;
    float: left;
    padding-right: 15px;
}
div.home_col div.news.double{
    width: 575px;
}

div.home_col div.last { padding: 0; width: 300px; }



div.home_col h3 {
    font-size: 13px;
    font-weight: bold;
    color: #6d6d6d;
    padding-bottom: 10px;
}

div.home_col span.date {
    display: block;
    color: #aeaeae;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 2px;
}

div.home_col p {
    color: #8b8b8b;
    line-height: 17px;
    padding-bottom: 10px;
}


/* home */

div.news a.promotion_link{
    float: right;
    width: 93px;
    margin-left: 8px;
    margin-bottom: 3px;
}
div.news a.promotion_link img{
    float: right;
    width: 280px;
    margin-bottom: 5px;
}
div.home_col img.status_icon{
    width: 26px;
    height: 27px;
    padding: 2px 5px 0 0;
}

/* slideshow with company-logos */
ul.company_logos{
    list-style-type: none;
    position: relative;
    float: left;
    height:130px;
    width: 280px;
}
ul.company_logos li span{
    display: none;
}

ul.company_logos li{
    position: relative;
    float: left;
    height:60px;
    /*width: 90px;*/
    padding: 0 5px 5px 0;

}

ul.company_logos li.last_in_row{
    padding-right: 0;
}

ul.slideshow{
	position:relative;
	height:60px;
	width:90px;
	display:inline;
	margin-left:0px;

}

ul.slideshow li{
    height: auto;
    width: 90px;
    margin: 0;
    padding: 0;
    line-height: 60px;
    text-align: center;
}

ul.slideshow li * {
    vertical-align: middle;
    line-height: 60px;
    text-align: center;
}


/*
ul.news_list  { padding-bottom: 10px; }

ul.news_list li {
    font-weight: bold;
    color: #6d6d6d;
    font-size: 11px;
    line-height: 20px;
    background-image: url(../img/site/arrow_grey.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 10px;
}*/





/* JOBZIPPERS MOD: add 16 pixels for labels (=padding of input fields) */
/*.container_20 label.grid_1{width:58px;}.container_20 label.grid_2{width:102px;}.container_20 label.grid_3{width:146px;}.container_20 label.grid_4{width:190px;}.container_20 label.grid_5{width:234px;}.container_20 label.grid_6{width:278px;}.container_20 label.grid_7{width:322px;}.container_20 label.grid_8{width:366px;}.container_20 label.grid_9{width:410px;}.container_20 label.grid_10{width:454px;}.container_20 label.grid_11{width:498px;}.container_20 label.grid_12{width:542px;}.container_20 label.grid_13{width:586px;}.container_20 label.grid_14{width:630px;}.container_20 label.grid_15{width:674px;}.container_20 label.grid_16{width:718px;}.container_20 label.grid_17{width:762px;}.container_20 label.grid_18{width:806px;}.container_20 label.grid_19{width:850px;}.container_20 label.grid_20{width:894px;}*/
.container_20 label.grid_1{width:61px;}.container_20 label.grid_2{width:108px;}.container_20 label.grid_3{width:155px;}.container_20 label.grid_4{width:202px;}.container_20 label.grid_5{width:249px;}.container_20 label.grid_6{width:296px;}.container_20 label.grid_7{width:343px;}.container_20 label.grid_8{width:390px;}.container_20 label.grid_9{width:437px;}.container_20 label.grid_10{width:484px;}.container_20 label.grid_11{width:531px;}.container_20 label.grid_12{width:578px;}.container_20 label.grid_13{width:627px;}.container_20 label.grid_14{width:672px;}.container_20 label.grid_15{width:719px;}.container_20 label.grid_16{width:766px;}.container_20 label.grid_17{width:813px;}.container_20 label.grid_18{width:860px;}.container_20 label.grid_19{width:907px;}.container_20 label.grid_20{width:954px;}
/* JOBZIPPERS MOD TO GRID SYSTEM: SPLIT-UP FIELDSETS */

/* LEFT HALF CAN CONTAIN grid_10 at the most */
.container_20.half_container_left {
	margin-left: 0;
	margin-right: 4px;
	width: 486px;
    float: left;
}
/* RIGHT HALF CAN CONTAIN grid_8 at the most */
.container_20.half_container_right {
	margin-left: 4px;
	margin-right: 0;
	width: 431px;
    float: left;
    clear: none;
}

/* LEFT THREE QUARTERS CAN CONTAIN grid_ at the most */
.container_20.threequarter_container_left {
	margin-left: 0;
	margin-right: 4px;
	width: 686px;
    float: left;
}
/* RIGHT ONE QUARTER CAN CONTAIN grid_4 at the most */
.container_20.onequarter_container_right {
	margin-left: 4px;
	margin-right: 0;
	width: 232px;
    float: left;
    clear: none;
}


/* CUFON CONFIG start */
div.home_col h3{
    font-size: 17px;
    color: #4d4d4d;
}
h2.imghl{
    font-size: 21px;
    color: #3a3a3a;
}
h2.pi{
    font-size: 21px;
    color: #565656;
}
h2.pi .cufon{
    margin-top: 19px;
}
h2.borderhl{
    font-size: 19px;
	color: #565656;
}
h2.pi_large {
    font-size: 40px;
    color: #565656;
    padding-top: 27px;
    padding-bottom: 30px;
}
h2.pi_large.two_lines{
    padding-top: 7px;
    padding-bottom: 10px;
}
/* CUFON CONFIG end */


.TopCompanies{
    width: 100%;
    margin-top: 15px;
}
.TopCompanies ul{
    width: 100%;
    margin: 0;
    padding: 0;
}
.TopCompanies ul li{
    float: left;
    width: 115px;
    height: 115px;
    border: 3px solid #f0f0f0;
    margin: 0 5px 7px 0;
    overflow: hidden;

}
.TopCompanies ul li a{
    float: left;
    width: 103px;
    height: 103px;
    padding: 6px;
}
.TopCompanies ul li>.TopCompanyLink{ /*Mozilla and Opera */
    display: table;
    position: static;
}
.TopCompanies ul li a{ /*for IE*/
    position: relative;
    top:50%;
}
.TopCompanies ul li a div{ /*for IE*/
    position: absolute;
    top: 50%;
}
.TopCompanies ul li a>div{ /*for Mozilla and Opera*/
    display: table-cell;
    position: static;
    vertical-align: middle;
}
.TopCompanies ul li a div img{
    /*margin-top: 50%;*/
    /*margin-top: -15px;
    position: relative;
    top: 50%;*/
    /*height: auto;*/
    position: relative;
    top: -50%;

}
.TopCompanies ul li.last{
    margin-left: 0;
    margin-right: 0;
}

/* JOB POSTINGS */

div#wrapper {
    width: 753px;
    text-align: left;
    margin: 0 auto;
    background-image: url(../img/site/jobposting/paper_bg.gif);
    background-repeat: repeat-y;
    margin-top: 30px;
}

div#wrapper div.content {
    background-image: url(../img/site/jobposting/paper_header.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 653px;
    padding: 50px;
    float: left;
    padding-bottom: 30px;
}

div#wrapper div.content_footer {
    background-image: url(../img/site/jobposting/paper_footer.gif);
    background-repeat: no-repeat;
    height: 6px;
    width: 753px;
    clear: both;
    line-height:0;
    font-size: 0;
}

div#wrapper h1 {
    color: #44454a;
    font-size: 20px;
    /*float: left;*/
    line-height: 25px;
    padding-bottom: 45px;
    display: block;
    clear: left;
}

div#wrapper h2 {
    color: #c5c5c5;
    font-size: 20px;
    clear: both;
    line-height: 25px;
    margin-bottom: 7px;
}

div#wrapper h3 {
    color: #7a7a7a;
    font-weight: bold;
    margin-bottom: 21px;
}

div#wrapper hr {
    border: 0;
    height: 1px;
    background-color: #e5e5e5;
    color: #e5e5e5;
    margin-bottom: 40px;
}

div#wrapper p {
    color: #7a7a7a;
    line-height: 17px;
    margin-bottom: 40px;
}

div#wrapper p.block {
    float: left;
    padding-right: 32px;
    line-height: 17px;
    margin-bottom: 0;
}

div#wrapper p.intro {
    color: #9f9f9f;
    float: left;
    margin-bottom: 16px;
}

div#wrapper p.intro strong { color: #7a7a7a; }

div#wrapper span.left {
    display: block;
    float: left;
    width: 73px;
}

div#wrapper img.logo {
    display: inline;
    border: 0;
    float: right;
}

h2.pi.pi_settings_contact { background-image: url(../img/site/company/pi_settings_contact.gif); }
}

.addthis_toolbox a{
    text-decoration: none;
    padding-top: 0;
    margin-top: -1px;
}
.addthis_toolbox a span{
    margin-top: -1px;
}
#at16pf{
    display: none;
}

	#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}