/* tables */
table.tablesorter {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url('/static/images/bg.gif?a19fa6640f72');
	background-repeat: no-repeat;
	background-position: right 5px;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('/static/images/asc.gif?a19fa6640f72');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('/static/images/desc.gif?a19fa6640f72');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter tbody tr td.best{
    font-weight: bold;
    color: #080;
    text-decoration: underline;
}
/* elements */
/* TODO make a class instead */
table.with_arrow tbody tr td div.arrow{
float:right;
width:10px;
height:16px;
text-align:center;
}

/* informers pages */
div.informers{
    clear:both;
    margin-bottom:20px;
    min-height:150px;
}
div.informers div.informer-demo{
    float:left;
    border:3px solid #eee;
    text-align: center;
    width:160px;
    min-height:150px;
    line-height:147px;
}
div.informers.l div.informer-demo{
    width:214px;
    border:none;
    line-height:120px;
}
div.informers.xl div.informer-demo{
    width:240px;
    line-height:177px;
    min-height:180px;
}
div.informers.xxl div.informer-demo{
    width:255px;
    line-height:177px;
    min-height:180px;
}
div.informers div.informer-demo img{
    vertical-align: middle;
    border:0;
}
div.informers div.informer-code{
    float:left;
    margin-left:15px;
    width:495px;
    height:150px;
}
div.informers.l div.informer-code{
    width:441px;
}
div.informers.xl div.informer-code{
    width:415px;
}
div.informers.xxl div.informer-code{
    width:400px;
}
div.informers div.informer-code textarea{
    width: 470px;
    height: 90px;
    border: 2px solid #EEE;
    padding: 10px;
}
div.informers.l div.informer-code textarea{
    width:416px;
    height:90px;
}
div.informers.xl div.informer-code textarea{
    width:390px;
    height:125px;
}
div.informers.xxl div.informer-code textarea{
    width:378px;
    height:110px;
}
/******    NAV MENU    ******/
ul#nav-menu {
width: 730px;
list-style: none;
margin: 0 auto;
padding: 0;
min-height: 35px;
}

ul#nav-menu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}


ul#nav-menu li a {
color: #646464;
display: block;
font-size: 16px;
font-weight: normal !important;
text-decoration: none;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 10px 5px;
padding: 2px 5px 3px 5px;
position: relative;
background: #efefef;
-moz-border-radius: 5px;
border-radius: 5px;
}

ul#nav-menu li a:hover, ul#nav-menu li a:active, ul#nav-menu li.current_page_item a {
background: #C52525;
color: #FFFFFF;
text-decoration: none;
-moz-border-radius: 5px;
border-radius: 5px;
}