/*

---------------------------------------------------------
iCONOGRAPH Admin
=========================================================

Author___Mattias Ormestad
Version__2007-11-13



colors

menubar
color="#39464a"

menubar text
color="#858585"

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

@import url("reset.css");
@import url("windows.css");
@import url("typography.css");
@import url("jcarousel.skins/tango/skin.css");


/* --- Main structure --- */

body
{
	background-color: white;
	margin: 0;
	padding: 0;
}

#header
{
	position: relative;
	background-color: white;
	height: 90px;
	width: 900px;
}

#header img#logo
{
	position: relative;
	float: left;
	/*top: 10px;*/
	left: 2px;
	height: 50px;
	/*width: 95px;*/
}

#container
{
	position: relative;
	top: 20px;
	left: 0;
	width: 900px;
	height: 100%;
	background-color: white;
	margin: auto;
}

#container_spacer
{
	height: 50px;
}


#footer
{
	position: relative;
	bottom: 0;
	clear: both;
	height: 50px;
	border-top: 1px solid #ddd;
}

#footerText
{
	padding-top: 10px;
	width: 200px;
	margin: auto;
}

#footerText p
{
	text-align: center;
}

div.spacer
{
	clear: both;
	height: 10px;
}

/* --- Menu structure --- */

#menubar
{
	position: relative;
	clear: both;
	z-index: 100;
	/*top: 25px;*/
	height: 40px;
	width: 900px;
}

#mainMenu
{
	height: 20px;
}

#subMenu
{
	background-color: #39464a;
	height: 20px;
}

.menuright
{
	position: absolute;
	right: 0;
}


/* --- Columns --- */

.column
{
	position: relative;
	top: 0;
	float: left;
	margin-bottom: 20px;
}

.topcol
{
	position: relative;
	top: 0;
	float: left;
	margin-bottom: 20px;
	height: 300px;
}

.col1
{
	width: 900px;
}

.col2_3
{
	width: 600px;
}

.col2
{
	width: 450px;
}

.col3, .top1, .top2, .top3
{
	width: 300px;
}

.top1
{
	background-color: #b5c4ce;
}

.top2
{
	background-color: #cfd3d3;
}

.top3
{
	background-color: #d8ddde;
}

.content1
{
	width: 880px;
	margin: 0 10px 20px 10px;
}

.content2
{
	width: 430px;
	margin: 0 10px 20px 10px;
}

.content3
{
	width: 280px;
	margin: 0 10px 20px 10px;
}

.content2_3
{
	width: 580px;
	margin: 0 10px 20px 10px;
}

div.contentBox .content2_3
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ddd;
}

div.contentBox .content2_3 div
{
	margin: 10px 10px 30px 10px;
}


.content6
{
	position:right;
	width: 140px;
	margin: 0 0px;
}


.content_info{
	position:right;
	width: 255px;
	height: 120;
	margin: 0 0px;
}


.fademenu
{
	position: relative;
	float: left;
	width: 110px;
}

.fadecontent1, .menucontent1
{
	position: relative;
	float: left;
	width: 780px;
}

.fadecontent2, .menucontent2
{
	position: relative;
	float: left;
	width: 320px;
}

.list_vert
{
	position: relative;
	float: left;
	clear: right;
}

.fademenu span
{
	display: block;
	width: 100px;
	height: 13px;
	line-height: 13px;
	background-image: url(/images/default/buttons/fademenu_bg1.png);
	background-repeat: no-repeat;
	font-size: 10px;
	text-align: center;
	margin-bottom: 5px;
	cursor: pointer;
}


/* --- Login --- */

#login
{
	position: relative;
	float: right;
}

#logout
{
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 50px;
	background-color: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#logout div
{
	position: relative;
	margin: 5px;
}

span#logoutbutton
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

a.button, input.button
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #666;
	color: white;
	font-family: "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
	font-size: 10px;
	padding: 1px 4px;
	white-space: nowrap;
}

td a.button
{
	font-size: 8px;
	margin-right: 2px;
}

a.button:hover
{
	background-color: #888;
}

/*
#loginbox
{
	position: relative;
	top: 10px;
	width: 200px;
	margin: auto;
}

#loginbox input
{
	width: 200px;
}
*/


/*
.species_title
{
	position: relative;
	bottom: 267px;
	background-color: #ddd;
	width: 270px;
	margin: auto;
}

.species_title p
{
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
*/

.alert
{
	position: relative;
	width: 90%;
	margin: auto;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #B64926;
	text-align: center;
}

.box
{
	position: relative;
	float: left;
	border: 1px solid #777;
	background-color: #ddd;
}

