html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/*Defined html elements *
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

html {
background: #163D7A url(../images/bg-body.gif) repeat-x;}
body {
	background:url(../images/bg-html.jpg) no-repeat center top;
	width:953px; line-height: 1.25; margin: 0 auto;  position:relative;}
ol, ul {
list-style: none; margin:10px 0; }
caption, th, td {
text-align: left; font-weight: normal; vertical-align:top;}
h2 { clear:both; /* Home Page, ListAlert, My Legislators, KeyContact */}
h3{ clear:both; /* SubHead used many places */
}


label { 
cursor: pointer; display:block; width:150px; font-size: 0.75em; float:left; position:relative; padding-right:3px;}
input{
display:block; width:13.55em; margin-bottom:5px; float:left; position:relative;}
select{
display:block; /*width:14em; */width: 184px; margin-bottom:5px; float:left; position:relative;}
textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:90%; height:150px;}
table{ /*Tables are used on: My Participation, Participation Detail */
border-collapse:collapse; width:100%;}
th { 
padding:5px; background-color: #0199C0; font-weight: 700; color:#ffffff; border-style:solid; border-color:#ffffff; border-width:1px;}
td { 
padding:5px; border-style:solid; border-color:#cccccc; border-width:1px;}
/* For the outline=1 trick */
fieldset {border-style:solid; border-color:#cccccc; border-width:1px; background-color:#eee; margin:5px; }
legend {font-size:11px; font-weight:700;}

strong { font-weight: 700; }
em { font-style: italic; }

hr {
	background-color: #e1e1e1;
	border: none;
	clear: both;
	display: block;
	height: 1px;
	margin: 10px 0;
}

ul {
	font-size: 0.75em;
	line-height: 1.4em;
	list-style: disc outside;
	margin: 15px 0 15px 25px;
}

	ul li {
		margin-bottom: 5px; 
	}



/* Containers
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.LoginSocialContainer { height: 39px;}
.LoginSocialContainer label { width: auto;
	padding-left: 5px;
	color: #000000;
	background-color: white;
	line-height: 18px;
}
#TopLoginFormContainer { width:680px; padding-top: 7px;}
.MainHeaderContainer{ /*This is the container that holds the banner image*/
width: 963px; height:140px; background-repeat:no-repeat; margin:0 auto; clear:both;}

.MainHeaderContainer img {
	display: block;
	margin: 0 auto;
}

.MainFooterContainer {  /* This is the container inside the mainfooter.aspx file that holds everything.*/
clear:both; height: 40px; text-align:right;  color:#FFF; font-size: .8em; line-height: 40px;}
.MainFooterContainer a { color: #ffffff; text-decoration: underline; }
.BodyContainer { /* This holds the main area includeing Nav,Image Bar, and content (Everything between the banner and the footer).*/
 width:935opx; padding: 10px 7px; background-color:#FFF; min-height:200px; 
 -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
 	     border-radius: 5px;
 }

.MenuContainer { /* Comments Needed */
background: #800006 url(../images/nav_bg.gif) repeat-x; height: 62px;line-height: 38px;	clear:both;	}

#Home .MenuContainer {	border-right: 1px solid #CD1C17;
	border-left: 1px solid #CD1C17;}
.MenuContainer ul {
margin: 0; list-style-type: none; font-size: 1.25em; padding-left: 4px; }
.MenuContainer li{
line-height:38px; margin: 0; float: left; }
.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
display:block; color:#ffffff; font-family: MuseoSlab500, Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding: 10px 28px; }
.MenuContainer a:hover { 
color: #eea9ac; }
.MenuContainer #ddcGeneratedMenuListItem1 a{/* This removes that bar for the first list item. */
border-left:none;}

.ImageBarContainer{ /* Comments needed */
display:none; }

#WidgetsContainer {clear:both;}

#TwitterWidget { margin:0 15px;}

#WorkplaceHotline { height: auto; }
#YouTube { height: 290px; }

#YouTubeWidget { margin-bottom: 10px; }

.ContentContainer {  /* This container holds the main area of the site .*/ 
word-wrap: break-word; /*Works on Internet Explorer 5.5+  other browsers just igor*/
width:940px;/*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
margin-top: 10px;
clear:both;
}
.ContentTop{clear:both;/*Class attached to the content managed zones on the top of every page */}
.ContentBottom{clear:both; margin-top:10px;/*Class attached to the content managed zones on the bottom of every page */}
.ContentBody{ margin:10px 0;/*Place holder class attached to the content managed zones */}
.ContentTopEmail{/*Place holder class attached to the content managed zones on email headers */}
.ContentBottomEmail{/*Place holder class attached to the content managed zones on email bottoms */}
.ContentBodyEmail{/*Place holder class attached to the content managed zones on email bodys */}
.ContentTop li, .ContentBottom li, .ContentBody li, .ContentTopEmail li, .ContentBottomEmail li { /* Adds bulits to content managed zones */
list-style-type:disc; margin-left:20px;}

#Content { float: left; width: 595px; padding: 20px 10px 15px; }
#Home #Content { width: 622px; padding: 0; }
#Sidebar { float: right; width: 301px; }

.JumpLinks { /* Built into all pages */
width:200px;}
.JumpLinks a { display:block; 
			margin-top:3px; 
			padding:0 0 0 15px; 
			position:relative; 
			float:left; 
			width:190px; 
			border-bottom:1px dashed #303094;
			background-image:url(../images/menu-arrow.gif); 
			background-repeat:no-repeat;}

#LoginArea{ /*Default location is bottom right of banner */
float:right; position:relative; padding-right:12px; padding-top:90px;}

.RequiredMark { /* Formats the * for required field in the form (Register, MyInfo, & Login) */
display:block; width:.8em; float:left; font-size:19px; font-weight:700; color:#860d12; clear:both;}

/* Nav image 
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#Issues #Nav_Issues, #News #Nav_InTheNews, #InYourArea #Nav_InYourArea, #AboutUs #Nav_AboutUs, #ContactUs #Nav_ContactUs { background: url(../images/nav-bg-on.gif) repeat-x; }

/*default.aspx (Home page)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#CarouselContainer { width: 937px;
 height: 335px; 
 overflow: hidden; 
 border-left: 1px solid #CD1C17;
 border-right: 1px solid #CD1C17;
 background-color:#dfdfdf;
 padding-bottom: 5px;
}
#CarouselContainer h1 { margin: 0 0 0 0.5em; color: #94100D; font-size: 20pt; font-style: italic; line-height: 1.5em; }

#Carousel ul li { display: inline;}
#Carousel {
overflow: hidden;
}
	#Carousel ul {
		font-size: 1em;
		margin: 0;
	}
	
	#Carousel li {
		height: 240px;
		position: relative;
		width: 937px;
	}
	#Carousel li img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
	#Carousel span {
		display: block;
		padding: 20px;
		position: relative;
		z-index: 1;
	}
	
	#Carousel span {
		font: 2.25em MuseoSlab500, "Times New Roman", Times, serif;
		font-weight: bold;
		color: #FFF;
		text-align:center;
	}
	
	#Carousel h1 {
		margin-bottom: 15px;
	}
	#Carousel div { padding-bottom: 10px; }


.simpleTabsContent ul {
	font-size: 1em;
	list-style-type: none;
	margin: 0;
}

.simpleTabsContent li {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#HomePageAlertHeader{
background-color:#88BBE0; border:3px solid #D8EAF7; width:250px; height:28px; line-height:28px; font-size:1.7em; font-weight:bold; padding-left:4px; font-family:Century Gothic,Verdana; margin-bottom:10px;}
#HomePageAlert{
width:260px; float:right; border:1px solid #ccc; background-color:#fff; color:#333;}
#HomePageAlert p, #HomePageAlert h3{
padding:0 10px;}
.ButtonLink a:link, .ButtonLink a:active, .ButtonLink a:visited{
background-color:#2a92c5; color:#fff; padding:5px; border:3px solid #ccc; margin-top:10px; width:195px; display:block;}
.ButtonLink a:hover{
background-color:#C4E2FC; color:#4F4F4F;}

.btnAction {
	background: url(../images/btn-action.gif) repeat-x;
	border: 1px solid #000;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: 700;
	height: 61px;
	letter-spacing: 0.05em;
	line-height: 20px;
	padding-top: 17px;
	text-align: center;
	text-transform: uppercase;
	width: 318px;
}

	.btnAction:hover {
		background-image: url(../images/btn-action-on.gif);
	}
	
	.btnAction span {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		font-weight: normal;
		letter-spacing: normal;
		text-transform: none;
	}
.btn_wfi_today { background:url(../images/btn_joinNow.png);
	height:36px;
	width:141px;
	display: block;
	text-indent: -999px;
	overflow:hidden;
	position: relative;
    height: 36px;
    left: 84px;	
	top: 87px;	
}

#TakeActionContainer { background: #DFDFDF url(../images/bg_ribbon.gif) repeat-x;

	height: 55px;
	border-right: 1px solid #CD1C17;
	margin-bottom: 10px;
	position: relative;
}

#TakeActionContainer a {
	background: url(../images/btn-takeaction.gif) no-repeat;
	color: #fff;
	display: inline-block;
	font: 13px MuseoSlab500, Arial, Helvetica, sans-serif;
	height: 58px;
	line-height: 48px;
	padding-right: 6px;
	text-align: center;
	width: 214px;
}

	#TakeActionContainer a:hover {
		background-image: url(../images/btn-takeaction-on.gif);
	}
	
#takeActionRibbon{ margin-left: -45px; position:relative; vertical-align:top; float:left;}	
#TakeActionContainer a {float:left;  margin-left: 6px;}
#blogHeadline { display:block; text-indent: 10px; 
	background: url(../images/bg-headline.gif) repeat-x; 
	overflow:hidden;
}	
#blogHeadline h3 { color:#fff; width:400px;	padding:7px; }
#blogHeadline h4 { color: #102D64; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-transform: uppercase; }
#blogHeadline img { padding-top: 5px;}
#wbx-gw-button-wrapper-0 { display: none;}
#FacebookWidget iframe { height: 300px !important;} 
.twtr-widget h3 { clear:none;}
#blogRoll { overflow auto; max-height: 150px;}
#newsRoll { overflow-y:scroll; height: 570px;}
#blogRoll ul,#newsRoll ul {font-size: 1em;}
#blogRoll li { list-style:none;}
#newsRoll li {border-bottom: 1px solid #E1E1E1; list-style:none;}

#blogRoll p, #newsRoll p {text-indent: 0;}

/*register.aspx
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#RegisterFormContainer, #LoginFormContainer, #EditMyProfileFormContainer{ /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) for both the login and registration*/
width:30em; 
/* Width should be just bigger then the three elemets combined so that if the RequiredMark is floated right it will remain close to input field.*/}
#SignUpFormContainer ul, #RegisterFormContainer ul, #LoginFormContainer ul, #EditMyProfileFormContainer ul { font-size: 1em; margin: 0; list-style-type: none; }
.btnSubmit, #Register #LoginSubmitButton, #SignUpSubmitButton, #RegisterSubmitButton, #EditMyProfileSubmitButton, #ShareYourStorySubmitButton, #TellAFriendSubmitButton, #KeyContactSubmitButton, #LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton, #FederalCommitteeSearchSubmitButton, #StateCommitteeSearchSubmitButton, #ContactUsSubmitButton, #CLSubmitButton {
margin-top:10px; background-image:url('../images/btn-submit.gif'); border:none; background-repeat:repeat-x; background-color:#660204; padding: 0 20px 3px; width: auto; height:22px; cursor:pointer; margin-bottom:5px; border: 2px solid #660204; color: #fff; font-size: 1.125em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 40px; height: 45px; font-weight: 700; text-transform: uppercase;
 /* width and height should be the width and height of the image */}
.btnSubmit:hover, #LoginSubmitButton:hover, #SignUpSubmitButton:hover, #RegisterSubmitButton:hover, #EditMyProfileSubmitButton:hover, #ShareYourStorySubmitButton:hover, #TellAFriendSubmitButton:hover, #KeyContactSubmitButton:hover, #LegislatorAddressSearchSubmitButton:hover, #LegislatorStateSearchSubmitButton:hover, #FederalCommitteeSearchSubmitButton:hover, 
#StateCommitteeSearchSubmitButton:hover, #ContactUsSubmitButton:hover, #CLSubmitButton:hover {
background-image: url(../images/btn-submit-on.gif); }
#SignUpSubmitButton { padding: 0 35px 3px; }
.btnSubmit { display: block; width: 200px; margin: 15px 0 30px; text-align:center; padding: 0 20px;}
#EFCA .btnSubmit.  { margin: 30px auto 30px; }

#LoginSocialContainer #LoginSubmitButton, .btnSubmitSmall {background-image:url('../images/btn-submit-sm.gif'); border:none; background-repeat:repeat-x;height: 40px;width: auto; height:20px;cursor:pointer; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; border: 2px solid #660204; margin-left: 10px; text-transform: uppercase;  }
.btnSubmitSmall:hover { background-image:url('../images/btn-submit-sm-on.gif');}
/* #TellAFriendSubmitButton { margin-left: 250px; }*/

.btnLink { margin-top:10px; background-image:url('../images/btn-link.gif'); border:none; background-repeat:repeat-x; background-color:transparent; padding: 0 20px; width: auto; height:22px; cursor:pointer; margin-bottom:5px; border: 2px solid #0c2965; color: #fff; font-size: 1.125em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 40px; height: 40px; font-weight: 700; text-transform: uppercase; display: block; width: 200px; text-align: center; margin: 30px auto 20px;}

.btnLink:hover {
background-image: url(../images/btn-link-on.gif); }

#Sidebar .btnLink {
	font-size: 0.7em; height: 35px; line-height: 35px; width: 98px; }

#LoginFormContainer{ overflow: hidden; margin-bottom: 20px;}
#LoginError{
color:#ff0000; clear:both;}

#RegisterFormContainer {
clear: both; margin-top: 10px; }

#LoginFormContainer ul li, #RegisterFormContainer ul li {
	overflow: hidden;
}

