﻿/*************************************** PAGE LAYOUT ***********************/
#browse-top-container{float: left; width: 960px; background: #FFF url(/images/employer/Top_Block_EP.jpg); background-repeat: no-repeat;}
.left-coloum {float: left; width: 450px; margin-right: 40px;}
.right-coloum {float: right; width: 450px; margin: 0 5px 0 0; padding: 0 0 0 0;}
.left-container{width: 450px; float: left;}

/*************************************************Employer Profile ***************************/
#profile {float:left;width:450px;margin:0 0 20px 0; background:url(/images/employer/about_top.png) no-repeat;}
#profile .employerProfile .employerProfileCompanyText a {float:left;margin:70px 10px 0 10px;font-size:1em;font-weight:bold;color:black;}
#profile .employerProfileSend {display: none;}
#profile .employerProfile {margin: 0 0 0 0;}
#profile .employerProfileCompanyPrfile {background-color: #EEEEEE; margin: 3px 0 0 0; clear: left; float: left; padding: 0 15px 0 10px; width: 425px;}
.employerProfileCompanyPrfile .expandablepanelheight {background-color: Transparent;}
#profile .employerDiverstyPanel {display: none;}
#profile .employerProfile ul li {width: 400px; list-style-type:none; padding: 0px 0 3px 10px; margin: 0 0 0 0; background-image: url(/images/dot.jpeg); background-position: center left; background-repeat: no-repeat; vertical-align: middle;}
.employerProfileCompanyPrfile h3 {display: none;}
.expand-button-container {background-color: #cccccc; width: 450px; height: 24px; margin: 0 0 0 -10px;}
/************************************ A DAY IN THE LIFE OF *********************************************/
#employer-profile .left-coloum .left-container .day-in-life-container {float: left; width: 453px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; margin: 0 0 20px 0;}
#employer-profile .left-coloum .left-container .day-in-life-container .ditlo-row {margin: 10px 0 0 0; padding: 0 0 0 0;}
#employer-profile .left-coloum .left-container .day-in-life-container .ditlo-row .diltoListItem {float: left; width: 131px; margin: 0 10px 30px 10px; background-image: url(/images/photo_med.png); background-repeat: no-repeat; padding-top: 5px; font-family: Tahoma,Helvetica,Arial,Sans-serif; font-size: 10px;}
#employer-profile .left-coloum .left-container .day-in-life-container .ditlo-row .diltoListItem .diltoTitleContainer{font-family: tahoma,Helvetica,Arial,Sans-serif;padding-top:30px;margin:10px 0 0 10px;color:#000000;}
#employer-profile .left-coloum .left-container .day-in-life-container .ditlo-row .diltoListItem .diltoTitle {font-family: Tahoma,Helvetica,Arial,Sans-serif; font-size: 10px; font-weight: bold; color: #CA0C8A;}
#employer-profile .left-coloum .left-container .day-in-life-container .ditlo-row .diltoListItem a {overflow: hidden;}
/************************************ Display Video ******************************************************/
#employer-profile .left-coloum .left-container .employerVideo object{float:left;width:450px;margin:0 0 20px 0;}
/************************************* Discussion form ****************************************************/
#employer-profile .industry-featured .h3-box {width: 456px; margin: 0 0 0 0;}
#employer-profile .industry-featured ul {float: left; margin: 0px; padding: 0px; list-style: none;}
#employer-profile .industry-featured ul li {width: 400px; list-style-type: none; padding: 0px 0 3px 10px; margin: 0 0 0 0; background-image: url(/images/bul_1.gif); background-position: center left; background-repeat: no-repeat; vertical-align: middle;}
#employer-profile .industry-featured ul li a {color: #333333; text-decoration: none;}
#employer-profile .industry-featured ul li a:hover {color: #CA0C8A; text-decoration: underline;}
#employer-profile .industry-featured .container {clear: left; margin: 0 0 0 0; width: 434px;}
#employer-profile .structure .container {border: 1px solid #CCCCCC; float: left;}
#employer-profile .forum-title {float: left; font-weight: bold; margin-top: 10px;}
#employer-profile .forum-title a {text-decoration: none;}
/*****************************JOBS FROM THE EMPLOYER ***************************************************/
.jobs-employer-h3 {float: left; width: 455px;}
.jobs-employer-container {float: left; width: 433px; background-color: #f3f0f1; height: 100px; margin: 0 0 10px 0;}
.job-from-employer-container{float: left; width: 433px;}
/********************** company details ************************/
.right-coloum .company-details-container {float: left; width: 453px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; min-height: 246px;}
.right-coloum .company-details-container .leftinfo {float: left;margin: 15px 0 0 10px; width: 430px;}
.right-coloum .company-details-container .rightinfo {float: right;width: 200px; margin: 15px 0 0 5px; padding: 0 5px 0 0;}
.right-coloum .company-details-container .favbuttom {float: left; margin: 18px 0 0 0; padding: 0 0 5px 0; list-style-position: inside; list-style-type: none;}
.right-coloum .company-details-container .favbuttom .SendPrintContainer {margin: 0 0 10px 0; padding: 0 0 0 0;}
.right-coloum .company-details-container .linklogos {margin: 5px 0 5px 0; padding: 0 0 0 0;}
.right-coloum .company-details-container .linkpost {margin:10px 0 20px 0;padding:0 0 0 0;}
.right-coloum .company-details-container .linkpost ul {float: left; margin: 10px 0 0 0; padding: 0px; list-style: none;}
.right-coloum .company-details-container .linkpost ul li {width: 430px; list-style-type: none; padding: 0px 0 10px 1px; margin: 0px 0 0 0; background-image: url(/images/bul_1.gif); background-position: top left; background-repeat: no-repeat; vertical-align: middle;}
.right-coloum .company-details-container .linkpost ul li a {color: #000000;font-weight: bold; margin: -5px 0 0 10px; float: left;}
.right-coloum .company-details-container .linkpost ul li a:hover {color: #CA0C8A; font-weight: bold;}
.right-coloum .company-details-container .linkimg {background-image: url(/images/Pink_Arrow_for_Bulleted_List.png); background-repeat: no-repeat; width: 10px; height: 10px;float:left;}
.right-coloum .company-details-container h2 {font-size: 10px; font-family: Tahoma,Helvetica,Arial,Sans-serif;}
.right-coloum .company-details-container li {list-style: none;}
.right-coloum .company-details-container .leftinfo .info .info-bold-email {font-weight:bold;font-size:11px;font-family: Tahoma,Helvetica,Arial,Sans-serif;margin:0 0 0 0px;}
.right-coloum .company-details-container .leftinfo .info {margin: 0 0 20px 0; font-size: 11px; font-family: Tahoma,Helvetica,Arial,Sans-serif;}
.right-coloum .company-details-container .leftinfo .info strong {margin: 0 7px 0 0; padding: 0 0 0 0;}
.right-coloum .company-details-container .leftinfo .info .info-right {margin:0 0 0 5px;}
.right-coloum .company-details-container .leftinfo .info .info-bold {margin:0 0 0 5px; padding: 0 0 0 5px; font-weight: bold; font-size:11px; font-family: Tahoma,Helvetica,Arial,Sans-serif;}
.right-coloum .company-details-container .rightinfo .info-second {margin: 0 0 20px 0; font-size: 11px; font-family: Tahoma,Helvetica,Arial,Sans-serif;}
.right-coloum .company-details-container .rightinfo .info-second strong {margin:0 5px 4px 0px;font-size:11px;}
.right-coloum .company-details-container .leftinfo .info .info-right {margin:0 0 0 0;padding:0 0 0 0;}
.right-coloum .company-details-container .leftinfo label {font-size:11px;font-family: Tahoma,Helvetica,Arial,Sans-serif;}
.info-second label {font-size:11px;font-family: Tahoma,Helvetica,Arial,Sans-serif;}
.right-coloum .company-details-container .rightinfo .linklogos {visibility: hidden;}
/*********************************** diversity *****************************************/
.diverstiy-container{width:450px;float:left;height:300px;margin: 0 0 0 0;}
div.diversity-header{width:455px;}
div.diversity-header h3{background:#FFF url(/images/diversity-box-header.gif) 0 0 repeat-x;}
.outer-scrollable-container{border:1px solid #CCCCCC; float:left; width:443px; height:250px; overflow-y:auto;padding:0 0 0 10px;}
.inner-scrollable-container{float:left;background-image:url(/images/employer/diversity-leaf-background.gif); background-position:right top; background-repeat:no-repeat;}
.diverstiy-container .outer-scrollable-container .inner-scrollable-container .company-profile h3{color:#000000; background:none; margin:0 0 0 -10px;}
.inner-scrollable-container .company-profile ul {margin: 10px 0 0 15px; padding: 0 0 0 0; list-style: disc;}
.inner-scrollable-container .company-profile ul li {margin: 0 0 0 0; padding: 0 0 5px 0;}
/********************************* photo album **************************************************/
.right-inner-container .photo-album-container{width:450px;height:205px;margin:0;}
.photo-album-container #carouselthreed{width:430px;height:195px;margin-left:20px;}
#tdc-element{cursor:pointer}
/************************ Upcoming events ********************************/
.company-events-container {float: left; width: 453px; margin: 0 0 0 0; border: 1px solid #CCCCCC;}
.company-events-h3 {float: left; width: 455px;}
.company-events-container .company-events {float: left; width: 450px; margin: 0 0 0 0; padding: 0 0 0 0;}
.company-events-container .company-events ul {float: left; list-style-type: none; margin: 2px 0 0 0; padding: 0 0 0 0;}
.company-events-container .company-events ul li {float: left; margin: 2px 0 0 10px; width: 420px;}
.company-events-container .company-events ul li a {clear: both; float: left; font-weight: bold;}
.company-events-container .company-events ul li strong {clear: both; float: left; width: 200px;}
.company-events-container .company-events ul li span {clear: both; float: left; width: 200px;}
.company-events-container .company-events ul li .event-line {border-bottom: 1px solid #CCCCCC; width: 453px; margin: 10px 0 0 -10px;}
/* .company-events-container .event-bold {clear: left; float: left; padding:5px 0 0 10px; margin:0 0 0 0; font-weight: bold; width: 443px; background-color: #eeeeee; height: 19px;}
.event-bold a:link, .event-bold a:visited, .event-bold a:active {background: url(/images/Pink_Arrow_for_Bulleted_List.png) 0 4px no-repeat; padding: 0 0 0 10px; font-weight: bold;}
.company-events-container .event-bold a:hover {color: #ca0c8a; font-weight: bold;}
.company-events-container .event-bold a{color:#000000;} */
/****************************** UPCOMING EVENTS LOWER GREY BAR ***********************/
.company-events-container .event-bold {clear: left; float: left; padding:5px 0 0 10px; margin:0 0 0 0; font-weight: bold; width: 443px; background-color: #eeeeee; height: 19px;}
.event-bold a:link, .event-bold a:visited, .event-bold a:active {background: url(/images/Pink_Arrow_for_Bulleted_List.png) 0 4px no-repeat; padding: 0 0 0 10px; font-weight: bold;}
.company-events-container .event-bold a:hover {color: #ca0c8a; font-weight: bold;}
.company-events-container .event-bold a{color:#000000;}
/*************** right panel *******************************************************************************/
.right-inner-container {width: 450px; float: left; margin: 0 0 20px 0;}
/************************************ visible false *******************/
#uxdiscussionPlaceHolder{visibility: hidden;}
/********************* ExpandalablePanel ****************************/
.ExpandablePanel{margin: 0 0 0 336px;}
/****************************** misc (employer profile) ***********************/
.misc-image-container {float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 450px;}
.misc-image-container .mainLayout {float: left; width: 450px; margin: 0 0 0 0; padding: 0 0 0 0;}
.misc-image-container .mainLayout img {margin: 0 0 0 0; width: 211px; height: 140px;}
.misc-image-container .mainLayout .group {float: left; width: 211px; margin: 0 12px 0 0; padding: 0 0 0 0;}
.misc-image-container .mainLayout .item {clear: both; width: 211px; margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid red;}




