/*  
Theme Name: Potrika
Theme URL:
Author: r_shahin	
Author URL: http://www.shahin.co.nr	
Description:
*/

/* CSS Document */

/* Featured */
#featured_content {
width: 540px;
height: 215px;
padding:0px 0px 0px 0px;
background:url(images/featured_must.gif) bottom no-repeat;
margin-top:13px;
margin-left:8px;
}


/* Latest */

.latest {
width: 589px;
height: 191px;
padding:25px 0px 0px 10px;
text-align: left;
background:url(images/featured_bg.gif) left top no-repeat;
margin-top: 7px;
margin-bottom:-23px;
}

.latest h1 {
font-size:18px;
color:#3D98EC;
font-weight: normal;
font-family:georgia;
}

.latest h1 a {
color:#2e2e2e;
text-transform: uppercase;
}

.latest h1 a:hover {
color:#999;
text-transform: uppercase;
}

.latest_content {
width:322px;
text-align: justify;
text-justify: auto;
color:#272727;
font-size:1em;
}

.latest img {
float:right;
width: 230px;
height:147px;
margin:-15px 23px 0px 0px;
border:2px solid #DEDDDD;
}

.meta1 {
font-size: 11px;
text-align: left;
padding-bottom:1px;
font-family:georgia;
color: #555;
}

.meta1 a {
color: #444;
border-bottom: 1px dashed #999;
}

.meta1 a:hover {
color: #000;
}

.category {
padding-left:0px;
margin-bottom:8px;
}

.headlines {
width: 573px;
height: 22px;
text-align: left;
background:url(images/headlines.gif) left top no-repeat;
margin:7px 0px 2px 7px;
}

/* Left_content */

.left_box {
margin:0px 0px 0px 4px;
float:left;
}

.left_box img {
width:60px;
height:42px;
float: left;
margin: 1px 5px 0px 1px;
border:2px solid #DEDDDD;
}

.right_box {
margin:0px 0px 0px 0px;
float:right;
}

.right_box2 {
margin:-3px 6px 0px 0px;
float:right;
}

.right_box img {
width:60px;
height:42px;
float: left;
margin: 1px 5px 0px 1px;
border:2px solid #DEDDDD;
}

.right_box2 img {
width:60px;
height:47px;
float: left;
margin: 1px 5px 0px 1px;
border:2px solid #DEDDDD;
}

.content_left_top {
background:url(images/postbox_top.gif) left top no-repeat;
width:285px;
height:6px;
}

.content_left_bg {
background:url(images/postbox_bg.gif) left top repeat-y;
width:285px;
}

.content_left {
width:270px;
padding:0px 0px 5px 6px;
color:#272727;
}

.content_left_bottom {
background:url(images/postbox_bottom.gif) left top no-repeat;
width:285px;
height:26px;
padding:2px 0px 4px 5px;
}

.content_left h1 {
font-size:12px;
font-weight:normal;
font-family:georgia;
text-transform: uppercase;
color:#000;
line-height:16px;
}

.content_left h1 a{
color:#682E07;
}

.content_left h1 a:hover{
color:#000;
}

.post_link {
padding-left:6px;
padding-bottom:3px;
font-family:georgia;
}

.post_link a {
font-weight:bold;
color:#00c4fc;
}

.post_link a:hover {
font-weight:bold;
color:#000;
}

.category2 {
padding-left:0px;
margin-bottom:4px;
}

/* Archive Box */

.archive_box {
margin:10px 0px 0px -11px;
}

.archive_box_top {
background:url(images/archive_box_top.gif) left top no-repeat;
width:583px;
height:6px;
}

.archive_box_bg {
background:url(images/archive_box_bg.gif) left top repeat-y;
width:583px;
margin-top:-15px;
}

.archive_box {
width:565px;
padding:4px 0px 6px 15px;
color:#272727;
}

.archive_box_bottom {
background:url(images/archive_box_bottom.gif) left top no-repeat;
width:583px;
height:27px;
padding:3px 0px 0px 0px;
margin-bottom:-8px;
}

.archive_box h1 {
font-size:13px;
font-weight:normal;
font-family:georgia;
text-transform: uppercase;
color:#111;
line-height:16px;
}

.archive_box h1 a{
color:#111;
}

