/*
Theme Name: Patient Network 
Theme URI: http://www.skookum.com
Description: The default Patient Network theme.
Version: 1.0
Author URI: na
Tags: blue, custom header, fixed width, two columns, widgets
*/

/*  importing text.css which has styles for all the text elements on the page. */
@import url("fonts.css");


/* This CSS file contains all the styles to handle layout rendering */

/* RESET CODE to reset all layouts padding, margins and offsets*/

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-style: inherit;	
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
    background: #fff url(../images/shadow-back.jpg) repeat-y 0 0;
    background-position: center;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
.left {
	float: left;
}

hr { /* Used under titles, between letter on ComposeLetters Page */
	margin-bottom:15px;  /* "h1 has a Negative Margin to bring this directly under the Title, if this is changed the h1 should be looked at too */
	margin-top:10px;
	background-color:#a2b2b7;
	height:1px;
	border-style:none;
	border-width:0;
}
#story {
	width:488px;
	height:150px;
}

input.ButtonSubmit { 
	height:28px;
	width: 87px;
	padding-bottom: 3px;
	color:#893523; 
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	background: url(../images/btn-bg2.gif) no-repeat;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
}

input.ButtonSubmitHover {
	color: #000;
}

.RequiredMark { /* Formats the * for required field in the form (Register, MyInfo, & Login) */
	display:block;
	margin-bottom: 15px;
	padding-right: 0px;
	width:.8em; 
	font-size:0.7em; 
	font-weight:700; 
	color:#ff0000; 
	float:right; /* Change to float:right; to move the * to the right of the field */
}

label { 
	display:block;  
	width: 80px;  
	float:left;  
	text-align:left; /* Change to text-align:right; to align the labels from the right */
	padding-right:0; 
	font-size: 13px;
}

/* Layout Styles */
.columns {
 clear: both;
}
.column {
 float: left;
}

#main_container
{
  width:420px;
}

#header_container
{
   height:219px;
}

#header_logo {
   width: 216px;
   margin-bottom: 5px;
}
#header_navigation {
   width: 538px;
}

#header_logo,
#header_navigation
{
   height:150px;
}

#logo
{
 margin-top:62px; 
 background-image: url(../images/logo.png); 
 background-repeat:no-repeat; 
 height: 91px; 
 width:216px; 
 display: block;
}

#top_navigation_container{  height:88px; width:563px; float:left;}

#ama_logo{ float:right; background-color: #FFFFFF; height:116px; width:126px;}

#ama_logo img { 
	padding-top: 20px;
}

div#top_navigation{
	clear:right;
	height: 25px;
	border-bottom:1px solid #D7D7D7;
}

#top_navigation ul{margin:0px; display:inline; float:right;}
#top_navigation ul li{
	list-style:none;
	display:inline;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

div#search_container{ float:right; width:145px;}

div#search_container input { height:15px; width:120px; border:1px solid black; background:#DDDDDD; float:left;}

div#search_container #btn_search{ 
	width:19px; 
	border:none; 
	float:right; 
	background-color: #000;
	color: #fff;
	font-family:Helvetica;
	font-size:10px;
	height:19px; 
	cursor:pointer; 
}

div#banner_container {
	clear: both;
}

div#wp-crossfade {
	width: 754px;
	height: 263px;
	overflow: hidden;
	position: relative;
}
#wp-crossfade-loading {
	padding: 118px 0;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
}
.wp-crossfade-class-text-container {
	position: absolute;
	bottom: 25px;
	background-image: url('/wp-content/themes/pan/images/white-field.png');
	background-repeat: no-repeat;
	overflow: hidden;
	width: 413px;
	height: 62px;
	z-index: 2000;
}
.wp-crossfade-class-text-container div {
	margin: 12px 0;
}
.wp-crossfade-class-dot-container {
	position: absolute;
	bottom: 31px;
	right: 22px;
	width: 1px;
	height: 1px;
}
.wp-crossfade-class-dot {
	width: 37px;
	height: 37px;
	background-color: #000;
	border: 4px solid #eee;
}
.wp-crossfade-class-dot-selected {
	opacity: 0;
	width: 38px;
	height: 38px;
	background-color: #eee;
	margin: 3px;
}
/* wp-crossfade end */

.alignleft {
 float: left;
 margin: 0 10px 0 0;
}
.alignright {
 float: right;
 margin: 0 0 0 10px;
}

#main_navigation {
	clear:both;
	margin-top:25px;
	background-color:#FFFFFF;
}

#main_navigation #right_corner
{
  background:url(../images/nav_right_corder.png) no-repeat scroll right; height:47px; 
  width:18px;
  float:left;
  margin-top:-2px;
}

#main_navigation #left_part
{
 background: #ffffff url(../images/nav_back.png) repeat-x; height:46px;
 width:736px;
 float:left;
}

div#left_panel
{
  width:484px;
  float:left;
  margin-top:7px;
}

div#main_article_holder 
{
  border-top:1px solid #D7D7D7;
  padding:10px 0px 5px 0px;
}
div#news_container , div#recent_updates_container
{
  margin-top:25px;
  padding:10px 0px 0px 0;
  width:232px;
  float:left;
}