/*EFCA
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#EFCA h4 {
	margin-top: 15px; }

/*My Profile
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#MyProfileAddressBlock { /* Used to indent the address */
margin:0 15px 10px 15px;}

/*Edit My Profile
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#EditMyProfileFormContainer{/*Styles are defined with the #RegisterFormContainer */}
#EditMyProfileSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*Share Your Story
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ShareYourStorySubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#ShareYourStory #Content h4 {
	color: #0b2864;
}

/*Tell A Friend
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#TellAFriendSubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#TellAFriend #Content h4 {
	color: #0b2864; margin-top: 15px; }
#TellAFriend input {
	margin-right: 10px; }

/*Key Contact
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#KeyContact label{
float:left; width:350px; text-align:right; padding-right:10px; line-height:1.5;}
#KeyContactUpdateButton{
background-image:url('../images/UpdateButton.gif'); border:none; background-repeat:no-repeat; background-color:transparent; width:179px; height:22px; cursor:pointer; margin-bottom:10px;}
#KeyContactSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*My Legislators (Classes are used becuase these fields are in loops)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.MyLegislatorsDetailContainer{clear:both;}
.MyLegislatorsCapAddress{ /* Container for the Capitol Office column */
padding-top:10px; padding-bottom:10px; float:left; width:49%;}
.MyLegislatorsDistAddress { /* Container for the District Office column */
padding-top:10px; padding-bottom:10px; float:left; width:49%;}
.MyLegislatorsWebLink {/* Class put into place for formating the "Visit my website." link */}
.MyLegislatorsEmailLink{/* Class put into place for formating the "Email me." link */}
.MyLegislatorsInfoLink {/* Class put into place for formating the "More Info..." link */
text-align:left;}