.archive_box img {
background: #F2F2F2;
padding:2px;
border: 1px solid #E0DFDF;
float:left;
margin:0px 8px 0px 0px;
}

.archive_box h2 a {
color:#eee;
text-decoration:none;
}

.archive_box b a {
color:#383838;
font-weight:400;
text-decoration:underline;
}

.archive_box b a:hover {
color:#000;
font-weight:400;
text-decoration:none;
}

.archive_box li {
list-style:none;
background:url(images/bullet2.gif) left top no-repeat;
vertical-align:bottom;
line-height:1.51em;
color:#222;
margin:0;
font-family:georgia;
padding:0px 0px 0px 16px;
}

.archive_box ul li a {
text-decoration:underline;
color:#222;
}

.archive_box a:hover,{
color:#666;
text-decoration:none;
}
.archive_box li a:hover {
color:#666;
text-decoration:none;
}


/* RSS */

body:nth-of-type(1) .rss_count {
display:block;
margin-top:0px;
background:url(images/rss_button.jpg) left top no-repeat;
width:369px;
height:75px;
padding:27px 0px 0px 9px;
line-height:16px;
font-weight:bold;
margin-left:0px;
margin-bottom:-22px;
}

.rss_count {
display:block;
margin-top:0px;
background:url(images/rss_button.jpg) left top no-repeat;
width:369px;
height:75px;
padding:27px 0px 0px 9px;
line-height:16px;
font-weight:bold;
margin-left:0px;
margin-bottom:-22px;
}

.rss_count a{
text-align:left;
color:#333;
border-bottom: 1px dashed #999;
}

.rss_count a:hover{
text-align:left;
color:#333;
}

.widget1 {
margin-left:0px;
float:left;
}

.widget2 {
margin-left:12px;
float:left;
}

body {
background: #9a9a9a;
color:#000;
margin:0;
padding:0;
}

.postmetadataalt {
font-size:0.85em;
padding:7px;
border: 1px dashed #999;
}

.partner{
font-size:0.81em;
padding:7px;
margin: 25px;
border: 1px solid #6890bb;
}

.pagetitle {
margin:0;
padding:0 0 15px 18px;
}

html {
font-size:.72em;
font-family:tahoma, arial;
}

.normal {
font-size:1.01em;
}

.big {
font-size:1.31em;
}

.small {
font-size:0.91em;
}

h1 {
font-family:arial, tahoma, times new roman, arial narrow;
color:#E3E3E3;
font-size:3.21em;
text-transform:uppercase;
font-weight:400;
line-height:1.01em;
margin:0;
padding:0;
}

#respond {
color:#464646;
font-size:1.01em;
text-transform:uppercase;
margin:0;
padding:0;
}

#title {
color:#23385a;
text-decoration:none;
background:url(images/title_bg.jpg) right no-repeat;
height:151px;
}

.h3 {
font-size:1.3em;
color:#999;
text-transform:none;
margin:0;
padding:0 0 0 29px;
}

.h4 {
font-size:1.01em;
color:#23385a;
text-transform:uppercase;
vertical-align:middle;
margin:0;
padding:0;
}

.border {
width:1000px;
vertical-align:top;
text-align:left;

}

.main_div {
height:100%;
vertical-align:top;
background:url(images/main_bg.jpg) left top repeat-y;
margin:0 0 0 0px;
}

#wrap{
width:100%;
margin:0;
background:url(images/bg1.jpg) no-repeat right top ;
}

.top1 {
width:1000px;
height:160px;
display:table;
background:url(images/top1.jpg) left top no-repeat;
}

.main_table {
width:1000px;
display:table;
background:url(images/top_bg.jpg) left top no-repeat;
margin-top:0px;
}

.main_table2 {
width:1000px;
display:table;
background:url(images/main_bg.jpg) left top no-repeat;
margin-top:0px;
}

.main_table_row {
width:1000px;
height:100%;
display:table-row;
}