.box h1
{
	font-size: 10px;
	height: 14px;
	padding: 2px 10px;
	margin: 0;
	border-bottom: 1px solid #777;
	background-color: #aaa;
}

div.leftalign p
{
	text-align: left;
}

hr
{
	margin: 5px 0 10px 0;
}

.hidden
{
	display: none;
}

li span.icon, h1 span.icon
{
	position: absolute;
	top: 4px;
	right: 0;
}

.bottom
{
	position: absolute;
	bottom: 0;
}

.bottom p
{
	font-size: 9px;
	color: #444;
}


/* --- DEBUG --- */

div#debug
{
	border: 1px solid #ddd;
	padding: 10px;
	margin-top: 20px;
}

div#debug h1
{
	font-family: sans-serif;
	font-size: 14px;
	background-color: #ddd;
	text-align: center;
	margin-bottom: 10px;
}

table#debug
{
	border: 1px solid #ddd;
}

table#debug td
{
	padding: 0 10px;
	border-bottom: 1px solid #ddd;
}

table#debug tr.block
{
	background-color: #ddd;
	padding-left: 10px;
}


/* --- LISTS --- */

.topcol dl
{
	clear: both;
	margin-bottom: 20px;
}

.topcol dl dt
{
	display: block;
	clear: both;
	float: left;
	line-height: 13px;
	margin-bottom: 2px;
	margin-right: 5px;
	width: 120px;
	text-align: left;
}

.topcol dl dd
{
	display: block;
	float: left;
	line-height: 13px;
	margin-bottom: 2px;
	padding-left: 3px;
}

.topcol dl dd.notify
{
	background-image: url(/images/default/icons/iconbg_left.png);
	background-repeat: no-repeat;
}

.topcol dl dd.notify a
{
	display: block;
	height: 13px;
	line-height: 13px;
	padding-right: 3px;
	font-size: 10px;
	background-image: url(/images/default/icons/iconbg_right.png);
	background-repeat: no-repeat;
	background-position: right;
}


/* --- Fadelist --- */

.fadeList_buttons
{
	position: relative;
	clear: both;
	width: 100%;
	height: 30px;
}

div.fadebutton
{
	position: relative;
	float: left;
	margin-right: 5px;
}

ul.fadeList > li
{
	position: relative;
	top: 0;
	left: 0;
	display: none;
}

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


ul
{
	list-style: none;
}

.list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

