/*
Jorge Asis Digital
Theme Name: jasis
Theme URI: http://www.jorgeasisdigital.com
Description: Theme para JorgeAsisDigital.com
Author: agenciablog
Author URI: http://www.agenciablog.com.ar/
*/

/* Block Level Elements
------------------------------------------------------------------------- */

body {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#666;
	margin: 0px;
	padding: 0px;
	}

#page {padding:0px; margin:0px;}

#header {
	width:100%;
	padding:7px 0 0 0; margin:0;
	background: #2E4D6B url(images/header_bkg.gif) repeat-x;
	text-align: center; height:120px;	 
	}

	#headerimg {
	width:759px;margin:0 auto;padding:10px 0 15px 0;height:62px; 
	}
	
	/* HEADER
	------------------------------------------------------------------------- */
	
	div.logo{
	height: 64px;
	width: 402px; float:left;
	}
	
	div.publicidad{
	width:169px;
	height:64px;
	float:left;
	/*border: solid 1px #cccccc;*/ 
	border:none;
	color:#FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	line-height: 62px;
	}
	
	#fecha { float:right; color:#A5B8C9;}
	
	/* MENU UTILES (FAV . FONT . SEARCH)
	------------------------------------------------------------------------- */

	#subnav{
		height:17px;
		width:760px;
		clear:both;
		margin:0 auto 0 auto;
		font-size:0.75em;
		}
	
		ul.subnav{height:17px;line-height:17px;float:left;list-style:none;text-transform:uppercase;margin:0;}
		ul.subnav li{
		float:left !important; 	list-style-type:none; padding:4px 5px 3px 5px;
		margin:0 5px 0 5px;	color:#A5B7C8;	text-decoration: none; width:auto;  background-color:#173046;
		}
		ul.subnav li a {color:#A5B7C8 !important;	text-decoration: none; }
		
		#subnav img {vertical-align: middle;}
	
		ul.subnav li span.fontsize {width:350px;}
	
		form#chgfontsizeoptions {width:100%; padding:0; margin:0; display:inline}
		form#chgfontsizeoptions img {float:left;width:17px;	height:17px;vertical-align: middle;}
		form#chgfontsizeoptions select {float:left; background-color:#7D8B96; font-size:100%; color:#000; border:0; height:12px;}
		form#chgfontsizeoptions label {float:left;background-color:#173046; }
		#chgfontsizeselection {display:none}
	
		form{ margin:0; padding:0;}
	
		span.fontsize img, span.favorito img, span.suscripcion img {
		padding:0; margin:0; float:left; width:17px; height:17px;
		}
		
		span.favorito img, span.suscripcion img {margin-right:5px;}
		span.favorito a, span.suscripcion a {
		color:#A5B7C8 !important;
		text-decoration: none; padding-right:5px;
		}	
	
		/* SEARCH FORM
		------------------------------------------------------------------------- */
		
		#searchform {border:0; padding:0; margin:0;}
		
		#searchform input {
			width: 180px;
			height: 15px;
			border: 1px solid #BDCAD7;
			background-color: #F8F8F8;
			}
		
		#searchform input#searchsubmit {
			width: 60px;
			height: 17px;
			border: 0px;
			background-color: #183045;font-size:100%;
			color:#A5B7C8;
			text-decoration: none;
			}
			
		#searchform #s {}
	
	/* MENU PPAL
	------------------------------------------------------------------------- */
	
	html > body #ddnav {padding-bottom: 5px;}
	
	#ddnav{
		margin:0;
		padding:0;
		background-color:#254766;
		background-image: url(images/nav_bkg.gif);
		background-repeat: repeat-x;
		background-position: left top;
		text-align: center;
		height:15px;
		padding-top: 5px;
		}
		
		#nav {
			margin:0 auto;
			padding:0;
			width:760px;
			}
	
			#nav li {
				float:left !important;
				font-size: 1em;
				color: #CCCCCC;
				text-decoration: none;
				text-transform: uppercase;
				}
			
				#nav li a {
				text-decoration:none;
				display: block;
				color: #CCCCCC;
				min-width: 25px;
				_width: 25px;
				margin-right: 2px;
				padding: 0 5px 0 5px;
				line-height: 15px;
				vertical-align: middle;
				}
				
				#nav li a:hover, #nav li a:focus, #nav li a.current{
				color:#33608A;	background-color:#FFF;
				}
	
				body > #ddnav #nav li a {width: 90px;}
	
				/* DROP DOWN MENU
				-------------------- */
	
				#nav li ul {
					position: absolute;
					width: 15em;
					left: -999em;
					background: none;
					}
				
				#nav li ul {
					background-color: #315F89;
					padding: 0;
					}
					
				#nav li ul li a {
					background-color:#315F89;
					background-image:none;
					color:#FFF;
					width: 15em;
					font-size: 0.9em;
					padding:2px 0 2px 5px;
					text-align: left;
					vertical-align: middle;
				}
				#nav li ul li a:hover {
					background-color:#254766;
					background-image:none;
					color:#FFF;
					}
					
				#nav li:hover ul {
					left: auto;
					}
					
				#nav li:hover ul, #nav li.sfhover ul {
					left: auto;
					}
					
				#nav li ul ul {
					margin: -1em 0 0 10em;
					}
					
				#nav, #nav ul {
				margin:0 auto;padding:0 ; width:760px;
				list-style: none;
				line-height: 1;
				}
				
				#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
				left: auto;
				}
				
				#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
				left: auto;
				}