.left_1 {
width:7px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.right_1 {
width:1px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.main_left {
vertical-align:top;
text-align:left;
margin-top:0px;
padding-left:6px;
}

.main_left2 {
vertical-align:top;
text-align:left;
margin-top:0px;
padding-left:6px;
}

.main_left3 {
vertical-align:top;
text-align:left;
padding-left:8px;
}

.left_2 {
width:1px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.main_cent {
width:590px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
padding-left:11px;
}

.main_cent2 {
width:543px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
padding-left:11px;
}

.main_cent3 {
width:543px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
padding-left:10px;
}


.co_name_bg {
width:590px;
height:0px;
vertical-align:top;

}

.co_name {
vertical-align:top;
text-align:left;
font-size:1.2em;
padding:0px 0px 0;
font-weight:700;
}

.co_name a {
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
color:#FAD976;
text-decoration:none;
font-size:0.85em;
}

.co_name a:hover {
color:#000;
text-decoration:none;
font-size:0.85em;
}

body:nth-of-type(1) .slogan1 {
color:#eee;
vertical-align:top;
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
font-size:29px;
text-align:center;
padding:24px 0 0 10px;
}


.slogan1 {
color:#eee;
vertical-align:top;
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
font-size:29px;
padding:0;
text-align:center;
padding:28px 0 0 10px;
}


.slogan1 a{
color:#222;
font-weight:bold;
}

.slogan1 a:hover{
color:#000;
font-weight:bold;
}

.slogan2 {
color:#777;
vertical-align:top;
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
font-size:10px;
padding:0;
padding:0px 0 10px 30px;
}

body:nth-of-type(1) .slogan2 {
color:#777;
vertical-align:top;
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
font-size:10px;
padding:0;
padding:0px 0 14px 30px;
}

.search_bg {
height:36px;
width:499px;
text-align:right;
}

.search_bg_main {
height:40px;
width:200px;
text-align:left;
padding-left:0px;
padding-top:6px;
background:transparent;
}

body:nth-of-type(1) #search {
width:369px;
height:32px;
vertical-align:left;
color:#000;
padding:4px 0 0px 10px;
background:url(images/search_bg.gif) left top no-repeat;
margin:-2px 0px 5px 0px;
}


#search {
width:369px;
height:32px;
vertical-align:left;
color:#000;
padding:4px 0 0px 10px;
background:url(images/search_bg.gif) left top no-repeat;
margin:-2px 0px 5px 0px;
}

#search input {
background:transparent;
font-size:13px;
color:#666;
font-family:Tahoma, arial, verdana, courier;
width:281px;
height:18px;
vertical-align:middle;
border: 0px solid #8c8c8c;
}

#search .input {
width:50px;
height:18px;
background:none;
border:none;
vertical-align:middle;
margin:0;
}

.head_bg {
width:527px;
vertical-align:top;

}

.table2 {
width:590px;
display:table;
}

.table_row2 {
width:590px;
display:table-row;
height:100%;
}

.left2 {
width:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}




.right2 {
width:0px;
vertical-align:top;
display:table-cell;
text-align:left;
}

/* post title */

.head {
color:#000;
font-size: 1.0em;
line-height:1.11em;
padding:10px 0 7px 18px;

}

.head a {
color:#000;
text-decoration:none;
}

.head a:hover {
color:#000;
text-decoration:none;
}


.title_txt {
height:40px;
width:527px;
background:url(images/title_bg2.gif) left top no-repeat;
padding:11px 0px 0px 13px;
margin-top:2px;
}

.post_div {
margin:9px 0px 0px 17px;
}

.title_txt img{
width:42px;
height:32px;
float: left;
margin: 0px 5px 0px 0px;
border:2px solid #DEDDDD;
}

.title_txt h1 {
font-size:18px;
color:#3D98EC;
font-weight: normal;
font-family:georgia;
padding-top:0px;
}

.title_txt h1 a {
color:#222;
}

.content_txt_bg {
width:628px;
line-height:1.55em;
background:url(images/content_txt.gif) left top repeat-y;
color:#222;
padding-left:14px;
}

.content_txt {
width:503px;
line-height:1.60em;
padding:9px 0px 0px 14px;
color:#222;
}

.content_txt img {
background: #F2F2F2;
padding:2px;
border: 1px solid #E0DFDF;
float:left;
margin:0px 8px 0px 0px;
}

.content_txt h2 a {
color:#eee;
text-decoration:none;
}

.content_txt b a {
color:#383838;
font-weight:400;
text-decoration:underline;
}

.content_txt b a:hover {
color:#000;
font-weight:400;
text-decoration:none;
}

