/*
Theme Name: Hrreview
Description: Theme to work the Symposium-Events Website
Version: 0.9
Author: Jonas Marczy with Design by Chris Mitchell & Bastien Eymery
Author URI: http://www.jonas.marczy.net/
All rights reserved by author and Symposium-Events
*/



/*-------------------------------------------------------------------------------------------------Standard Link Styles*/

a:link {
color: #005689;
text-decoration: none;
cursor: hand;
}

a:visited {
color: #005689;
text-decoration: none;
cursor: hand;
}

a:hover {
color: #6c7074;
text-decoration: none;
cursor: hand;
}


/*-------------------------------------------------------------------------------------------------General Menu Link Styles*/

div.menu1 a {
text-decoration:none;
font-weight:bold;
cursor: hand;
}

div.menu1button a:link {
color: black;
cursor: hand;
}

div.menu1button a:visited {
color: black;
cursor: hand;
}

div.menu1button a:hover {
color: #e2007b;
cursor: hand;
}

div.menu1button  a:active {
color: #6c7074;
cursor: hand;
}


/*-------------------------------------------------------------------------------------------------Grey Menu Link Styles*/

div.menu2 a {
text-decoration:none;
font-weight: normals;
cursor: hand;
}

div.menu2button a:link {
color: black;
cursor: hand;
}

div.menu2button a:visited {
color: black;
cursor: hand;
}

div.menu2button a:hover {
color: #e2007b;
cursor: hand;
}


/*-------------------------------------------------------------------------------------------------Page Styles*/

body {
font-family: Arial;
background-color: #1f2f48;
color: black;
font-size: small;
text-align: center;
}

#centerpage {
font-size: 90%;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 980px;
}

#page{
margin-top: 10px; 
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px; 
background-color: #FFFFFF;
}


/*-------------------------------------------------------------------------------------------------Symposium Logo Style*/

.symlogo {
float: left;
margin-top: 1em;
margin-left: 20px;
margin-right: 10px;
}


/*-------------------------------------------------------------------------------------------------Menu Styles*/

#menu1 {
background-color: #FFFFFF;
clear: both;
padding-right: 30px;
padding-left: 15px;
height: 25px;
}

.menu1button {
color: black;
margin-top: 5px;
padding-right: 10px;
padding-left: 10px;
}

#menu2{
background-color: #FFFFFF;
clear: both;
padding-right: 30px;
padding-left: 45px;
height: 25px;
}

#greybar{
background-color: #FFFFFF;
clear: both;
height: 25px;
}

.menu2button {
color: black;
margin-top: 5px;
padding-right: 10px;
padding-left: 10px;
}


/*-------------------------------------------------------------------------------------------------Channel Menu Styles*/

.channels {
border-bottom-color: #2e4568;
border-bottom-style: solid;
border-bottom-width: 3px;
text-align: left;
width: 100%;
clear: both;
height: 40px;
}

.channelbutton {
text-align: center;
color: white;
font-weight: bold;
height: 35px;
padding-bottom: 3px;
padding-top: 5px;
width: 120px;
display: block;
}

