/* GUI COMPONENTS */

/* MooTools tooltips */
/* 
.tip {
	position:absolute;
	z-index:100000 !important;
	width:139px;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font: italic 11px/20px Verdana, Geneva, sans-serif;
	color:#8fd0e9;
}
.tip:after, .tip:before {
    border-top: 25px solid transparent;
    border-left: 15px solid #555;
    -moz-transform: rotate(-15deg);
    top: -20px;
    content: '';
    position: absolute;
    left: 25px;
	z-index:-1;
}

.tip:before {
    border-left: 25px solid rgba(0, 0, 0, 0.1);
    bottom: -28px;
    right: 22px;
	position:absolute;
	z-index:-2
}
*/
.tip {
	position:absolute;
	z-index:100000 !important;
	width:139px;

	background-color: #555;

	-moz-opacity: .9;
	opacity: .9;
	filter: alpha(opacity=90);

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}

.tip-title {
	font-size: 11px;
	padding: 4px;
	text-align: center;
}

.tip-text {
	font-size: 11px;
	padding: 4px;
	text-align: center;
}


/* ((( PageTurn */

div.pageturn     {height: 15px; width: 101px;}
div.pageturn div {
    float: left;
    width: 15px;
    height: 15px;
    background: transparent url(/static/images/gui-pageturn-arrows.gif) no-repeat;
    cursor: pointer;
}

div.pageturn div.prev,
div.pageturn div.prev_over,
div.pageturn div.prev_dead,
div.pageturn div.next,
div.pageturn div.next_over,
div.pageturn div.next_dead { font-size:0px; }

div.pageturn div.prev      {background-position: 0px -15px !important;}
div.pageturn div.prev_over {background-position: 0px -30px !important;}
div.pageturn div.prev_dead {background-position: 0px 0px !important; cursor: default !important;}

div.pageturn div.next      {background-position: -15px -15px !important; background-repeat:no-repeat;}
div.pageturn div.next_over {background-position: -15px -30px !important;}
div.pageturn div.next_dead {background-position: -15px 0px !important; cursor: default !important;}

div.pageturn input {
    color: #333;
    background-color: #fff;

    float: left;
    text-align: center;
    width: 55px;
    height: 15px;

    border: 0px;
    padding: 0px;
    margin: 0px;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 15px;

    font-size-adjust: 0.54;
}

div.pageturn input:hover {color: #21f !important; background: #fffacc !important;}
div.pageturn input:focus {color: #21f !important; background: #fffacc !important;}

div.pageturn div.loader {
    width: 16px;
    height: 16px;

    cursor: default;

    background: transparent url(/static/images/loading-light.gif) no-repeat;
}

/* DUSK variation */
div.pageturn.dusk div {
    background: transparent url(/static/images/gui-pageturn-arrows-dusk.gif) no-repeat;
}

div.pageturn.dusk input {
    color: #999;
    background: #333 url(/static/images/gui-pageturn-input-dusk.gif) repeat-x;
}

div.pageturn.dusk input:hover {
    color: #fff !important;
    background: #444 url(/static/images/gui-pageturn-input-over-dusk.gif) repeat-x !important;
}

div.pageturn.dusk input:focus {
    color: #fff !important;
    background: #444 url(/static/images/gui-pageturn-input-over-dusk.gif) repeat-x !important;
}

div.pageturn.dusk div.loader {
    background: transparent url(/static/images/loading-dark.gif) no-repeat;
}


/* PageTurn ))) */



/* ((( Selectbox */
select {visibility: visible;}

div.selectbox { background-color:#fff; }
div.selectbox td.current {}
div.selectbox td.current div.current {}

div.selectbox td.dropdown {}
div.selectbox td.dropdown div.dropdown {}

div.selectbox td.list {}
div.selectbox td.list div.option {}
div.selectbox td.list div.option:hover {}

div.selectbox td.list div.option_selected {}
div.selectbox td.list div.option_selected:hover {}

div.selectbox td.list div.option:disabled {}
/* SelectBox ))) */