.content_txt li {
list-style:none;
background:url(images/li_bg2.gif) left top no-repeat;
vertical-align:bottom;
line-height:1.51em;
color:#222;
margin:0;
font-family:georgia;
padding:0px 0px 0px 16px;
}

.content_txt ul li a {
text-decoration:underline;
color:#222;
}

.content_txt a:hover,{
color:#666;
text-decoration:none;
}
.content_txt li a:hover {
color:#666;
text-decoration:none;
}


.content_txt a {
color:#000;
text-decoration:none;
border-bottom:#222 1px dashed;
}

a:hover,.content_txt h2 a:hover {
color:#999;
text-decoration:none;
}

p,.content_txt {
margin:0;
padding:0px;
}

.content_txt ul {
margin:0;
padding:3px;
}

.content_txt li a:hover {
color:#000;
text-decoration:none;
}


.content_txt strong,.content_txt b {
color:#23385a;
}


.post_bottom {
width:527px;
height:24px;
background:url(images/post_bottom.gif) left top no-repeat;
}

.menu_top2 {
margin-top:-24px;
}

body:nth-of-type(1) .menu_top2 {
margin-top:-24px;
}

.logo {
background:transparent;
padding:4px 0px 0px 1px;
margin-left:10px;
}

body:nth-of-type(1) .logo {
background:transparent;
padding:2px 0px 0px 1px;
margin-left:10px;
}

body:nth-of-type(1) .adsense {
float:left;
width:728px;
height:90px;
background: #999;
padding: 0px 0px 0px 0px;
margin-top:6px;
margin-bottom:0px;
margin-left:5px;
}

.adsense {
float:left;
width:728px;
height:90px;
background: #999;
padding: 0px 0px 0px 0px;
margin-top:6px;
margin-bottom:0px;
margin-left:5px;
}

.ss_ad2 {
padding:3px;
background: #eee;
border: 1px solid #E1E1D3;
margin:0px 0px 12px 15px;
width:336px;
}

.comment {
color:#444444;
font-weight:700;
padding:0;
}

.comment a {
color:#444444;
font-weight:700;
text-decoration:underline;
}

.comment a:hover {
color:#000;
font-weight:700;
text-decoration:none;
}

.table3 {
width:450px;
display:table;
}

.table_row3 {
width:450px;
display:table-row;
height:100%;
}

.left3 {
width:151px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.cent3 {
width:131px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.right3 {
width:168px;
vertical-align:top;
display:table-cell;
text-align:left;
}

/* Sidebar */

.widget_style h3{
width:359px;
text-align:left;
margin-top: 0px; 
margin-right: 0px; 
font-size: 11px; 
font-weight: bold; 
align: left; 
color: #333;
padding:3px 0px 3px 10px;
background:#f4f4f4;
margin-top:0px;
text-transform:uppercase;
}

.widget_style {
width:369px;
vertical-align:top;
text-align:left;
padding:0px 0px 0px 0px;
background-position: top left;
background-repeat: y;
}

.widget_style_bottom {
width:369px;
height:18px;
vertical-align:top;
text-align:left;
padding:0px 0px 0px 0px;
}

.widget_style ul {
margin:0;
padding:3px 0 6px 10px;
}

.widget_style li {
list-style:none;
background:url(images/bullet2.gif) left top no-repeat;
vertical-align:bottom;
line-height:1.51em;
color:#000;
margin:0;
padding:0px 0px 0px 16px;
border-bottom:1px dashed #4F4F4F;
width:92%;
}

.widget_style ul li a {
text-decoration:none;
color:#343434;
}

.widget_style li a:hover {
color:#000;
text-decoration:none;
border-bottom:0px dashed #333;
}

.widget_style img {
width:60px;
height:50px;
border:#eee 2px solid;
margin:3px 0px 3px 6px;
}

.widget_style img a{
border:#eee 4px solid;
}

.widget_style img a:hover{
border:#999 4px solid;
}

/* Start Footer */

.footer {
background:url(images/foot_bg.jpg) top no-repeat;
vertical-align:top;
width:1000px;
height:47px;
color:#324765;
font-size: 11px;
margin-bottom:-10px;
}

.footer_right {
float: right;
margin:0px 23px 0px 0px;
text-align:right;
}

.footer_left {
float: left;
margin:0px 0px 0px 23px;
text-align: left;
}

.footer_txt {
vertical-align:top;
font-weight:normal;
line-height:16px;
color:#eee;
padding:9px 0px 0 0px;
}

.footer_txt a {
color:#eee;
font-weight:bold;
text-decoration:none;
border-bottom: 1px dashed #777;
}

.footer_txt a:hover {
color:#fff;
text-decoration:none;
border-bottom: 1px solid #777;
}



a {
color:#444;
text-decoration:none;
}

h2,h3,.h2 {
color:#eee;
font-size:1.4em;
margin:0;
padding:0;
font-family:arial, tahoma, times new roman, arial narrow;
padding-bottom:5px;
}


#links_with_style,#archives,#meta,#recent-comments,#recent-posts,#categories,#calendar,#pages {
vertical-align:top;
padding:-10px 0 0 0px;
text-decoration: none;
}

#google-search,#text-1,#delicious {
vertical-align:top;
}