div.hrbutton a {
margin-top: 5px;
background-image: url(hrstrategybuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.hrbutton a:hover {
margin-top: 5px;
background-image: url(hrstrategybuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

div.recbutton a {
margin-top: 5px;
background-image: url(recruitmentbuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.recbutton a:hover {
margin-top: 5px;
background-image: url(recruitmentbuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

div.hnsbutton a {
margin-top: 5px;
background-image: url(healthandsafetybuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.hnsbutton a:hover {
margin-top: 5px;
background-image: url(healthandsafetybuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

div.pnbbutton a {
margin-top: 5px;
background-image: url(paybenefitsbuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.pnbbutton a:hover {
margin-top: 5px;
background-image: url(paybenefitsbuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

div.elbutton a {
margin-top: 5px;
background-image: url(employmentlawbuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.elbutton a:hover {
margin-top: 5px;
background-image: url(employmentlawbuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

div.tdbutton a {
margin-top: 5px;
background-image: url(trainingdevbuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.tdbutton a:hover {
margin-top: 5px;
background-image: url(trainingdevbuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

div.debutton a {
margin-top: 5px;
background-image: url(diversitybuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.debutton a:hover {
margin-top: 5px;
background-image: url(diversitybuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

div.otherbutton a {
margin-top: 5px;
background-image: url(otherbuttonhr.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.otherbutton a:hover {
margin-top: 5px;
background-image: url(otherbuttonhr2.png);
text-align: center;
color: white;
font-weight: bold;
height: 35px;
width: 120px;
display: block;
}

.channelbutton {
/width: 119px;
w/idth: 120px;
}

/*-------------------------------------------------------------------------------------------------Color Styles*/

.colorhrstrategy {
background-color: #009EE0;
}

.colorrecruitment {
background-color: #FF9900;
}

.colorhealth {
background-color: #DD0000;
}

.colorpay {
background-color: #66B100;
}

.coloremployment {
background-color: #F64A12;
}

.colortraining {
background-color: #5D236E;
}

.colordiversity {
background-color: #128073;
}

.colorotherevents {
background-color: #B03C0D;
}

.colorsymposiumpink {
background-color: #E2007B;
}

.colorheader {
background-color: #707070;
}

.colorsupplierheader {
background-color: #ff9702;
}

.colorgoldclub {
background-color: #FABA00;
}

.colorhrreview {
background-color: #99141b;
}

.colornextevent {
background-color: #FABA00;
}

.coloripod {
background-color: #FABA00;
}

/*-------------------------------------------------------------------------------------------------Font Color Styles*/

.fontcolorhrstrategy {
color: #009EE0;
}

.fontcolorrecruitment {
color: #FF9900;
}

.fontcolorhealth {
color: #DD0000;
}

.fontcolorpay {
color: #66B100;
}

.fontcoloremployment {
color: #F64A12;
}

.fontcolortraining {
color: #5D236E;
}

.fontcolordiversity {
color: #128073;
}

.fontcolorotherevents {
color: #B03C0D;
}

.fontcolorhowdoi {
color: #E2007B;
}

.fontcolorgoldclub {
color: #FABA00;
}

.fontcolorsymposiumpink {
color: #E2007B;
}

                                                                                                                   

.fontcolorhrreview {
color: #99141a;
}

/*-------------------------------------------------------------------------------------------------Heading Styles*/

h1 {
font-family: Arial;
margin-top: 10px;
font-weight: bold;
font-size: 28px;
font-variant: normal;
}

h2 {
font-family: Arial;
margin-top: 0px;
padding-top:10px;
font-weight: bold;
font-size: 20px;
font-variant: normal;
}

h3 {
font-family: Arial;
margin-top: 10px;
font-weight: bold;
font-size: 18px;
font-variant: normal;
}

h4 {
font-size: 14px;
}

h5 {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 12px;
border-top: 1px solid rgb(150,150,150);
}

h6 {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 10px;
}

/*-------------------------------------------------------------------------------------------------Formatting Styles*/


.section {
margin-bottom: 10px;
margin-top: 10px;
}

.leftsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-top: 5px;
padding-left: 20px;
margin-bottom: 1em;
}

.formsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-top: 5px;
padding-left: 20px;
margin-bottom: 1em;
}

.nexteventhead {
color: #FFFFFF;
font-family: Arial;
font-size: 16px;
font-weight: bold;
height: 20px;
padding-top: 5px;
padding-left: 35px;
margin-bottom: 1em;
}

.centersectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-top: 5px;
padding-left: 20px;
margin-bottom: 1em;
}

.rightsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-top: 5px;
padding-left: 20px;
margin-bottom: 1em;
}

.bottomsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
height: 15px;
padding-top: 0px;
padding-left: 20px;
margin-bottom: 1em;
}

.widesectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
height: 22px;
padding-top: 5px;
padding-left: 20px;
margin-bottom: 1em;
}

.advert {
margin-bottom: 5px;
}

.logos {
text-align: center;
margin: 0px;
}

.logo {
margin: 10px;
display: inline;
}

.leftalign {
text-align: left;
}

.rightalign {
text-align: right;
}

.menufloatleft {
float: left
}

.menufloatright {
float: right;
}

.floatleft {
float: left;
margin-right: 10px;
}

.floatright {
float: right;
margin-left: 10px;
}

.inline {
display: inline;
}

img { 
border: none;
} 

a img { 
border: none;
} 

.horspacer {
width: 100%;
height: 10px;
}

/*-------------------------------------------------------------------------------------------------Inside Styles*/



.conftitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 16px;
}

.conftitlesmall {
	list-style-image: url(mic.jpg);
	list-style-position: outside;
	list-style-type: none;
}.nexteventtitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 18px;
}

.programmetitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
border-top: rgb(150,150,150);
}

.programmetitlesmall {
list-style-type: disc;
list-style-image: url(page.png);
list-style-position: outside;
font-style: normal;
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: normal;
font-size: 12px;
}

.analysistitlesmall {
list-style-type: disc;
list-style-image: url(glass.png);
list-style-position: outside;
font-style: normal;
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: normal;
font-size: 12px;
}

.horizontalline {
margin-top: 0;
padding: 0;
border-top: 1px solid rgb(150,150,150);
}

.horizontallinesep {
margin-bottom: 5px;
margin-top: 0;
padding: 0;
border-top: 1px solid rgb(150,150,150);
}

.newstitle {
font-family: Arial;
margin-top: 0em;
padding: 0;
font-weight: bold;
font-size: 13px;
}

div.newsheader a:link {
color: white;
cursor: hand;
text-decoration: none;
}

div.newsheader a:visited {
color: white;
cursor: hand;
text-decoration: none;
}

div.newsheader a:active {
color: white;
cursor: hand;
text-decoration: none;
}

div.newsheader a:hover {
color: white;
cursor: hand;
text-decoration: none;
}

.newstitlesmall {
list-style-image: url('page.png');
list-style-type: disc;
list-style-position: outside;
font-family: Arial;
font-weight: normal;
font-size: 12px;
padding: 0;
}

.suppliernewstitlesmall {
list-style-type: disc;
list-style-image: url('page.png');
list-style-position: outside;
font-style: normal;
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: normal;
font-size: 12px;
}

.goldclubtitle {
font-family: Arial;
font-weight: bold;
font-size: 40px;
padding: 0;
}


/*-------------------------------------------------------------------------------------------------ContentStyles*/

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
margin-bottom: 10px;
margin-top: 10px;
height: 100px; /*Height of top section*/
}

.channelcolortop{
height: 80px; /*Height of top section*/
padding-top: 10px;
margin-bottom: 15px;
}

.channelcolorconftop{
height: 15px; /*Height of top section*/
}

.channelcolorbottom{
height: 10px; /*Height of top section*/
padding-top: 10px;
}

.innertube{ /*Margins for inner DIV inside each column (to provide padding)*/
margin-left: 10px;                                                                  
margin-bottom: 10px;                                                                  
margin-right: 10px;
}

.toptitle {
color: #FFFFFF;
margin-top: 20px;
margin-left: 25px;
}


.goldclubbox {
margin-top: 10px;
width: 300px;
height: 200px;
border: 1px solid rgb(150,150,150); 
background-color: #FFFF99;
}

/*-------------------------------------------------------------------------------------------------Ticker Styles*/

#topad {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 20px;
	float: right;
}
#lticker {
text-align: center;
width: 320px;
height: 100px;
float: left;
}

#cticker {
text-align: center;
width: 320px;
height: 100px;
float: left;
}

#rticker {
text-align: center;
width: 320px;
height: 100px;
float: left;
}

#ticker {
width: 980px;
height: 100px;
float: left;
margin-right: 20px;
}



/*-------------------------------------------------------------------------------------------------Main Content Styles*/

.contentwrapper{
float: left;
width: 100%;
}

.leftcolumn1{
margin-right: 460px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

.leftxlcolumn1{
border-right: 1px solid rgb(150,150,150);
margin-right: 960px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

.centercolumn1{
float: left;
width: 320px; /*Width of left column in pixel*/
margin-left: -460px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
border-left: 1px solid rgb(150,150,150);
border-right: 1px solid rgb(150,150,150);
}

.rightcolumn1{
float: left;
width: 140px; /*Width of right column in pixels*/
margin-left: -140px; /*Set margin to -RightColumnWidth*/
}


/*-------------------------------------------------------------------------------------------------Conference Content Styles*/

.confleftcolumn1{
margin-right: 320px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

.confcentercolumn1{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -520px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
border-left: 1px solid rgb(150,150,150);
border-right: 1px solid rgb(150,150,150);
}

.confrightcolumn1{
float: left;
width: 300px; /*Width of right column in pixels*/
margin-left: -320px; /*Set margin to -RightColumnWidth*/
border-left: 0px solid rgb(150,150,150);
}

#conffooter{
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
clear: left;
width: 100%;
text-align: left;
border-top: 1px solid rgb(150,150,150);
}

.confcolortop{
height: 150px; /*Height of top section*/
padding-top: 0px;
}


/*-------------------------------------------------------------------------------------------------Conference Menu*/

#tabsI {
float:left;
width:100%;
background: #B7B7B7;
font:normal 12px Verdana;
line-height:normal;
border-bottom:0px solid #A0A5A9;
}

#tabsI ul {
margin:0;
padding:0px 0px 0px 0px;
list-style:none;
}

#tabsI li {
display:inline;
margin:0;
padding:0;
}

#tabsI a {
float:left;
margin:0;
padding:0 0 0 0px;
text-decoration:none;
}

#tabsI a span {
float:left;
display:block;
background:url("conftab.gif") right top;
padding:5px 15px 4px 6px;
color:#000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
color:#000000;
}

#tabsI a:hover {
background-position:0% -42px;
}

#tabsI a:hover span {
background-position:100% -42px;
}

#subscription{
clear: left;
width: 100%;
text-align: left;
height: 38px;
}

/*-------------------------------------------------------------------------------------------------Footer Styles*/


#footer{
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
clear: left;
width: 100%;
text-align: left;
}

.currentspontext{
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 16px;
margin: 10px;
}

#footertickerl {
text-align: center;
width: 319px;
height: 180px;
margin-top: 5px;
float: left;
}

#footerticker2l {
text-align: center;
width: 319px;
height: 50px;
margin-bottom: 5px;
float: left;
}

#footertickerc {
text-align: center;
width: 319px;
height: 180px;
margin-top: 5px;
float: left;
border-right: 1px solid rgb(150,150,150);
border-left: 1px solid rgb(150,150,150);
}

#footerticker2c {
text-align: center;
width: 319px;
height: 50px;
margin-bottom: 5px;
float: left;
border-right: 1px solid rgb(150,150,150);
border-left: 1px solid rgb(150,150,150);
}

#footertickerr {
text-align: center;
width: 319px;
height: 180px;
margin-top: 5px;
float: left;
}

#footerticker2r {
text-align: center;
width: 319px;
height: 50px;
margin-bottom: 5px;
float: left;
}

#footertext{
text-align: center;
margin-left: 10px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
font-size: xx-small;
}

/*-------------------------------------------------------------------------------------------------Wordpress Align Styles*/
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}
.imgtfe {
	max-height: 80px;
	max-width: 80px;
}
.leftnews {
	clear: none;
	width: 230px;
	float: left;
}
.rightnews {
	clear: none;
	width: 230px;
	float: right;
}
.newsheader {
	margin-bottom: 5px;
	clear: both;
	padding-left: 5px;
	color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
}
.newsunit {
	clear: both;
}
ul {
	padding-top: 5px;
	padding-left: 17px;
	margin: 0px;
}

 .wp-caption {
     padding: 5px;
     border: 1px solid #ddd;
     text-align: center;
     background-color: #f3f3f3;
     margin: 10px;
     -moz-border-radius: 3px;
     -khtml-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
 }  

 .wp-caption img {
     margin: 0;
     padding: 0;
     border: 0 none;
 }  

 .wp-caption p.wp-caption-text {
     padding-left: 4px;
     padding-bottom: 5px;
     padding-right: 4px;
     padding-top: 5px;
     font-size: 11px;
     margin: 0;
 }

 .imagespacer {
 	margin-bottom: 10px;
 	border-color: #7f7f7f;
 	border-style: solid;
 	border-width: 1px;
 	margin-left: 10px;
 }

 .cforms {
 	display: inline;
 	width: 100px;
 }

 .confexcsmall {
 }

.entry_author_image {
float: left;
border: solid 1px outset;
margin: 1.0em 1.0em 0px .1em;
}