/*******************
*  General Styles  *
*******************/
    * {
      margin: 0;
      padding: 0;
    }
    body {
      background-color: #fff;
      font-family: tahoma,georgia, garamond, serif;
      font-size: 12px;
      color: #000;
    }
	input{
	border:1px solid #BFBFBF;
	padding:1px 2px;
	}

	textarea {
	border:1px solid #BFBFBF;
	padding:1px 2px;

	}

	tebaleborder{
	border:1px solid #BFBFBF;
	padding:1px 2px;

	}
	
	a {	
		color: #808080;
		text-decoration:underline

	}

	 a:hover {
		text-decoration: none;
		color: #000000!important;
	}
	
  /******************/
   
  /**************************
  *  Main Container Styles  *
  **************************/
    body div#jar_main {
      margin: 0 auto;
      width: 957px;
    }
    body#home div#jar_main {
      width: 800px;
    }
  /*************************/
  
  /***********************
  *  Page Header Styles  *
  ***********************/
    body div#jar_page_header {
      margin-top: 32px;
      width: 957px;
      height: 63px;
      background: #EAEAEA url(../images/cap_page_header_r.gif) top right no-repeat;
      position: relative;
    }
    body#home div#jar_page_header {
      width: 800px;
    }
    #jar_page_header h1 {
      width: 175px;
      height: 63px;
    }
    #jar_page_header h1 a {
      padding-top: 63px;
      width: 259px;
      height: 0;
      display: block;
      overflow: hidden;
    }
    #jar_page_header p {
      margin: 8px 0;
      border-left: 1px dotted #ccc;
      padding: 9px 0 0 13px;
      width: 80px;
      height: 39px;
      position: absolute;
      top: 0;
      right: 0;
    }
    #jar_page_header p a {
      margin-top: 2px;
      padding-top: 27px;
      width: 65px;
      height: 0;
      background: transparent url(../images/btn_register.gif) 0 0 no-repeat;
      display: block;
      overflow: hidden;
    }
    #jar_page_header a#homepage_login {
      position: absolute;
      top: 25px;
      right: 108px; 
      font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
      font-size:10px; 
      font-weight:bold; 
      color:#666666;
      text-decoration:none;
    }
    
    #jar_page_header a:hover#homepage_login {
      text-decoration:underline;
    }
  /*****************/
  
  /************************
  *  Header Blurb Styles  *
  ************************/
    strong.header_blurb {
      margin: 37px 20px;
      font-family: georgia, garamond, serif;
      font-weight: normal;
      font-size: 26px;
      line-height: 36px;
      text-align: justify;
      color: #222;
      display: block;
    }
    body#get_link_ie strong.header_blurb {
      margin: 37px 18px 30px;
    }
  /***********************/
  
  /*********************
  *  Home Page Styles  *
  *********************/
    /**********************************
    *  Three Steps to Publish Styles  *
    **********************************/
      ul#three_steps {
        margin-top: 40px;
        height: 1%;
        font-family: tahoma,"Times New Roman", Times, serif;
        font-size: 12px;
        color: #000;
        list-style: none;
        overflow: auto;
      }
      ul#three_steps li {
        padding: 10px 30px;     
        width: 135px;
        height:240px;
        float: left;
      }
      ul#three_steps li#bookmark {
        background: transparent url(../images/bg_step_bookmark.gif) center no-repeat;
      }
      ul#three_steps li#organize {
        border-left: 1px dotted #ccc;
        border-right: 1px dotted #ccc;
        background: transparent url(../images/bg_step_collaborate.gif) 40px 100px no-repeat;
      }
      ul#three_steps li#publish {
        /*background: transparent url(../images/simple/bg_step_publish.gif) center no-repeat;*/
      }
      ul#three_steps li p {
        margin-top: 263px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10px;
        text-align: justify;
      }
      
      /* Margin top and bottom should equal height of a single image */
      .publish_example {
        margin-top:4px;
        margin-bottom:4px
      }
      
      .publish_example_one {
        margin-top:52px;
        margin-bottom:0;
      }
      
      .publish_example_three {
        margin-top:0;
        margin-bottom:0;
        
      }
      
      ul#three_steps li p#see_examples {
      	margin-top:0;
      	margin-bottom:59px;     	
      }

      .frame_two {
        display:none;
      }
    /*********************************/
    
    img#homepage_free_for_journalists {
      margin-top: 40px;       
      margin-left: 8px;       
    }
    
    /*************************
    *  Movie Callout Styles  *
    *************************/
      div#call_home_video {
        margin-top: 8px;
        width: 800px;
        height: 187px;
        background: #EAEAEA url(../images/cap_call_video1_r.gif) top right no-repeat;
        position: relative;
        clear: both;
      }
      div#call_home_video ul {
        padding-top: 11px;
        padding-left: 18px;
        height: 176px;
        background: transparent url(../images/cap_call_video1_l.gif) 0 0 no-repeat;
        list-style: none;
      }
      div#call_home_video ul li {
        padding-left: 45px;
        height: 32px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10px;
        line-height: 32px;
        background: transparent url(../images/blt_checkbox.gif) 0 0 no-repeat;
      }
      div#flash_home_video {
        position: absolute;
        top: 17px;
        right:  16px;
      }
    /************************   
  /********************/
  
  /*************************
  *  Get Link Tool Styles  *
  *************************/
    body div#jar_content {
      padding: 47px 20px 0 360px;
      position: relative;
      text-align: justify;
    }
    body#get_link_ff div#jar_content {
      background: transparent url(../images/bg_ff_content.jpg) 0 0 no-repeat;
    }
    body#get_link_ie div#jar_content {
      padding: 54px 20px 0 360px;
      background: transparent url(../images/bg_ie_content.jpg) 0 0 no-repeat;
    }
    body#get_link_sa div#jar_content {
      padding: 54px 20px 0 360px;
      background: transparent url(../images/bg_sa_content.jpg) 0 0 no-repeat;
    }
    body#get_link_xx div#jar_content {
      padding: 64px 20px 0 360px;
      background: transparent url(../images/bg_xx_content.jpg) 0 0 no-repeat;
    }
    body#get_link_xx ul {
			list-style: none ;
   }

    body div#jar_content h2 {
      padding-left: 47px;
      width: 910px;
      height: 40px;
      font-weight: normal;
      font-size: 20px;
      line-height: 40px;
      color: #000;
      background: #E9E7BE url(../images/cap_header2_l.gif) 0 0 no-repeat;
      position: absolute;
      top: 7px;
      left: 0;
    }
    body#get_link_ff div#jar_content h2 {
      background: #E9E7BE url(../images/cap_ff_header2_l.gif) 0 0 no-repeat;
    }
    body#get_link_ie div#jar_content h2 {
      top: 14px;
      background: #E9E7BE url(../images/cap_ie_header2_l.gif) 0 0 no-repeat;
    }
    body#get_link_sa div#jar_content h2 {
      top: 13px;
      background: #E9E7BE url(../images/cap_sa_header2_l.gif) 0 0 no-repeat;
    }
		body#get_link_xx div#jar_content h2 {
      top: 34px;
      background: #E9E7BE url(../images/cap_xx_header2_l.gif) 0 0 no-repeat;
    }
     body div#jar_content h2 span {
      padding-top: 40px;
      width: 6px;
      height: 0;
      background: transparent url(../images/cap_header2_r.gif) 0 0 no-repeat;
      display: block;
      overflow: hidden;
      float: right;
    }
    div#jar_content h3,
    div#jar_content h4,
    div#jar_content h5 {
      font-weight: normal;
      color: #333;
    }
    div#jar_content h3 {
      padding-top: 24px;
      margin: 0 0 10px 0px;
      font-size: 26px;
      line-height: 36px;
      clear: both;
    }
    div#jar_content h4 {
      margin: 18px 0 0px;
      font-size: 18px;
      line-height: 24px;
    }
    div#jar_content p {
      margin-bottom: 20px;
      line-height: 20px;
    }
    div#jar_content ol {
      margin-left: 40px;
      color: #333;
      line-height: 20px;
    }
    div#jar_content ol li {
      color: #666;
      font-weight: normal;
    }
    div#jar_content img#show_ie_steps {
      margin-top: 15px;
    }
    div#jar_content div#show_ie_steps2 {
      position: absolute;
      left: 35px;
      top: 380px;
    }
    
    div#jar_content div#show_ie_steps2 img {
    	border:1px solid #000;
    }
    
    
    div#jar_content a#btn_link_w_p2 {
      padding-top: 40px;
      width: 187px;
      height: 0;
      background: transparent url(../images/btn_link_w_p2.gif) 0 0 no-repeat;
      display: block;
      overflow: hidden;
    }
    body#get_link_ie div#jar_content a#btn_link_w_p2 {
      margin-top: 20px;
    }
    
    div#jar_continue {
      text-align: right;
    }
    div#jar_continue h3 span {
      color: #000;
    }
    div#jar_continue a {
      font-size: 20px;
      line-height: 15px;
    }
    div#jar_content div#getting_started_ff1 {
    	position: absolute;
    	color: #000000;
      width: 290px;
      height: 150px;
 			margin: 300px 0 0 -330px;
			background: transparent url(../images/getting_started_ff1.jpg) 0 30px no-repeat;
 			border: 0;
     }
   		div#jar_content div#getting_started_sa1 {
    	position: absolute;
    	color: #000000;
      width: 290px;
      height: 150px;
 			margin: 400px 0 0 -330px;
			background: transparent url(../images/getting_started_sa1.jpg) 0 30px no-repeat;
 			border: 0;
     }
    	 	
  /************************/
  
  /***********************
  *  Create Link Styles  *
  ***********************/
    body#create_link div#jar_content {
      padding: 54px 0 0 0;
      min-height: 970px;
    }
    div#jar_content h3 small {
      font-size: 16px;
      color: #666;
    }
    div#jar_content em.red {
      font-style: normal;
      color: #fe0000;
    }
    div#jar_content p.note {
      margin-top: 80px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 11px;
      line-height: 20px;
      color: #999;
    }
    div#jar_content h5 {
      margin-left: 230px;
      font-size: 17px;
    }
		div#jar_content ol#create_link_instructions {
      margin: 10px 0 15px 20px;
      font-size: 18px;
      line-height: 50px;
    }
    div#jar_content ol#create_link_instructions li{
      color:#000000;
			margin-left:5px;
    }
    div#jar_content ul#suggested_sites {
      margin: 5px 0 0 230px;
      padding-left: 20px;
      height: 250px;
    }
    div#jar_content ul#suggested_sites li {
      font-size: 13px;
      line-height: 25px;
    }
    
		div#jar_content div#create_link_text {    
 			width: 500px; 
 			float:left;
 		}

	/*****************************
	*  Link Tool Feature Styles  *
	*****************************/
		ul#link_tool_features {
			width: 300px;
			height: 940px;
			display: block;
 			margin-left:645px;
 			background: transparent url(../images/link_tool_features.gif)  top right no-repeat;
			position: relative;
 		}
		ul#link_tool_features li {
			width: 23px;
			height: 23px;
			display: block;
			position: absolute;
		}
		/*********************
		*  Target Positions  *
		*********************/
			ul#link_tool_features li#link_title {
				left: 58px;
				top: 55px;				
			}
			ul#link_tool_features li#choose_feed {
				left: 64px;
				top: 161px;				
			}
			ul#link_tool_features li#link_tags {
      	left: 77px;
      	top: 309px;
    	}
			ul#link_tool_features li#public_comments {
      	left: 107px;
      	top: 389px;
    	}
			ul#link_tool_features li#setup_twitter {
      	left: 152px;
      	top: 743px;
    	}
		/********************/
		
		ul#link_tool_features li a {
			padding-top: 22px;
			width: 22px;
			height: 0;
			display: block;
			position: relative;
			text-decoration: none;
			overflow: hidden;
		}
		ul#link_tool_features li div.tooltip {
			width: 300px;
			height: 65px;
			position: absolute;
			bottom: 20px;
			left: -3px;
		}
		/********************
		*  ToolTip Heights  *
		********************/
			ul#link_tool_features li#link_title div.tooltip {
				/* Already set as the default from above style! */
			}
			ul#link_tool_features li#choose_feed div.tooltip {
				height: 90px;
			}
			ul#link_tool_features li#link_tags div.tooltip {
				height: 90px;
			}
			ul#link_tool_features li#public_comments div.tooltip {
				height: 75px;
			}
			ul#link_tool_features li#setup_twitter div.tooltip {
				height: 75px;
			}

		/*******************/
		
		/***************
		*  Hover Code  *
		***************/
			ul#link_tool_features li a:hover {
				overflow: visible !important;
			}
			ul#link_tool_features li a:hover div.tooltip {
				bottom: 0;
			}
		/**************/
		
		/******************
		*  Bubble Design  *
		******************/
			ul#link_tool_features li div.tooltip span.cap_tooltip_t {
				padding:6px 0 0 0;
				width:300px;
				height:0;
				display:block;
				background:transparent url(../images/d_top.gif) 0 0 no-repeat;
				overflow: hidden;
			}
			ul#link_tool_features li div.tooltip p {
				margin: 0;
				border: 1px solid #E2C822;
				border-top:none;
				border-bottom:none;
				padding:0 5px 0;
				width:288px;
				font-size: 11px !important;
				line-height: 13px;
				text-decoration: none !important;
				color:#000;
				background:#FFF9D7;
			}
			ul#link_tool_features li div.tooltip span.cap_tooltip_b {
				padding:22px 0 0 0;
				width:300px;
				height:0;
				display:block;
				background:transparent url(../images/d_bot.gif) 0 0 no-repeat;
				overflow: hidden;
			}
		/*****************/
	/****************************/
    
  
/**************************************/  
div#footer, div#footer_copyright {
  text-align:center;
  margin-top:12px;
  color:#666;
}

div#footer ul li {
  display:inline; 
}

div#footer ul li a {
  color:#666666;  
}

div#footer ul li {
  padding-right:8px;
}
div#footer ul li.sep {
  border-left:1px dotted #CCCCCC;
  padding-left:8px;
}

div#footer_copyright {
  padding-bottom:14px;
}