#wrapper{
	width:760px;
	margin:0 auto;
	padding:0;
	margin-bottom: 20px;
	}

	#content {
		float: left;
		width: 496px; 
		padding-top:15px; 
		}

#widecontent {
	width: 760px; 
	margin:0 auto;
	}

#widecontent post {
	}

/* Imagenes
------------------------------------------------------------------------- */

img { border:0; }

hr  { display:none;}

*   {margin: 0;padding: 0;} 

/* Headings
------------------------------------------------------------------------- */

/* FONT FAMILY */
h1, h2, h1 a:link, h1 a:hover, h1 a:visited {font-family: "Georgia", Times New Roman,Geneva, Times, serif;}
h3, h4, h5, h6 {font-family: "Tahoma", Arial, Helvetica, sans-serif;}

h1 ,h1 a:link ,h1 a:hover,h1 a:visited { /* SINGLE TITLE */
	font-size: 1.6em;
	line-height: 40px;
	color:#CC3333;
	text-decoration: none;
	clear:both;
	}

h2 {
	font-size: 1.7em;
	color:#CC3333;
	text-decoration: none;
	line-height: 40px;
	}
	
	.post_home .post h2, .post_home .post h2 a:link, .post_home .post h2 a:hover, .post_home .post h2 a:visited{
	color:#CC3333;
	font-size: 1.7em;
	}
	
	.post1 h2, .post1 h2 a:link, .post1 h2 a:hover, .post1 h2 a:visited {
	font-size: 1.6em; 
	line-height: 50px;
	}
	
	.post2 h2, .post3 h2 {
	clear: both;
	clear:both;
	line-height:20px;
	margin-bottom:20px;
	margin-top:30px;
	*padding-top: 8px;
	}