/*Legislator Search
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorSearch br{
clear:both;}
#LegislatorSearchChamberTypes {  padding:10px; background-color:#ECECEC;margin:6px 0; }
#LegislatorSearchChamberTypes label{
float:left; line-height:1.5; width:120px;}
#LegislatorSearchChamberTypes input{
width:25px; float:left;}
#LegislatorSearchSearchByAddress { padding:10px; background-color:#ECECEC;margin:6px 0; float:left; }
#LegislatorSearchSearchByState { padding:10px; background-color:#ECECEC; margin:6px 0; float:right; }
#LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#LegislatorSearchResults li{
margin-left:10px;} 

/*Legislator Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorDetailLegisPic{
float:left;}
#LegislatorDetailAddress{
float:left;}
#LegislatorDetailCapitolAddress, #LegislatorDetailDistrictAddress{
margin-left:20px;float:left;}
.LegislatorDetailCommittee a{/*font-weight:700;*/}
.LegislatorDetailSubCommittee {
margin-left:10px;}
.LegislatorDetailSubCommittee a{
font-weight:normal; color:#00465F; }
.LegislatorDetailScorecardHeading{
position:relative; float:left; line-height:1.8em; font-weight: 700; }
.LegislatorDetailScorecardContent{
position:relative; float:left; line-height:1.8em; padding:0 10px 0 4px; }
#LegislatorDetailScorecardTitleHeading {
background-color: #0199C0; color:#ffffff; width:40px; padding-left:10px;}
#LegislatorDetailScorecardTitleContent{ /* IE.css adds scroll boxes for IE */
border:1px solid #EFEFEF; width:605px; }
#LegislatorDetailScorecardFirstItemSecondLine{ /*Used to indent the second line of the scorecard */
margin-left:80px;}
.LegislatorDetailScorecardDetail{
position:relative; float:left; /*width:620px;*/  margin:0 0 10px 80px; }
.LegislatorDetailScorecardContainer {
position:relative; float:left; font-size:11px; }