#gsearch,#textwidget,#delicious-box {
text-align:left;
padding:15px 0 0;
}


blockquote {
	margin: 15px;
 	padding: 10px;  	
  	background: #F5F4F4;
	border-left: 3px dashed #e3e3e3; 
}

img {
	border:0;
	}
img a {
	border:0;
	}


/* Begin Comments*/

.comment_template {
margin-top:9px;
margin-left:3px;
}


.commentlist {

	padding: 0;
	text-align: justify;
	
	}

.commentlist li {
	margin: -0px 0px 16px 15px;
	padding:2px;
	background: #eee;
	border: 4px solid #f4f4f4;
	list-style: none;
	font-size: 11px;
	font-family:arial;
	color: #333;
	line-height:1.55em;
	width:537px;
	}

.commentlist li ol li { 
	margin-right: 0px;
	margin-left: 10px;
}

.commentlist li ul li { 
	margin-right: 0px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 4px 0;
font-size:1.41em;
}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#commentform input { 
	background: #eee;
	border: 4px solid #f4f4f4;
width:250px;
}

#commentform textarea { 
	background: #eee;
	border: 4px solid #f4f4f4;
 color: #695218; 
width:320px;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-style: normal;
	color: #888;
	font-size: 0.9em;
	
	}

.commentlist li, #commentform input, #commentform textarea {
font-size:10px;
font-family: arial;
	}
.commentlist li ul li {
	font-size: 0.8em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	width:41px;
	height:41px;
	border:#F2F2F2 2px solid;
	background: #eee;
	padding: 0px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-family:georgia;
	font-size: 1.1em;
	color: #333;
	}

.commentlist cite a:hover {
	color: #000;
	}

.commentlist p {
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.31em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

h3.comments {
	padding: 0;
	color: #444;
	}

h2.comments {
	padding: 0;
	color: #444;
	font-size:15px;
	padding-left:0px;
	padding-top:0px;
	}

#respond {
padding-left:10px;
}

.url {
font-size:11px;
}

/* End Comments */


/* Menu */

ul#menu{
list-style-type:none;
padding-left:20px;
}

body:nth-of-type(1) ul#menu li {
	float:left;
	padding-right:0px;
	margin-top:-10px;
	}

ul#menu li {
	float:left;
	padding-right:0px;
	margin-top:-10px;
	}

ul#menu li a {
	float:left;
	height:18px;
	padding:8px 16px 2px 16px;
	display:block;
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	background:url(images/menu_div.gif) no-repeat left;
	font-family:verdana;
	text-transform:uppercase;
	}

ul#menu li a:hover {
	color:#fff;
	text-decoration:underline;
}



ul#menu2{
list-style-type:none;
padding-left:35px;
padding-top:0px;
}

ul#menu2 li {
	float:left;
	padding-right:2px;
      margin-top:-13px;
	}


body:nth-of-type(1) ul#menu2 li {
	float:left;
	padding-right:2px;
      margin-top:-13px;
	padding-bottom:3px;
	}

ul#menu2 li a {
	float:left;
	height:15px;
	padding:8px 22px 0px 10px;
	display:block;
	color:#999;
	margin-right:10px;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	background:;
	border: 0px solid #E8E8E8;
	font-family:verdana;
	text-transform:uppercase;
	}