h3 { font-size: 1.4em; font-weight: normal;	color: #22405C;	padding-top:1.3em; padding-bottom:0.4em;}
h4 { font-size: 1.3em; font-weight: bold; color:#000; padding-top:1.1em; padding-bottom:0.4em;}
h5 { font-size: 1.2em;font-weight: bold; color:#333; padding-top:1em; padding-bottom:0.2em;}
h6 { font-size: 1em; font-weight: bold;	color:#666;	padding-top:1em; padding-bottom:0.1em;}

/* Post
------------------------------------------------------------------------- */

.detalle {clear:both}

/* --- POSICIONES --- */

.post1 {width: 100%; float:left; color:#666; margin-top:5px;}

html > body .post2{width: 240px;border-right:1px solid #EEEEEE;padding-right:7px;}

.post2, .post3 {width: 240px; margin-bottom: 20px; margin-top: 20px;}

.post2 {float:left;}
.post3 {float:right;}

/* --- METADATA --- */

.postmetadata {
	height: 16px;
	width:100%;
	clear:both;
	border-bottom: 1px solid #A4B7C7;
	background-color: #F1F1F1;
	}
	
	/* CATEGORIA */
	
	.categoria { 
		background-color: #A4B7C7;
		height: 16px;
		float:left;
		clear:left;
		overflow: hidden;
		padding:0 12px;
		margin-left: 10px;
		}
		
		.post2 .categoria, .post3 .categoria{width:152px;}
		
		.categoria a {color:#FFF; text-transform: uppercase;}
	
		span.cty a:link, span.cty a:hover, span.cty a:visited {
		font-size:87%; color: #FFF;	text-decoration: none; text-transform: uppercase;
		}
		
		html > body span.cty a:link, html > body span.cty a:hover, html > body span.cty a:visited {}
		
		span.cty ul li{ display:block; list-style-type: none;}
	
	/* DATE */
	
	.post .date{
		height: 16px;
		float:left;
		}
	
		.post2 .date, .post3 .date{
		height:3px !important;
		padding:4px 0;
		clear:both;
		width: 240px;
		}
	
		html > body	.post .date{
		height: 16px; 
		}
	
		html > body .post3 .date.dt, html > body .post2 .date.dt{
		}
	
		span.dt {
		font-weight: normal;
		font-variant: normal;
		color: #A4B7C7;font-size:80%;
		text-decoration: none;		
		text-transform: uppercase;
		padding-left:5px; 
		font-weight: normal;
		text-transform: uppercase;
		}
		
		.post2 span.dt, .post3 span.dt {padding-left: 0px;}
			
/* --- COPETE --- */

.post .copete { 
	font-weight: normal;
	color: #790000;
	padding: 5px 5px 5px 5px;
	margin:0 0 10px 0; 
	background: url(images/blackquote_bkg.gif) repeat-y;
	float:right; 
	width:100%;
	font-size: 100%;
	}
	
	html > body .post .copete {width:97%;}
	
.post .copetesingle { 
	font-weight: normal;
	color: #790000;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px; 
	background: url(images/blackquote_bkg.gif) repeat-y;
	float:right; 
	width:225px;
	}

.post1 .copete { 
	float:right; 
	width:225px;
	}
	
	html > body .post1 .copete {width:230px;}

.post2 .copete, .post3 .copete {
	float:right;
	width:100px;
	height: 119px;
	}
	
	html > body .post2 .copete  {width:100px;}
	html > body .post3 .copete  {width:100px;}

/* --- ENTRY/Single: IMG.P.A --- */

/* Image Display */

.post_home .entry img, .post_home .entry p img {  
display:none; 
}

.post1 .entry img, .post2 .entry img, .post3 .entry img, .post1 .entry p img, .post2 .entry p img, .post3 .entry p img {
display: inline;
}

.entry-single img, .entry-single img p {
/*float:left; padding:0 10px 5px 0; width:249px; height:249px;	*/
/*display: inline;*/
}

.post a {
	color:#CA3433;
	font-weight: normal;
	text-decoration: none;
	}

.post .entry {color:#666;}
.post .entry p, .post .entry-single p {padding-bottom:10px;}

.post1 p {
	color:#666;
	}

	.post1 a, .post1 a:hover, post1 a:visited {
	color:#CA3433;
	font-weight: normal;
	text-decoration: none;
	}

	.post1 p img {float:left; padding:0 15px 5px 0; width:240px; height: 240px; }

.post2 p, .post3 p {
	color:#666;
	}

	.post2 a, .post2 a:hover, post2 a:visited, .post3 a, .post3 a:hover, .post3 a:visited {
	color:#CA3433;
	font-weight: normal;
	text-decoration: none;
	}

	.post2 p img, .post3 p img {
	float:left; padding:0 0 5px 0; width:128px; height:128px;
	}

	.post2 li, .post3 li {
	list-style-image: url(images/bullet.gif);
	}
	
/* Entry single Form */
	
	.entry-single form {width:100%;	}
	
	.entry-single label {
		display:block;
		font-weight: bold;
		background-color:#ca3433;
		color: #FFFFFF;
		padding: 10px;
		line-height:35px;
		margin-bottom:10px;
		padding:10px;
		text-align:right;
		border: 3px solid #ca3433;
		}
		
		.entry-single label:hover {
		border: 3px solid #333;
		}
	
	.entry-single input, .entry-single textarea {
		font-size:100%;
		margin:5px;
		padding:5px;
		background: #fafafa; 
		border-bottom: 1px solid #F0F0F0;
		border-left: 1px solid #F0F0F0;
		border-right: 1px solid #F0F0F0;
		border-top: 1px solid #E3E3E3; 
		vertical-align:top;
		width:350px;
		}
		
		.entry-single input:hover, .entry-single textarea:hover {
		background:#CEDDDF;
		}
		
		.entry-single input:focus, .entry-single textarea:focus {
		background:#F3F8F8;
		border-top: 1px solid #AAA;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		}
		
		.entry-single textarea {
		font-family:tahoma;
		font-size:95% !important;
		letter-spacing:1px;
		}
	
	.entry-single .rad-group {
		background-color:#ca3433;
		color: #FFFFFF;
		width: 100%;
		height: 40px;
		margin-bottom: 10px;
		}
	
		.entry-single .rad {
		width: 30%;
		float:left;
		line-height: 20px;
		margin-left: 10px;
		margin-top: 10px;
		}
		
		.entry-single .rad input {
		width: 10px;
		}
	
	.entry-single input#stnl_submit, .entry-single input#sendbutton {
		background-color:#CA3433;
		border:1px solid #CA3433;
		color:#FFFFFF;
		float:right;
		font-weight:bold;
		position:relative;
		right:-5px;
		width:60px;
		}
		
		.entry-single input#stnl_submit:hover, .entry-single input#sendbutton:hover {
		background-color: #333333;
		border: 1px solid #333333;
		}

	.cform ol {	list-style-type: none;}
	.cf_hidden {display: none;}
	.linklove {display: none;}
	.success {
		font-weight: bold;
		background-color:#ca3433;
		color: #FFFFFF;
		padding: 10px;
		margin-bottom:10px;
		border: 3px solid #333;
	}
	.failure {
		font-weight: bold;
		background-color:#ca3433;
		color: #FFFFFF;
		padding: 10px;
		margin-bottom:10px;
		border: 3px solid #333;
	}


/* --- SHARE ---  */

.share-it {
	height: 15px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #FFF;
	border-top: 1px solid #DDD;
	}
	
	.post1 .share-it{
	background-color: #F1F1F1;
	clear:both;
	margin-bottom: 0px;
	}
	
	.post2 .share-it, .post3 .share-it {
	height: 45px;
	padding-left: 0px;
	border-top: 1px solid #FFF;
	margin-bottom: 0px;
	}
	
	/* SHARE: sociable.css/div.sociable */

	.mail {
	float: left;
	margin-left: 10px;
	height: 20px;
	font-size: 90%;
	line-height: 14px;
	}
	
	.post2 .mail, .post3 .mail {
	margin-top: 25px;
	*margin-top: 40px;
	padding-top: 8px;
	margin-left: 0px;
	float: none;
	border-top: 1px solid #EEE;
	}

/* --- NAV --- */

.navigation {
	float:left;
	height: 30px;
	width:100%;
	margin-bottom: 15px;
	border-top: 3px solid #CA3433;
	background-color: #F1F1F1;
	}
	
	.nav-top {border-top: none; border-bottom: 3px solid #CA3433;}
	
	.navigation:hover {
	border-top: 3px solid #333;
	background-color: #FFF;
	}
	
	.nav-top:hover  {border-top: none; border-bottom: 3px solid #333; background-color: #FFF;}
	
	.navigation a, .navigation a:visited {
	color:#CA3433;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
	}
	
	.navigation a:hover {
	color:#FFFFFF;
	background-color:#CA3433;
	}
	
	.nav-left  {
		float:left;
		margin-left: 10px;
		margin-top:8px;
		width: 45%;
		}
		
	.nav-right {
		float:right;
		margin-right:10px;
		margin-top:8px;
		text-align:right;
		width:45%;
		}

/* --- ALIGN  --- */

.alignleft { float:left; width:45%; color:#631616; }
.alignleft a, .alignleft a:hover, .alignleft a:visited{ color:#631616; text-decoration: none;}

.alignright{ float:right; width:45%; text-align:right ; color:#631616; }
.alignright a, .alignright a:hover, .alignright a:visited{ color:#631616; text-decoration: none;}

.center {}
.pagetitle { }
blockquote {}
cite {}
a img {}
acronym, abbr {}

/* SIDEBAR
------------------------------------------------------------------------- */

#sidebar {
	width: 253px;
	float: right;
	margin:0;
	padding:0;
	color: #003366;
	background-color: #C3CFDB;
	}
	
	div.widget{ 
	margin:0; padding:0; width:100%;  
	border-bottom: 10px solid #FFF;
	}
	
	#sidebar .widgetfijo {
	border-bottom:10px solid #FFF;
	padding:5px 0
	}

	#sidebar .title{
	font-size:100%;
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#003366;
	font-weight: bold;
	margin:0;
	padding: 11px 0;
	text-indent: 10px;
	}

	#sidebar h2 {
	font-size:100%;
	padding-left:11px;
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#003366;
	font-weight: bold;
	line-height:120%;
	}
	
	#sidebar p {
	margin:0;
	padding:0 10px;
	color:#666666;
	}

	#sidebar ul {
		padding:10px;
		list-style-type: none;
		}

		#sidebar ul li {
		border-bottom:1px solid #A4B7C7;
		border-left:0 none;
		border-right:0 none;
		padding:5px 10px;
		}

		#sidebar ul ul ul {}

/* LINKS */
#sidebar a { color:#003366; text-decoration: none;}
#sidebar a:hover {color:#003366; text-decoration: none;}
#sidebar a:visited {color:#003366; text-decoration: none; }

/* FORM */
#sidebar label {float:left; width:150px;}
#sidebar label strong {display:none}

#sidebar input#email {
	width: 140px; 	_width: 110px;
	height: 15px;
	border: 1px solid #CC3433; font-size:96%;
	background-color: #FFF; float:left; margin-left:10px
	}
	
#sidebar form{ height:30px; margin-bottom:10px;}

#sidebar input#stnl_submit {
	height: 20px; _width:80px;
	padding:4px;
	border: 0px;
	font-size:94%;
	background-color: #CC3433;
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	text-align: center;
	margin-left:5px;
	line-height: 20px;
	vertical-align: middle;
	}

/* ANUNCIO */
#sidebar div.anuncio { width:100%;
	background-image: url(images/anuncio_bkg.gif);
	background-repeat: repeat-y;
	background-position: left top; padding:10px 0 10px 0;
	}

	#sidebar div.anuncio h2 {
	font-size:100%;
	padding-left:11px;
	padding-bottom: 5px;
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#000;
	}
	
	#sidebar div.anuncio p {color:#AB2C2C;}
	
	#sidebar div.anuncio img {padding-top:10px;display: block; margin: auto; }
	
/* BANNER */
#sidebar #asisdigital span{text-align: center; margin-top:10px;}

#sidebar #asisdigital div.asisdigital{
  background-image: url(images/asis_digital.gif);
	background-repeat: no-repeat;
	background-position: center top; background-color:#99FF00; 
	height: 59px; width: 240px; margin-left:1px; }

#sidebar #asisdigital a, #asisdigital a:hover{
	color:#003366;	text-decoration: none;
}