/*Committee Search
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#CommitteeSearch br{
clear:both;}
#CommitteeSearch label{
float:left; line-height:1.5; position:relative; cursor:default; padding-left:5px;}
#CommitteeSearchFederalContainer {
margin:10px 10px 10px 0; padding:10px; background-color:#ECECEC; width:260px; height:180px; float:left; position:relative; }
#CommitteeSearchFederalCheckBoxes input, #CommitteeShearchStateCheckBoxes input {
width:20px; float:left; position:relative; margin-left:10px; }
#CommitteeSearchStateStateContainer { 
margin-top:10px; padding:10px; background-color:#ECECEC; width:260px; height:180px; float:left; position:relative;}
#CommitteeShearchStateDropdown label, #CommitteeShearchStateDropdown select {width:auto;}
.CommitteeSearchCommittee a{ /*font-weight:700; */}
.CommitteeSearchSubCommittee {
padding-left:10px;}
.CommitteeSearchSubCommittee a{
font-weight:normal; color:#00465F;}
#CommitteeSearchResults{
width:98%;}


/*Contact Us
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ContactUsSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

#ContactUs #Content h4 {
	clear: both;
	color: #0b2864;
	margin-top: 10px;
}

/*My Participation
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.dotted-border{
border-bottom:1px dashed #777; margin:10px 0;}

/*Committee Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Participation Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Action Alerts
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Alerts Details
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ComposeLetters Page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.CLLetters { /* Used as a container for the letters */
margin:15px 0 0 30px; }
.CLTargets { line-height:1.5em; margin-bottom: 5px; font-size: 0.75em;
}
.CLTargets input{ 
width:25px; }
#ResultsContainer li {  /* A style that is used to format the list of Targets */
list-style-type:disc; margin-left:20px;}
.CLCommType input { /* A style that is used to format the radio button  */
width:18px; margin:5px 5px -2px 8px; line-height:1.5}
#CLSubmitButton { /* Styles are defined with the RegisterSubmitButton  */}
.CLCommTypeMockLabels {
	width:50px; float:left; position:relative; margin-top:8px; font-size: 0.75em; line-height: 0.75em;}