ul#menu2 li a:hover {
	color:#fff;
	}


/* the links at the bottom of each posts */
.links {
display:block;
width:100%;
line-height:17px;
height:15px;
color:#555;
font-size:11px;
padding:0px 10px 0px 0px;
text-align:left;
vertical-align:top;
font-family:georgia;
}

.links a {
text-decoration:none;
color:#222;
}

.links a:hover {
color:#999;
text-decoration:none;
}

.links .comment {
display:block;
float:left;
background:url(images/comment.gif) no-repeat left center;
padding-left:20px;
margin-right:15px;
border:#fff 0px solid;
}

.links .feed {
display:block;
float:left;
background:url(images/feed.gif) no-repeat left center;
padding-left:20px;
margin-right:15px;
border:#fff 0px solid;
}

.links .cat {
display:block;
float:left;
background:url(images/categories.gif) no-repeat left center;
padding-left:20px;
margin-right:15px;
border:#F3F3ED 0px solid;
}

.links .clock {
display:block;
float:left;
background:url(images/clock.gif) no-repeat left center;
padding-left:20px;
margin-right:15px;
border:#F3F3ED 0px solid;
margin-left:-6px;
}

/* Subscriber's section*/
.subscribe {
display:block;
line-height:29px;
height:15px;
border-top:#222 0px dashed;
color:#888;
font-size:12px;
padding:12px 10px 0px 0px;
text-align:left;
vertical-align:top;
}

.subscribe a {
text-decoration:none;
color:#5D5B58;
}

.subscribe a:hover {
color:#999;
text-decoration:none;
}

.subscribe .entire {
display:block;
float:left;
background:url(images/rss_button.png) no-repeat left center;
padding-left:20px;
margin-right:15px;
margin-top:-7px;
border:#fff 0px solid;
}

.subscribe .comments {
display:block;
float:left;
background:url(images/rss_button.png) no-repeat left center;
padding-left:20px;
margin-right:15px;
margin-top:-7px;
border:#fff 0px solid;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:6px;
margin-bottom:-26px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 width:369px;
 height:30px;
 margin:0;
 padding: 1px 0px 3px 1px;
 background:url(images/tab_top.gif) left top no-repeat;
 font: 12px Verdana, sans-serif;
 text-align:left;
}

ul.tabbernav li
{
 list-style: none;
 margin-left:0px;
 margin-top:0px;
float:left;
}

ul.tabbernav li a
{
	width:176px;
	height:24px;
	padding:7px 0px 0px 0px;
	display:block;
	color:#555;
	margin-right:0px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
	background: url(images/tab_div.gif) top right no-repeat;
	border: 0px solid #E8E8E8;
	font-family:verdana;
	margin:0px 0px 0px 5px;
	}

ul.tabbernav li a:hover
{
 color: #444;
}

ul.tabbernav li.tabberactive a
{ 
width:176px;
height:24px;
font-size:10px;
text-align:center;
font-weight: bold;
text-transform:uppercase;
color: #333;
background: url(images/tab_div_active.gif) top right no-repeat;
padding:7px 0px 0px 0px;
margin:0px 0px 0px 5px;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:190px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:300px; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabber_style h3{
margin-top: 0px; 
margin-right: 0px; 
font-size: 11px; 
font-weight: bold; 
align: left; 
color: #666;
padding:6px 0px 11px 11px;
}

.tabber_style {
width:363px;
vertical-align:top;
text-align:left;
padding:0px 0px 0px 0px;
background-position: top left;
background-repeat: y;
}

.tabber_style_bottom {
width:363px;
height:20px;
vertical-align:top;
text-align:left;
padding:0px 0px 0px 0px;

}

.tabber_style ul {
margin:0;
padding:2px 0 0px 2px;
}

.tabber_style li {
list-style:none;
background:url(images/bullet.gif) left top no-repeat;
vertical-align:bottom;
line-height:1.55em;
color:#000;
margin:0;
padding:0px 0px 0px 16px;
border-bottom:1px dashed #4F4F4F;
width:96%;
}

.tabber_style ul li a {
text-decoration:none;
color:#454545;
font-weight:bold;
}

.tabber_style li a:hover {
color:#000;
text-decoration:none;
border-bottom:0px dashed #333;
}

.leavereply {
font-weight:bold;
}