li.listitem
{
	background: url(/images/default/icons/bullet.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

ul.links
{
	margin: 0;
	padding: 0;
	list-style: none;
}

li.selected
{
	background: url(/images/default/icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

dl.inputlist dt
{
	font-weight: bold;
	margin-top: 10px;
}

dl.inputlist dd
{
	margin-left: 20px;
}

dl.expression dt
{
	margin-top: 10px;
	padding: 5px;
	background-color: #ddd;
}




dt.mdbdetail img
{
	float: right;
	margin: -40px 0px 0px 0px;
}

dt.mdbdetail
{
	display: block;
	height: 50px;
	border-bottom: 1px solid #777;
	margin-bottom: 10px;
}

dt.mdbdetail h1
{
	font-weight: bold;
	font-size: 12px;
	display: block;
	position: relative;
	top: 25px;
}




ol
{
	margin-left: 0;
	list-style-position: inside;
}


/* --- Progress list --- */

ol.progresslist li
{
	font-style: italic;
	color: #555;
	padding-left: 10px;
}

ol.progresslist li.selected
{
	background-color: #eee;
}

ol.progresslist li a
{
	font-style: normal;
	color: black;
}


/* --- FORMS --- */




label
{
	display: block;
	margin-top: 10px;
	clear: both;
}

label.required:after
{
	content: " *";
}

label.child
{
	font-weight: normal;
}

input, textarea, select
{
	display: block;
	margin-right: 10px;
	clear: both;
	background-color: #dee1e1;
	border: 1px solid #bbbfbf;
	padding: 2px;
}

fieldset.search input
{
	margin: 0 auto;
	width: 250px;
}

fieldset.hidden input
{
	display: none;
}

fieldset#loginbox input, fieldset#loginbox label
{
	position: relative;
	clear: none;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}

fieldset.radio input
{
	display: inline;
}

fieldset.radio label
{
	display: inline;
}

fieldset div.divider
{
	position: relative;
	float: left;
	width: 120px;
	margin: 7px;
}

fieldset div.divider input
{
	width: 120px;
}

fieldset#loginbox input
{
	width: 100px;
}

textarea
{
	width: 100%;
}

.topbutton
{
	position: absolute;
	bottom: 20px;
	width: 90%;
}

.topbutton input.btn, .topbutton01 input.btn, .topbutton02 input.btn
{
	background-color: transparent;
	border: none;
	width: 77px;
	height: 31px;
	margin: auto;
}

.topbutton01
{
	position: absolute;
	bottom: 60px;
	width: 90%;
}

.topbutton02
{
	position: absolute;
	bottom: 160px;
	width: 90%;
}




.disclaimer
{
	position: absolute;
	bottom: 14px;
	width: 90%;
}


fieldset.box
{
	width: 100%;
	padding-bottom: 20px;
	border: none;
}

fieldset.box legend
{
	padding-top: 30px;
	padding-left: 10px;
}

fieldset.box label, fieldset.box input
{
	margin-left: 10px;
}

fieldset.box input
{
	width: 90%;
}

fieldset.textinfront label
{
	float: left;
	margin-right: 10px;	
}

fieldset.textinfront input
{
	margin-top: 10px;
	clear: right;	
}

fieldset.textafter input
{
	clear: none;
	float: left;
	margin-top: 10px;
}

fieldset.textafter label
{
	clear: right;
}

dl.inputlist input
{
	float: left;
}

dl.inputlist label
{
	clear: none;
}

.formsubmit
{
	width: 90%;
	clear: both;
	margin: 5px 0 10px 0;
}

.formsubmit input, .formsubmit select
{
	clear: none;
	float: left;
}

.formsubmit input
{
	background-color: #555;
	color: white;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

fieldset
{
	border: none;
}

input[type="hidden"]
{
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
}

/* --- TABLES --- */

table.full
{
	width: 100%;
	background-color: #ddd;
	margin-bottom: 10px;
}

table.full tr
{
	height: 22px;
}

table.geneview
{
	border: 2px solid #bbb;
}

table#legend
{
	border: 1px solid black;
	margin: 10px;
}

table.geneview td
{
	width: 140px;
	text-align: center;
	vertical-align: top;
}

div.sliderTitle
{
	height: 15px;
}

caption
{
	background-color: #999;
	padding: 2px 5px 5px 5px;
	margin-top: 10px;
	text-align: left;
}

thead th
{
	font-weight: bold;
	background-color: #bbb;
	border-bottom: 1px solid #777;
}

th
{
	background-color: #ccc;
	padding: 2px;
	text-align: left;
	vertical-align: bottom;
}

th img.clickable
{
	margin: 4px;
}


table.expression td, table.expression th
{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

col.check
{
	width: 25px;
}

col.tools
{
	width: 60px;
}

col.stage, col.date
{
	width: 150px;
}

col.domain
{
	width: 16px;
}

col.description
{
	width: 400px;
}

td.green, td.yellow, td.orange
{
	cursor: pointer;
}

.green
{
	background-color: #468966;	
}

.yellow
{
	background-color: #FFd23B;	
}

.orange
{
	background-color: #FF6e07;	
}

.black
{
	background-color: #000;	
}

.white
{
	background-color: #fff;	
}

#pics{
	
	width: 900;
	text-align: center;
}

#donate_button1{
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;

}

#donate_button1bis{
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;

}

#donate_button2{
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
#donate_button3{
	margin-bottom: 20px;
	margin-bottom: 20px;
	float: left;
}

}
#donate_button4{
	margin-bottom: 20px;
	float: left;
}









img.pics
{
	margin: 8px;
}

img.icon
{
	margin: 2px;
}