/* RSS */
#sidebar #sindicar {
	padding-left:30px;background-image: url(images/icon_rss.gif);
	background-repeat: no-repeat; margin-left:10px;
	background-position: left center;}
#sidebar #sindicar span { color:#333;}

#sidebar .fvd_ytl { width:253px; position:absolute; float:left; clear:left; padding-bottom:50px;}

/* FOOTER
------------------------------------------------------------------------- */

#footer {
	height:122px; width:100%; margin:0 auto; padding:0; clear:both;
	background-image:url(images/footerbck.gif); background-repeat:repeat-x;
	background-color:#4F4F4F; border-top:4px solid #333333; color:#FFFFFF;
	}
	
	.footer_center {width:760px; margin:0 auto; padding:20px 0; font-size: 80%;}
	.footer_data { float: left; padding-top: 6px;}
	.footer_logo { float:right;}
	
	#footer a , #footer a:hover{ color: #FFF; text-decoration:underline;}

/* Articulos relacionados 
------------------------- */

#relacionados {
	padding: 10px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#relacionados H2{
	font-size:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#27527D;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;
}

#relacionados UL LI{
	padding-left:8px;
	color:#CC3333;
	background-image: url(images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left;
	list-style-type: none;
}

/* Tv
------------------------- */

#tv{
	background-color: #7794AF;
	background-position: top;
	height: 320px;background-image: url(images/tv_down.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 253px; padding:0;
	}
	