div#news_container
{
  margin-left:15px;
}
#sidebar #news_container
{
	margin-left:0px;
}
#sidebar #recent_updates_container
{
	margin-top:0px;
}

div.news_header
{
 border-bottom:1px solid #a2b2b7;
 padding-bottom:10px;
}

div.news_item, div#news_container ul li
{
 margin-top:15px;
}
div#article_image
{
   background:#fff;
   width:151px;
   height:107px;
   float:right;
   margin-left:10px;
   
}

div#main_article_tags
{
   float:left;
   width:320px;
}

div.addThisButton
{

/*  background:#FFFFFF url(../images/button.png) no-repeat top center;*/
/*  width:122px;*/
/*  height:29px;*/
  text-align:center;
/*  padding-top:6px;*/
  float:left;
 
}
div#main_article_addThis
{
  margin-left:15px;
}
div#page_addThis
{
	margin-top:10px;
}

div.news_footer a img
{
  margin:0px 0px -2px 4px;
}


div#right_panel
{
  margin-top:7px;
  width:240px;
  float:left;
  margin-left:20px;
  
}

div#video {
    border-bottom:1px solid #D7D7D7;
    border-top:1px solid #D7D7D7;
    margin:0 6px;
    padding:5px 0 15px;
    width:242px;
}
div#right_menu_container
{
 padding-top:0px;
}


div#menu_join_now_1
{
  background: #FFFFFF url(../images/join_now.png) no-repeat;
  height:56px;
  float:left;
  width:57px;
}


div#menu_join_now_2
{
  background: #ffffff url(../images/right_menu_back_1.png) repeat-x;
  height:56px;
  float:left;
  width:133px;
}


div#menu_join_now_3
{
  background: #FFFFFF url(../images/right_menu_corner.png) no-repeat;
  height:56px;
  float:left;
  width:15px;
}

div#menu_tell_friend_1
{
  background: #FFFFFF url(../images/tell_a_friend.png) no-repeat;
  height:56px;
  float:left;
  width:61px;

}

div#menu_tell_friend_2
{
  background: #ffffff url(../images/right_menu_back_1.png) repeat-x;
  height:56px;
  float:left;
  width:129px;
}


div#menu_tell_friend_3
{
  background: #FFFFFF url(../images/right_menu_corner.png) no-repeat;
  height:56px;
  float:left;
  width:15px;
}


div#menu_legi_search_1
{
  background: #FFFFFF url(../images/search_glass.png) no-repeat;
  height:56px;
  float:left;
  width:57px;

}

div#menu_legi_search_2
{
  background: #ffffff url(../images/right_menu_back_1.png) repeat-x;
  height:56px;
  float:left;
  width:133px;
}


div#menu_legi_search_3
{
  background: #FFFFFF url(../images/right_menu_corner.png) no-repeat;
  height:56px;
  float:left;
  width:15px;
}


div#menu_advocate_1
{
  background: #FFFFFF url(../images/advocate.png) no-repeat;
  height:56px;
  float:left;
  width:61px;

}

div#menu_advocate_2
{
  background: #ffffff url(../images/right_menu_back_1.png) repeat-x;
  height:56px;
  float:left;
  width:129px;
  
}


div#menu_advocate_3
{
  background: #FFFFFF url(../images/right_menu_corner.png) no-repeat;
  height:56px;
  float:left;
  width:15px;
}

div#menu_advocate_2,div#menu_legi_search_2
{
   padding-top:12px;
}

div#menu_tell_friend_2, div#menu_join_now_2
{
  padding-top:17px;
}

div#menu_advocate_2 ,div#menu_legi_search_2 , div#menu_tell_friend_2 , div#menu_join_now_2 
{
    padding-left:35px;
	
}
div.right_menu_item
{
  padding-bottom:20px;
}

div#connect_with_us
{
  float:left;
}
#footer_container
{
	display:block;
	margin-top:20px;
	float:left;
	width:100%;
}
div#footer_ama
{
	margin-top:-5px;
   float:right;
}

div#lower_footer
{
   border-top:1px solid #d7d7d7;
  margin-top:40px;
  padding-top:10px;
}

div#lower_footer img
{
 float:left;
 border:none;
}

div#lower_footer img#footer_logo
{
 float:right;
}

/* Post */
div.post
{
 margin-top:20px;
}
div.post_title
{
 /*margin-bottom:20px;*/
}
div.post_content
{
 margin-bottom:20px;	
}
div.post_footer
{
	margin-bottom:10px;
}

/* Sidebar */
div#content
{
  width:460px;
  float:left;
  margin-top:7px;
}

div#ContentContainer
{
 width:405px;
 margin-top:7px;
 padding:15px 0 15px 15px;
}

div#sidebar
{
 border-left:1px solid #959595;
 float:left;
 margin-left:25px;
 margin-top:7px;
 padding-left:7px;
 padding-top:0;
 width:261px;
}