img.profile
{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

img.profile_list
{
	margin: 5px;
}

img.species_list
{
	margin: 3px;
}


/* --- Expression --- */

a.expr_img
{
	display: block;
	overflow: hidden;
	width: 280px;
	height: 280px;
	background-color: #eee;
}

ul#stagemenu
{
	display: block;
	position: relative;
	float: left;
	width: 300px;
}

ul#stagemenu li
{
	padding-left: 5px;
}

ul#stagemenu li#current
{
	background-color: #ddd;
}

div#expressiondata
{
	position: relative;
	float: left;
	width: 560px;
	border: 10px solid #ddd;
	padding: 10px;
	background-color: #eee;
}

div#expressiondata #images
{
	position: relative;
	float: left;
	margin-right: 10px;
	width: 140px;
}

div#expressiondata #images a img
{
	position: relative;
	float: left;
	clear: both;
}

div#expressiondata fieldset#domains
{
	position: relative;
	float: left;
	width: 400px;
}


/* --- Thumbs --- */

a.thumb
{
	margin: 10px;
}

.introimage
{
	height: 280px;
	width: 280px;
}

/* --- JCarousel --- */


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* --- jtip --- */

#JT_arrow_left{
	background-image: url(/images/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/images/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/images/jtip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

ul.pagination
{
	float: right;
}

ul.pagination li
{
	float: left;
	font-size: 12px;
	margin: 0 2px;
}

ul.pagination li.current
{
	font-weight: bold;
}

ul.pagination li.blank
{
	color: #ddd;
}



/* --- autocomplete --- */
	
.ac_results
{
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 99999;
	width: 200px;
	border: 1px solid black;
	background-color: #212427;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.ac_results li
{
	display: block;
	clear: both;
	padding: 2px 5px;
	white-space: nowrap;
	color: #ddd;
	text-align: left;
	line-height: 16px;
	overflow: hidden;
}

.ac_over
{
	cursor: pointer;
	background-color: #44f;
}

/* --- bulletin --- */

.bulletinitem 
{
	float: left;
	width: 430px;
	height: : 95px;
	margin: 10px;
}

.bulletinitem a
{
	position: relative;
	width: 90px;
	float: left;
	margin-right: 5px;
}

.bulletinitem p
{	
	width: 280px;
	height: 95;
	position: relative;
	display: block;
	float: right;
}


/* --- comments --- */

.comment
{
	width: 380px;
	background-image: url(/images/default/comment_top.png);
	background-repeat: no-repeat;
	background-position: top;
}

.comment-text
{
	margin: 10px;
	padding: 5px 0;
}

.comment .author
{
	width: 380px;
	height: 50px;
	background-image: url(/images/default/comment_bottom.png);
	background-repeat: no-repeat;
	background-position: top;
}

.comment .author p
{
	padding-top: 25px;
	padding-left: 50px;
}


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

.wmd-preview
{
	border: 1px solid #444;
	margin-top: 27px;
	overflow-y: scroll;
}

.textedit-window
{
	height: 409px;
	padding: 5px;
}

.textedit-frame
{
	width: 420px;
	margin: 0 10px;
}


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

.valid
{
	border: 1px solid green;
}

.invalid
{
	border: 1px solid red;
}


/* --- ERRORS --- */

span.error
{
	color: red;
	margin-left: 10px;
}

form.noerrortext span.error
{
	display: none;
}


/* --- NEWS VIEW --- */

.article_header
{
	position: relative;
	width: 900px;
	height: 150px;
	background-color: #cfd3d3;
}

.article_header_img
{
	width: 900px;
	height: 150px;
	background-color: #b5c4ce;
}

.article_header_noimg
{
	width: 900px;
	height: 75px;
	background-color: #b5c4ce;
}

.article_intro
{
	position: relative;
	float: left;
	width: 580px;
	height: 130px;
	margin: 10px;
}

.article_intro p.article_source
{
	display: block;
	position: absolute;
	bottom: 0;
	padding: 0;
}

.article_info
{
	position: relative;
	float: left;
	width: 280px;
	height: 130px;
	margin: 10px;
}

.article_info dl
{
	display: block;
	position: relative;
	float: right;
}

.article_info dl dd, .article_extra .infobox h4
{
	padding: 0 0 10px 0;
}

.article_info p.stats
{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
}

.article_info .stats p
{
	padding: 0;
}

.article_titlebar
{
	position: absolute;
	bottom: 150px;
	float: left;
	width: 880px;
	height: 55px;
	margin: 10px;
	background-color: black;
	opacity: 0.7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white;
}

.article_titlebar .text
{
	position: relative;
	float: left;
}

.article_titlebar .tools
{
	position: relative;
	float: right;
}

.article_main_text
{
	position: relative;
	float: left;
	width: 580px;
	margin: 20px 10px;
}

.article_main_images
{
	position: relative;
	float: left;
	width: 600px;
	margin: 20px 0;
}

.article_extra
{
	position: relative;
	float: left;
	width: 280px;
	margin: 20px 10px;
}

.article_extra .infobox
{
	position: relative;
	float: left;
	width: 280px;
	background-color: #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white;
	margin-bottom: 10px;
}

.article_extra .infobox div
{
	position: relative;
	float: left;
	width: 260px;
	margin: 10px;
}

.article_extra .infobox div img
{
	float: right;
}

.article_extra .infobox div p
{
	display: block;
	clear: both;
	float: left;
	margin-bottom: 10px;
}

.texticon, .keywordlist span.keyword
{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px;
	white-space: nowrap;
}

.icontype_empty
{
	background-color: #777;
	border: 1px solid black;
}

.icontype_empty a:hover
{
	color: black;
}

.icontype_article, .icontype_ok
{
	background-color: #77B59C;
	color: black;
}

.icontype_news, .icontype_alert
{
	background-color: #ED3B3B;
	color: black;
}

.icontype_log
{
	background-color: #3875d7;
	color: black;
}

div.bar
{
	float: left;
	height: 5px;
}

/* --- KEYWORDS --- */

.keywordlist
{
	width: 400px;
	height: 100px;
	background-color: #777;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

span.keyword
{
	text-transform: lowercase;
	margin: 0 5px;
}

span.keyword:after
{
	content: " ";
}

.keywordlist span.keyword
{
	background-color: #ED3B3B;
	color: black;
	padding: 0 5px;
	border: 1px solid black;
}

ul.linklist
{
	clear: both;
	margin-bottom: 5px;
}

ul.linklist li
{
	display: block;
	position: relative;
	float: left;
	clear: both;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px;
	background-color: #ED3B3B;
	color: black;
	padding: 0 5px;
	margin: 5px 0;
}

ul.linklist li span
{
	padding: 0 10px;
}


/* --- Edit images --- */

div#category_info, div.contentBox
{
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #bbb;
	/*height: 90px;*/
	padding: 10px 0;
}

div#image_edit
{
	height: 410px;
	border: 2px solid #666;
}

div#image_add
{
	height: 120px;
	border: 2px solid #666;
}

div#image_delete
{
	height: 150px;
	border: 2px solid #d33;
}

ul.imagelist > li
{
	display: block;
	height: 150px;
}

div#image_edit, div#image_add, div#image_delete, ul.imagelist > li
{
	position: relative;
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #aaa;
	padding: 10px;
	margin-top: 10px;
}

ul.imagelist > li > a, div#image_edit > a, div#image_delete > a
{
	float: left;
}

ul.imagelist li > div, div#image_delete > div, div#image_edit > div
{
	position: relative;
	float: right;
	width: 550px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	background-color: #bbb;
}

ul.imagelist li > div, div#image_delete > div
{
	height: 130px;
}

div#image_edit > div
{
	height: 390px;
}

ul.imagelist li div div
{
	position: absolute;
	top: 10px;
	right: 10px;
}


/* --- NEWS LIST --- */

h3.article_list_title
{
	background-color: #aaa;
	padding: 5px;
}

a.newslist_thumb_text
{
	display: block;
	float: left;
	width: 430px;
	height: 90px;
	margin: 10px;
}

a.newslist_thumbs
{
	display: block;
	float: left;
	width: 140px;
	height: 90px;
	margin: 10px 19px;
}

a.newslist_thumb_text img
{
	float: left;
	width: 140px;
	height: 90px;
}

a.newslist_thumb_text div
{
	float: right;
	width: 280px;
	height: 90px;
	margin: 0 5px;
}

ul.news_search li
{
	margin-bottom: 5px;
}


/* --- IMAGE CREDIT --- */

p.image_credit
{
	display: block;
	position: relative;
	top: -15px;
	margin: 0 7px;
	color: #888;
	font-size: 8px;
}


/* --- RATING --- */

form.rating
{
	display: block;
	position: relative;
	width: 260px;
	height: 150px;
}

form.rating fieldset.voteButtons
{
	display: block;
	height: 150px;
}

form.rating fieldset.voteButtons input
{
	display: block;
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

form.rating fieldset.voteButtons input:focus
{
	outline: none;
}

form.rating fieldset.voteButtons p.voteData
{
	display: block;
	position: absolute;
	bottom: 0;
	margin: 0;
}



/* --- TABLES --- */

table.full, caption
{
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 2px;
}

th img.sortIcon
{
	margin-left: 5px;
}

form.tableControl
{
	clear: both;
	height: 20px;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #888;
}

form.tableControl p
{
	display: block;
	float: left;
	margin: 2px;
}

form.tableControl input
{
	display: block;
	float: left;
	clear: none;
	margin: 2px 10px;
	padding: 2px;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

form.tableControl select
{
	display: block;
	float: left;
	clear: none;
	cursor: pointer;
	font-size: 8px;
	padding: 0;
	margin: 2px;
}

tr.tableRowHover
{
	background-color: #eee;
}


/* --- Markitup --- */


/* --- Shop --- */

.shop_thumb
{
	position: relative;
	float: left;
	width: 300px;
	height: 140px;
	margin-bottom: 10px;
}

.shop_thumb img
{
	margin: 0 10px;
}

.shop_box
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	float: left;
	width: 600px;
	height: 140px;
	background-color: #eee;
	margin-bottom: 10px;
}

.shop_description
{
	position: relative;
	float: left;
	width: 480px;
	height: 120px;
	margin: 10px;
}

.shop_buy
{
	position: relative;
	float: left;
	width: 80px;
	height: 120px;
	margin: 10px;
}


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}