.CLLetterTop, .CLLetterBody, .CLLetterBottom, .CLSignature{ /* These Class are not used but are inplace if you want to control the sytle of the letter */}

#CLSubmitButton { margin: 30px 0; }

#__asptrace { display: none; }

/*Issues
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.issue {
	float: left;
	margin: 0 15px 0 0;
	width: 270px;
}

.issue.right {
	margin-right: 0;
}

#Issues #Content ul {
	background: url(../images/bg-issuesUL.gif) repeat-x top;
	font-size: 1em;
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 10px;
}

#Issues #Content ul li {
	background-color: #fff;
	overflow: hidden;
	padding: 10px;
}

#SignUpFormContainer .ContentBody li{
	list-style:disc;
	margin-left:25px;
	font-size:12px;
}


/* Sidebar
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.callout {
	border: 4px #e7412d solid;
	width: 290px;
	margin-bottom: 10px;
}
.calloutText { padding: 10px; }

#Sidebar h3, #WorkplaceHotline h3 {
	background: url(../images/bg-callouts.gif) no-repeat #cc1c16;
	padding-left:25px;
	color: #FFF;
	line-height: 1.8em;
	height: 35px;
	margin-bottom: 0;

}

#Sidebar h3, #YouTube h3 {
	background: url(../images/bg-callouts.gif) no-repeat #cc1c16;
	padding-left:25px;
	color: #FFF;
	line-height: 1.8em;
	height: 35px;
	margin-bottom: 0;

}

#Sidebar .WFH {background: url(../images/wfi-Hotline.jpg);
	height: 172px;}
	
#Sidebar .TYF {background: url(../images/wfi-TAF.jpg);
height: 172px;}

#Sidebar .WFI_Today {background: url(../images/bg-joinNow.jpg);
	height: 172px;}
	
#Sidebar input {
    display: block;
	margin: 5px;
    position: relative;
    width: 7.55em;
}
	
#Friends, #WorkplaceHotline, #YouTube { background: url(../images/bg-friends.gif) repeat-y; color:#000; }
#Friends .calloutText, #WorkplaceHotline .calloutText, #YouTube .calloutText { font-size: 10pt; }


.connect {
border-bottom:1px dotted #CCCCCC;
clear:both;
margin:0 20px;
height:50px;
overflow:hidden;
padding:0 0 5px;
}

	.connect h3 {
	border:medium none;
	float:left;
	line-height:3.5em;
	margin:0;
	padding:0;
	background:none!important;
	}
	
	.connect ul{
	float:right;
	}
	
	.connect li {
		float:left;
		width:30px;
		margin-left:5px;
		list-style-type:none;
	
	}
	
/* Global
//////////////////////////////////////////////////////////////////////////////////////////////////*/


