/*

Theme Name: Concept X - By Phi

Theme URI: http://themeforest.net/

Description: Beutifull dark and smooth premium Wordpress theme with tons of features. Huge admin panel and very flexible. Full CMS.  This theme is Shared by <a href="http://www.free-premium-wordpress-themes.com">Free Premium Wordpress Themes</a>

Version: 1.1 - Last updated May 6th 2010

Author: Phi - Andreas Wilthil

Author URI: http://www.free-premium-wordpress-themes.com/

*/



/*

                                       |___|

                                       |- -|                                   

                  +---------------oooO--(o)---------------------+              

                  |                  Visit Us At                |              

                  |	                                            |              

                  |    www.free-premium-wordpress-themes.com    |              

                  |                                             |              

                  +--------------------------Ooo----------------+              

                                      |__|__|                                  

                                       || ||                                   

                                      ooO Ooo                             

*/

@charset "utf-8";

/* CSS Document */





/* GLOBAL STYLES */

*{border:none; outline:none;}



body{width:100%; height:100%; background:#0e0f13; margin:0px; font-size:11px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666; text-align:center}



/* TYPOGRAPHY */



a{text-decoration:none; color:#e47c00; cursor:pointer;}

a:hover{text-decoration:underline;}

h2 a{color:#222;}

h1{color:#555; font-size:30px; font-weight:normal;  margin:16px 0px 16px;letter-spacing:1px;}

h2{color:#555; font-size:18px; margin:0px 0px 8px; font-weight:normal; clear:both; letter-spacing:1px;}

h3{color:#555; font-size:15px;  margin:20px 0px 10px; font-weight:normal; letter-spacing:1px; }

h4{color:#777; font-size:12px;  margin:20px 0px 10px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; }

p{line-height:16px; margin:0px 0px 12px 0px; }

blockquote.pullquote { width: 220px; padding: 0px 20px 0px 0px; margin:0px 20px 20px; font-size: 15px; line-height: 130%; float:left; border-right:1px solid #dbdbdb; text-align:right; font-style:italic; }

blockquote.pushquote { width: 220px; padding: 0px 0px 0px 20px; margin:0px 0px 20px 20px; font-size: 15px; line-height: 130%; float:right; border-left:1px solid #dbdbdb; text-align:left; font-style:italic;}

pre{ line-height:20px; margin-bottom:20px; max-width:100%; text-align:left;}

hr{width:100%; height:1px; margin:20px 0px; clear:both; float:left; background:#dbdbdb; color:#dbdbdb;}



ul{margin:2px 20px 20px; padding:0; list-style-type:square; width:auto; display:block; }

ol{margin:2px 20px 20px; padding:0; list-style-type:decimal; width:auto; display:block; }

ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#777; width:auto; text-align:left;}

ul li a{}

ul li a:hover, ol li a.hover{}



/* table{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 0px 0px;}
table caption{width:100%;  padding:12px 12px; color:#999; font-weight:bold; background:#efefef;}
table th,table td {padding:12px 12px; border:1px solid #eee; text-align:left;  display:table-cell;}
table tr {}
table tr:hover{background:#f4f4f4;}
table th {background:#f7f7f7;}
table a{font-weight:bold; padding:4px 8px; }
table a:hover{color:#999; padding:4px 8px; } */


/* -------------------------------------------*/

/* PAGE STRUCTURE */

/* -------------------------------------------*/

#header-wrap{text-align:center; min-height:140px;}

#header-wrap .inner{margin:0px auto; width:960px; text-align:left;}

#header-wrap .inner #logo {float:left; width:400px; display:inline;}

#header-wrap .inner #payoff {float:right; width:460px; padding-top:54px; display:inline;text-align:right;}



#body-wrap{width:100%; background:url(images/page-bg.png) repeat-x; text-align:left; margin: 0 auto;}

#main-wrap{width:100%; float:left; background:url(images/wrapper-bg.png) no-repeat top center; text-align:center; }

#main-wrap #inner{margin:0px auto; width:960px;}

#nav-wrap {width:960px; float:left;  display:block;}





#feature{width:960px; float:left; margin-bottom:30px; padding:0px; position:relative; z-index:1;}

#slide-wrap{background:#0e0f13; background-image: url(images/fbg.png); background-repeat:no-repeat; position:bottom; padding:5px 0px 5px; min-height:260px; float:left; width:960px;}

#slide-container{float:left; margin-left:5px; width:950px; overflow:hidden; }

/*.slide{float:left; width:950px; padding:0px 0px; overflow:hidden; display:inline;} */

.slide-image{float:left;}

.slide-info-wrap{width:950px; background:url(images/fbg_info.png) no-repeat bottom; float:left; margin-bottom:2px;}

.slide-info-wrap .slide-info{float:left; width:700px;  padding:16px 20px 10px 40px;}

.slide-info-wrap .slide-link{float:right; width:auto;  text-align:right; padding:0px 20px 16px;}

.accordion-wrap{ width:950px; overflow:hidden;}

#accordion{}

.accordion-info{position:absolute; bottom:0px; left:0px; background:url(images/fbg_info.png) no-repeat bottom; width:910px;padding:14px 20px 10px 0px;}

.accordion-info .number{width:49px; float:left; text-align:center;}



.featurebtn{background:url(images/feature-btn-left.png) no-repeat; display:inline-block; float:left; margin-top:12px;}

.featurebtn span{background:url(images/feature-btn-right.png) no-repeat top right; padding:5px 12px 9px 10px; margin-left:4px; line-height:18px; display: inline-block;color:#ccc; text-transform:uppercase;}



/* Slideshow navigation/buttons */

#nav-slider{width:920px; margin:20px; position:absolute; top:0px; left:0px;  z-index:100; }

#nav{height:20px; width:auto; text-align:right; float:right;}

#nav a {background:#333; display:block; padding:4px 6px; margin-left:4px;float:left; color:#777;}

#nav a.activeSlide, #nav a:hover {background:#555; color:#ccc; display:block; text-decoration:none;}

#nav a:focus {outline: none;}





.intro p{color:#666; font-size:18px; margin:0px 0px 8px; font-weight:normal; clear:both; letter-spacing:1px;}

h1.pagetitle{border-bottom:1px solid #ddd; padding-bottom:10px; padding-top:13px; margin:0px 0px 20px; float:left; clear:both; width:580px;}



#content-wrap{float:left; width:960px; text-align:left;}

#content-wrap #content-top {background: url(images/content-bg.png) no-repeat top center; width:960px; min-height:20px; float:left; margin:0px; padding:0; font-size:10px; color:#9990; text-align:left;}

#content-wrap #content-top .inner{width:920px; padding:16px 20px 0px 20px;}

#content-wrap #content-middle {background:#eee url(images/content-bottom.gif) no-repeat bottom center;  padding:4px 0px 20px 20px; float:left;  width:940px;}

#content-wrap #content-middle #content { width:580px; margin-right:20px; float:left; min-height:100px;}

#content-wrap #content-middle .content { width:580px; margin-right:20px; float:left; min-height:100px;}

#content-wrap #content-middle #content.fullwidth{width:920px;  float:left; }

#content-wrap #content-middle #content.home  h1{margin-top:0px;}

#content img, .tripple-content img{ }





.tripple-top{float:left; width:920px; clear:both; height:4px; background:url(images/tripple-top.gif) no-repeat; font-size:0px;}

.tripple-content{float:left; width:880px; background:url(images/tripple-content.gif) repeat-y; padding:16px 20px 16px 20px; display:inline;}

.tripple-content h4{margin-top:0px;}



.tripple-bottom{float:left; width:920px; height:4px; background:url(images/tripple-bottom.gif) no-repeat; padding-bottom:10px;	margin-bottom:10px;}



#content-wrap #content-middle #sidebar{width:320px; display:inline; float:left; margin:10px 0px 0px 0px;}

#sidebar-top{width:320px; height:4px; margin:0; float:left; clear:both; font-size:0px; background:url(images/sidebar-top.gif) no-repeat;}

#sidebar-middle{width:280px; padding:16px 20px; float:left; background:url(images/sidebar-middle.gif);}

#sidebar-bottom{width:320px; height:4px; float:left; background:url(images/sidebar-bottom.gif); font-size:0px;}



#footer-widgets {background:#f6f6f6 /*url(images/footer-top.gif) no-repeat top center*/; width:920px; float:left; padding:10px 20px 20px 20px;}

#footer-widgets .leftwidget{float:left; width:600px; margin-top:20px;}

#footer-widgets .rightwidget{float:left; width:320px;}

#footer-widgets #bottom-right-widget .top{width:320px; float:left; height:4px; display:inline;background:url(images/right-widget-top.gif) no-repeat;font-size:0px;}

#footer-widgets #bottom-right-widget .content{width:280px; padding:16px 20px; float:left; display:inline;margin:0px 0px 0px 0px; background:url(images/right-widget-canvas.gif) repeat-y;}

#footer-widgets #bottom-right-widget .bottom{width:320px; float:left; height:4px; display:inline;background:url(images/right-widget-bottom.gif) no-repeat;font-size:0px;}

#footer-widgets #bottom-right-widget .content h4{margin-top:0px;}



.header-widget h1, .header-widget h2, .header-widget h3, .header-widget h4{margin:0;}





#footer-nav-wrap {background: url(images/footer-menu-bg.png) no-repeat bottom center; width:960px;  text-align:left; float:left; padding:0;}

#footer-nav-wrap .inner{width:940px; float:left; padding:10px 0px 10px 20px;}



.portfolio{margin-bottom:20px;}

.clear{clear:both; float:left; display:block; padding:20px 0px; height:20px;}

.line{background:url(images/shadowline-920px.gif) no-repeat top; height:2px; width:920px; margin:10px 0px 0px; float:left; clear:both;}

#sidebar .line{background:url(images/shadowline-920px.gif) no-repeat top; height:2px; width:280px; margin:10px 0px 0px; float:left; clear:both;}



.widgetwrap{float:left; width:280px; clear:both; margin-bottom:20px;}

.double{width:580px; margin-right:20px; float:left; display:inline; padding:0; line-height:16px;}

.single{width:280px; margin-right:20px; float:left; display:inline; line-height:16px;}

.single h1, .single h2, .single h3, .single h4{margin-top:0px;}

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

.left{float:right; margin:0px 20px 0px 0px;}

.last{margin-right:0px;}





.single ul.no-border, .single ul.no-border li, .double ul.no-border, .double ul.no-border li{border:none;}

#content .tripple .single img{border:1px solid #d2d2d2; }

.thumbnailwrap{width:280px; overflow:visible; background:url(images/thumbnail-shadow.gif) no-repeat bottom; padding-bottom:8px;}



.alignright{float:right; margin:4px 0px 10px 10px; display:inline;}

.alignleft{float:left; margin: 4px 10px 10px 0px; display:inline;}





#footer-bottom{width:920px; min-height:30px; float:left; text-align:right; padding:10px 20px; color:#444;font-size:10px;}

#footer-bottom a{color:#444; font-size:10px; }

#footer-bottom a:hover{text-decoration:underline;}

#footer-bottom #credits{width:580px; margin-right:20px;text-align:left; float:left; display:block;}

#footer-bottom #footer-links {float:left; width:320px; text-align:right; margin:0;padding:0px;}



/* Menu in footer  */

#footer-bottom ul{list-style:none; margin:0; padding:0; display:inline-block;}

#footer-bottom li{color:#555; font-size:10px; float:left; width:auto; clear:none; margin-left:14px; padding:0px;text-transform:none;}

#footer-bottom li ul{display:none;}



.homepost{float:left; margin-bottom:20px; position:relative; width:580px;clear:both;}

.homepost h2{max-width:460px;}



.date{position:absolute; top:0; right:0; padding:6px; background:#ddd;}

.meta-wrap{padding:6px; background:#ddd;float:left; margin:0px 4px 4px 0px;}

/* BLOG */



.post-meta{clear:both; float:left; width:100%;padding-bottom:16px; font-size:10px;}

.underline{border-bottom:1px solid #d2d2d2; margin-bottom:20px; padding-bottom:4px; }

.post-meta p{font-size:10px; color:#999;}

.post-meta a{font-size:10px; color:#999;}

.post-meta a:hover{font-size:10px; color:#777; text-decoration:underline;}





/* MAIN NAVIGATION */

/* Level 1 */

#main-nav {margin:0px 0px 0px 0px; padding:0; list-style:none; width:auto; float:left; display:inline;position:relative; z-index:5000; width:764px; }

#main-nav li{clear:none;float:left; margin:0;  border:none; position:relative; } 

#main-nav li a{float:left; padding:20px 10px 12px 10px;  margin-bottom:4px; text-transform:uppercase; color:#777;}

#main-nav li a:hover{border-bottom:2px solid #e47c00; padding-bottom:10px;  text-decoration:none;}

#main-nav li.current_page_item a {border-bottom:2px solid #ccc; padding-bottom:10px;}

#main-nav li.current_page_item li a{border:none;}

/* Level 2 */

#main-nav  ul { margin: -10px 0px 0px 0px; padding: 0px; border-top:2px solid #e47c00; position:absolute; visibility: hidden; width:auto; z-index:2000; background:#fff;}

#main-nav  ul li { float: left; display: inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }

#main-nav  ul li a, #main-nav ul li.current_page_item a{border:none; width:196px; background:#fff url(images/arrow.gif) no-repeat 12px 14px; color:#777; margin:0px; padding:10px 10px 10px 24px;  font-weight:normal; display:inline; height:auto; }

#main-nav  ul li a:hover, #main-nav ul li.current_page_item a:hover{border:none; background:#e7e7e7 url(images/arrow.gif) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 24px; height:auto;}

/* Level 3*/

#main-nav  ul ul { margin: -2px 0px 0px 0px; padding: 0px;  position:absolute; visibility: hidden; width:auto; z-index:2000; background:#fff;}

#main-nav  ul ul li {border:none; float: left; display:inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }

#main-nav  ul ul li a, #main-nav  ul ul li.current_page_item a{border:none; width:196px; background:#fff url(images/arrow.gif) no-repeat 12px 14px; color:#777; margin:0px; padding:10px 10px 10px 24px;  font-weight:normal; display:inline; height:auto;}

#main-nav  ul ul li a:hover, #main-nav  ul ul li.current_page_item a:hover{border:none; background:#e7e7e7 url(images/arrow.gif) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 24px; height:auto;}



/* Sidebar list/menu */

#sidebar ul{margin:0px 0px 30px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px solid #dbdbdb;}

#sidebar li{width:260px;  background:url(images/arrow.gif) no-repeat 6px 12px; float:left; clear:both; padding:1px 0px 1px 20px; margin:0px; border-bottom:1px solid #dbdbdb; line-height:30px;}

#sidebar li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }

#sidebar li:hover{background:#eeeeee url(images/arrow.gif) no-repeat 6px 12px;}

#sidebar li a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 20px; margin-left:-20px; line-height:30px;}

#sidebar li ul{margin-top:10px; border-left:1px solid #dbdbdb; padding:0px 0px 0px 10px; width:189px; display:none;}

#sidebar li ul li{ width:190px; }

#sidebar li ul li a{}





/* Content  lists */

.tripple-content .single ul{margin-bottom:0;}

ul.pp, .single ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px solid #dbdbdb;}

ul.pp li, .single ul li{width:260px;  background:url(images/arrow.gif) no-repeat 6px 12px; float:left; clear:both; padding:1px 0px 1px 20px; margin:0px; border-bottom:1px solid #dbdbdb; line-height:30px;}

ul.pp li a, .single ul li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }

ul.pp li:hover, .single ul li:hover{background:#eeeeee url(images/arrow.gif) no-repeat 6px 12px;}

ul.pp li a:hover, .single ul a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 20px; margin-left:-20px; line-height:30px;}





/* Footer widgets lists */

#footer-widgets ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px solid #dbdbdb;}

#footer-widgets li{width:260px;  background:url(images/arrow.gif) no-repeat 6px 12px; float:left; clear:both; padding:1px 0px 1px 20px; margin:0px; border-bottom:1px solid #dbdbdb; line-height:30px;}

#footer-widgets li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }

#footer-widgets li:hover{background:#eeeeee url(images/arrow.gif) no-repeat 6px 12px;}

#footer-widgets li a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 20px; margin-left:-20px; line-height:30px;}



/* Menu in footer  */

#footer-nav-wrap .footer-nav ul{list-style:none; margin:0; padding:0; display:inline-block;}

#footer-nav-wrap .footer-nav li {color:#555; font-size:10px; float:left; width:auto; clear:none; margin-top:3px; margin-right:14px; padding:0px; text-transform:uppercase;}

#footer-nav-wrap .footer-nav li ul{display:none;}

#footer-nav-wrap .footer-nav{width:580px; margin-right:20px; float:left; display:block;}

#footer-nav-wrap .single{width:320px; text-align:right; margin:0;padding:0px;}

#footer-nav-wrap a{color:#555; font-size:10px; }

#footer-nav-wrap a:hover{text-decoration:underline;}

#footer-credits li{color:#555; font-size:10px; float:left; width:auto; clear:none; margin-left:14px; padding:0px;text-transform:none;}



/* Pager list styles */

#pager{float:left; clear:both; display:inline;}

#pager ul{margin:0; padding:0; list-style:none; width:800px;}

#pager ul li{clear:none;width:30px; height:30px; float:left; display:block; padding:0px; margin-right:4px; }

#pager ul li a{background-color:#444; width:28px; height:28px; padding:0px; margin:1px;float:left; display:inline-block; text-decoration:none; color:#efefef;}

#pager ul li a:hover{background-color:#000; color:#efefef; display:inline-block; margin-bottom:0;}

#pager ul li.current a{background-color:#000; color:#ccc; display:inline-block; margin-bottom:0;}

#pager ul li a span{ width:30px; height:10px; padding-top:8px; text-align:center; display:block; }

#pager .pages{display:none;}







#respond{margin:0px 0px; float:left;}

#respond input{background-color:#f7f7f7; border:1px solid #dbdbdb; padding:6px; color:#999; width:300px; margin-right:20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;}

#respond input:focus, #contact-form textarea:focus, #respond textarea:focus {background-color:#efefef;}

#respond textarea{width:570px; height:200px; background-color:#f7f7f7; border:1px solid #dbdbdb;padding:10px; color:#999; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px}

#respond h2{text-transform:uppercase;}

#respond input#submit, #contact-form #submitbutton{background-color:#333; padding:10px; color:#999;  margin-right:20px; clear:both; margin-bottom:20px; height:42px; width:auto; cursor:pointer; }

#respond input#submit:hover, #contact-form #submitbutton:hover{background-color:#111;}

#comments{float:left; margin-top:40px;}

.commentlist{margin:1px 0px 0px; float:left; list-style:none; padding:0; width:100%;}

.commentlist li{border-bottom:1px solid #dbdbdb; float:left; margin-bottom:10px; width:100%;}

.commentlist p{float:left;}

.comment-body{}

.comment-author{float:left; margin: 0px 10px 6px 0px; display:inline; width:50px;}

.comment-author cite{clear:both; font-weight:bold;}

.vcard{float:left; clear:both; display:block; width:100px; text-align:center; padding:18px 4px; background:#fff; border:1px solid #ccc; margin-bottom:10px;}

.comment-meta{ margin-bottom:8px; width:450px; display:inline; float:left; clear:right;}

.fn{float:left;  width:100px; background:#fff; clear:both; margin:0px; text-align:center;}

.says{display:none;}





/* Footet widget contact form */

.input-wrap{background:url(images/input-bg.gif) no-repeat; width:274px; height:28px; display:inline; clear:both; float:left; margin-bottom:8px; padding-left:6px;}

.input-wrap p{margin-top:6px; float:left;}

.textarea-top{background:url(images/textarea-top.gif) no-repeat; width:280px; height:4px; float:left; display:inline; font-size:0px;}

.textarea-content{background:url(images/textarea-content.gif) repeat-y; width:280px;  float:left; margin:0px; display:inline}

.textarea-bottom{background:url(images/textarea-bottom.gif) no-repeat ; width:280px; height:4px; float:left; margin:0px; display:inline; font-size:0px;}

a.btn{background:url(images/btn-left.png) no-repeat; display:inline-block; float:left; margin-top:0px; margin-bottom:20px; height:24px;}

a.btn span{background:url(images/btn-right.png) no-repeat top right; padding:3px 12px 10px 10px; margin:0px 0px 20px 3px; line-height:18px; display: inline-block;color:#efefef;}

a.btn:hover span{color:#ccc; text-decoration:none;}

.submit-btn{ width:auto; padding:10px; height:auto; background:#333; margin:10px 0px; color:#999; cursor:pointer;}

.submit-btn:hover{background:#111;}

#breadcrumb{float:left; width:620px;}

input{background:#ffffff; list-style:none; border: 1px solid #888888; width:197px; height:20px; padding:6px 0px 0px 6px; margin-bottom:0px; color:#777; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;}

textarea{background:#ffffff; border: 1px solid #888888; margin:0;width:266px; height:70px; padding:1px 5px; color:#777; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;}



/* Contact form */

/* #contact-form{margin:10px 0px; float:left;}

#contact-form ul{list-style:none; margin:0;padding:0;}

#contact-form input{background-color:#f7f7f7; border:1px solid #ccc; padding:6px; color:#999; width:300px; margin-right:20px; }

#contact-form input:focus, #contact-form textarea:focus {background-color:#efefef;}

#contact-form textarea{width:560px; height:200px; background-color:#f7f7f7; border:1px solid #ccc;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%} */





/* Calendar */



#calendar_wrap{margin:0px 0px 0px 0px;}



#wp-calendar{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 20px 0px;}

#wp-calendar caption{width:100%; text-align:center; padding:6px 0px; color:#555; font-weight:bold; background:#f6f6f6; border:1px solid #f6f6f6; border-bottom:none;}

#wp-calendar th,#wp-calendar td {padding:6px 0px; border:1px solid #f6f6f6; text-align:center; color:#555;}

#wp-calendar td {background:#f6f6f6;}

#wp-calendar td:hover{background:#efefef; cursor:pointer;}

#wp-calendar th {background:#f6f6f6;}

#wp-calendar a{font-weight:bold; padding:2px 2px; }

#wp-calendar a:hover{}



#social-links{float:left; width:300px;}

ul.socialmedia{margin:-4px 0px 0px 0px; padding:0; list-style:none; clear:both; float:right;}

ul.socialmedia li{float:left; clear:none; padding:0px; margin-left:8px; color:#777; overflow:hidden; border:none; background:none;}

#content .clearborder{border:none; background:none; padding:0px;}

#search{float:left; width:196px; height:26px; display:block; background:url(images/searchform-bg.png) no-repeat top right; margin-top:14px; text-align:right;}

#search:hover{background-position:bottom;}

#search #s{border:none; background:#none; width:156px; float:left; height:20px; padding:0px; margin:4px 0px 0px 4px;}

#search #searchsubmit{width:30px; height:20px; float:left; margin-top:2px; cursor:pointer; background:url(images/searchicon.png) no-repeat center right;}

table{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 0px 0px;}
table caption{width:100%; padding:12px 12px; color:#999; font-weight:bold; background:#efefef;}
table th,table td {padding:12px 12px; border:1px solid #eee; text-align:left;  display:table-cell;}
table tr {}
table tr:hover{background:#f4f4f4;}
table th {background:#f7f7f7;}
table a{font-weight:bold; padding:4px 8px; }
table a:hover{color:#999; padding:4px 8px; }