a.verlista{
	padding-left:10px;
	margin-bottom:10px;
	font-weight: bold;
	text-decoration: none;
	}	

#tvpv{
	background-color: #1D5F8F;
	background-position: top;
	height: 420px;background-image: url(images/tv_down.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 253px; padding:0;
	}
	
#tv .headertv{
  background-image: url(images/header_tv.gif);
	background-repeat: no-repeat;
	background-position: left top; 
	height: 48px; 
	width: 253px; margin:0; padding:0;
	} 

#tv .headerpvtv{
  background-image: url(images/header_pvtv.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
	height: 210px; 
	width: 253px; margin:0; padding:0;
	} 

#tv h2{
	font-size:110%;
	padding-left:11px;
	margin-bottom: 10px;
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#003366;
	font-weight: bold;
	line-height:120%;
	text-decoration: none;
	}

p.tv{ padding:10px;}
p.tv a, #tv p.tv a:hover; #tv p.tv a:visited{
	font-weight: bold;
	text-decoration: none;
}
.tvlista a {padding-left: 10px;}

/* Rss + Feed
------------------------- */

.rsswidget img { width:5px;height:0 padding:0; margin:0; display:none}
.rsswidget a {text-indent: 10px;}
.rsswidget {left:0px; padding:0; margin:0;}