/* SimpleTabs: default style */

div.simpleTabs { padding:20px; width: 620px; }
ul.simpleTabsNavigation { margin: 0 0 10px 0; padding:0; text-align:left; overflow: hidden; font-size: 1em; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin: 0 10px 0 0; padding:0; text-align: center; float: left; }
ul.simpleTabsNavigation li a { height: 38px; display: block; color: #fff; line-height: 30px; font-size:1.125em; font-weight:700; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; }
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#F6F6F6; font-family:Georgia, "Times New Roman", Times, serif; }
ul.simpleTabsNavigation li a.current { color:#fff; border-bottom:1px solid #fff; cursor: default; }
ul.simpleTabsNavigation li#FacebookTab a { width: 109px; background: transparent url(../images/bg-tabFB.gif) no-repeat;}
ul.simpleTabsNavigation li#FacebookTab a.current { background-image: url(../images/bg-tabFB-on.gif); }
ul.simpleTabsNavigation li#TwitterTab a {width: 89px; background: transparent url(../images/bg-tabTwit.gif) no-repeat;}
ul.simpleTabsNavigation li#TwitterTab a.current { background-image: url(../images/bg-tabTwit-on.gif); }
ul.simpleTabsNavigation li#NewsTab a { width: 127px; background: transparent url(../images/bg-tabNews.gif) no-repeat;}
ul.simpleTabsNavigation li#NewsTab a.current { background-image: url(../images/bg-tabNews-on.gif); }
div.simpleTabsContent { clear: both; border:1px solid #E0E0E0; padding:15px 15px 15px 15px; margin-top:3px; display:none; }
div.simpleTabsContent.currentTab { display:block; }
.playButtons { z-index: 99999; cursor: pointer; }

/*signup.aspx
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#SignUpFormContainer ul {
margin-top: 30px; }

#REQCheckbox { width: auto;}

/* General Classes 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.left { float:left;}
.right { float:right;}

/* clear fix */
.clearFix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearFix { display: block; }

* html .clearFix { height: 1%; }