/*Subnavigation*/
#subnavigation
{
	margin-top:18px;
text-align: center;
}
#subnavigation ul {
   margin-left: 0px;
   padding-left: 0px;
}
#subnavigation ul li
{
	top:10px;
	margin-left:10px;
	border-left:1px solid #E3E3E3;
	padding-left:10px;
	display:inline;
        margin-top: 15px;
}
#subnavigation ul li.no_border
{
	padding-left:0px;
	margin-left:0px;
	border:none;
}
.addthis_container {
        margin-top: 30px;
}

#clean_contact_send {
   -x-system-font:none;
   background:transparent url(../images/btn-bg2.gif) no-repeat scroll 0 0;
   border:0 none;
   font-family: "Trebuchet MS", Arial;
   letter-spacing: 1px;
   color:#893523;
   cursor:pointer;
   font-weight:bold;
   height:28px;
   line-height:normal;
   padding-bottom:2px;
   text-transform:uppercase;
   width:87px;
}

/*Register*/

.RegisterFormContainer { /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) */
width:285px; /* Width should be just bigger then the three elemets combined */
}

.RegisterFormContainer br { /* This creates line brake between form elements */
clear:both;
}

#RadioContainer {
width: 350px;
float: left;
}


#RadioContainer label { 
display:inline;  
width:175px;  
float: none;  
text-align:left; /* Change to text-align:right; to align the labels from the right */
padding-right:3px; 
}

.LabelLong {
width: 200px;
margin: 20px 0 10px;
}

.RequiredCopy {
	width: 165px;
	font-size: 13px;
}

	.RequiredCopy .RequiredMark {
		float: left;
	}

.SelectContainer {
	width: 155px;
}

.SelectContainer2 {
	width: 150px;
}

.ZipContainer {
	width: 185px;
}


/*Legislator*/

.LSSearch, .LSSearchTypes {
margin-top:15px;
float:left;
padding-bottom: 15px;
}

.LSSearch {
width:255px;
}


.LSSearchTypes {
width: 405px;
}

.LSSearch br, .LSSearchTypes br {
clear:both;
}

.LSSearch label{
width:6em;
}

.LSSearch select{
width:11.5em;
}

.LSSearchTypes input {
width:25px;
float:left;
}

#LSSearchTypes label {
float:left;
line-height:1.5;
cursor:default;
}

.LSResultsSection li, li.LDCommittee, li.LDSubCommittee, li.CSCommittee, li.CSSubCommittee { 
padding-left:5px;
margin-left: 20px;}

ul ul {
	margin-left: 20px;
}

.searchSpacer {
height: 5px;
}

.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: #fff; color:#3E0D5E; width:40px; padding-left:10px;}

#LegislatorDetailScorecardTitleContent{ /* IE.css adds scroll boxes for IE */
border:1px solid #EFEFEF; width:355px; }

#LegislatorDetailScorecardFirstItemSecondLine{ /*Used to indent the second line of the scorecard */
margin-left:80px;}

.LegislatorDetailScorecardDetail{
position:relative; float:left; width:320px;  margin:0 0 10px 80px; }

.LegislatorDetailScorecardContainer {
position:relative; float:left; font-size:11px; }

/*Legislator*/

.CSSearch {
margin-top:15px;
width:480px;
float:left;
padding-bottom: 15px;
}

.CSSearch br {
clear:both;
}

.CSSearch label{
width:80px;
}

.CSSearch select{
width:12.5em;
}


#CSSearch label {
line-height:1.5;
cursor:default;
}

#SearchSpacer {
height:0;
clear:both;
}

/* ComposeLetters Page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.CLLetters { /* Used as a container for the letters */
margin:15px 0 15px 15px;
border: 1px solid #d7d7d7;
padding:15px;
}

.CLTargets, .TYTarget  {  /* A style that is used to format the list of Targets (ComposeLetters & Thank You Page) */
list-style-type:disc;
margin-left:20px;
}

#CLNoTargets { /* A style that is used to format the text that will display if there are no Targets when a user gets to the letter page */
margin-top:20px;
font-weight:700;
}


.CLCommType{ /* A Style used to format the area containing the radio buttons */
margin-top:10px;
margin-bottom:10px;
vertical-align:middle;
}

#ComposeLetters input { /* A style that is used to format the radio button  */
width:18px;
margin-left:7px;
}


input#CLSumitButton1 { /* A Style to place a graphic button for the Submiting of the letter */
/*background-image:url('../images/SubmitButton.gif');*/  
border:none; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
margin-bottom:5px;
}

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

.CLLetters textarea {
width:350px;
height:100px;
}

/*My Info*/

.MIAddress { /* Used only to indent the address */
margin:15px;
}

.MIFormContainer { /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) */
width:250px; /* Width should be just bigger then the three elemets combined */
}

.MIFormContainer br { /* This creates line brake between form elements */
clear:both;
}

#ContentContainer ul li {
	margin-left: 15px;
}

ul.bullets {
	list-style-type: disc;
}

#LoginError{
color:#ff0000; text-align:center; clear:both;}


#JumpLinks li {
/*background-color:#FFFFFF;*/
margin:1px;
padding:1px;
text-align:left;
}

#JumpLinks a {
/*background-color:#FFFFFF;*/
margin:1px;
text-align:left;
display:block;
width:200px;
line-height:1;
}