html > body .feed {width:82%;}

.feed {width:4.8em;font-size: 1.7em;line-height:normal;color:#315f89;padding:3px;margin:10px 5px 0 5px;border:1px solid #bdcad7;"><a style="color:#315f89!important;}

/* Posiciones
------------------------- */

.ancha { 
	border: none;
	display: block;
	padding:0 auto 5px auto;
	}

.derecha { 
	border: none;
	float:right; 
	padding:0 0 5px 10px;
	}
.izquierda { 
	border: none;
	float:left; 
	padding:0 10px 5px 0;
	}

/* Varios
------------------------- */

p.paginado {margin-top:15px;margin-bottom:15px;clear:both;}

.copete_video { /* irene*/
	font-weight: normal;
	/* color: #790000;
	background: url(images/blackquote_bkg.gif) repeat-y; */
	color:#003366;
	text-decoration: none; 
	padding: 5px 5px 5px 5px;
	float:right; 
	margin:7px 0 10px 0; 
	width:233px;
	clear:right;
	height:386px;
	}
	
.clear {clear:both;} 

.vvqbox {float:left; }
.vvqbox, .vvqyoutube {margin:0; padding:0}

/* TOOLTIP */

.hotspot {cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tip/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tip/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:1px 10px 1px 5px; margin-left:5px; background:#666; color:#FFF; font-size: 10px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tip/tt_bottom.gif) top right no-repeat; overflow:hidden}