/*
	STYLE SHEET FOR OSIS Killroutine
	Created by Niroshan Nadarajah, karasu GmbH
	niro (at) karasu-online.com

	ToC
	1. Imports
	2. Defaults
	3. Links and Navigation
	4. Structure

	Notes

*/


/*************** 1-Imports ***************/

@import url("reset.css");
@import url("includes.css");



/*************** 2-Defaults ***************/
body{
	margin				: 0px;
	padding				: 0px;
	font-size			: 12px; 
	background-color	: #000000;
	font-family			: Arial, Helvetica, Verdana;
}

form {
	display				: inline;
}

textarea {
   resize				: none;
}

table td {
	vertical-align: top;
}

.SI-FILES-STYLIZED label.cabinet {
	width				: 132px;
	height				: 23px;

	display				: block;
	overflow			: hidden;
	cursor				: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file {
	position			: relative;
	height				: 100%;
	width				: auto;
	opacity				: 0;
	-moz-opacity		: 0;
	filter				: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


.error {

	background-color	: #FFB9BA;
	border				: 1px solid #D7000A
}

.normal {
	background-color	: #FFFFFF;
	border				: 1px solid transparent;
}

/*************** 3-Links ***************/

a:hover {
	color				: #CCCCCC;
}

#navigation {
	position			: absolute;
	top					: 8px;
	left				: 5px;
	
}

	.nav_element {
		background-color	: #818181;
		font-size			: 12px;
		padding				: 3px 8px 2px 8px;	
		float				: left;
		margin-left			: 5px;
	}
	
.russian_link a {
	color: #BBBBBB;
}

/*************** 4-Structure ***************/

#body-wrapper-outer {
  position				: absolute;
  top					: 50%;
  left					: 0px;
  width					: 100%;
  height				: 1px;
  overflow				: visible;
}

#body-wrapper-inner {
	width				: 980px;
	height				: 630px;
	margin-left			: -490px;	/***  width / 2   ***/
	position			: absolute;
	top					: -315px;	/***  height / 2   ***/
	left				: 50%;
	text-align: left;
}
	
	#skp_logo{
		position			: absolute;
		z-index				: 99;
		right				: 20px;
		top					: 20px;
	}

	#content {
		width				: 980px;
		height				: 630px;
	}

	.textinput {
		border				: none;
		padding-left		: 4px;
		padding-top			: 2px;
		font-family			: Helvetica, Arial, Verdana;
		text-transform		: uppercase;
		font-size			: 10px;
		color				: #666666;
	}

	.arrow_button_left {
		background-image	: url(../img/arrow/12x31_left.png);
		width				: 11px;
		height				: 31px;
		float				: left;
	}
	
	.arrow_button_center {
		background-image	: url(../img/arrow/3x31_center.png);
		height				: 31px;
		float				: left;
		font-size			: 13px;
		padding				: 10px 6px 0px 6px;
		*padding-top		: 7px;
		background-repeat	: repeat-x;
		text-transform: uppercase;
	}
	
	.arrow_button_right{
		background-image	: url(../img/arrow/9x31_right.png);
		width				: 9px;
		height				: 31px;
		float				: left;
	}
	
	.arrow_back_button_left {
		background-image	: url(../img/arrow/back_links.png);
		width				: 7px;
		height				: 31px;
		float				: left;
	}
	
	.arrow_back_button_center {
		background-image	: url(../img/arrow/back_center.png);
		height				: 31px;
		float				: left;
		font-size			: 12px;
		padding				: 8px 6px 0px 6px;
		*padding-top		: 5px;
		background-repeat	: repeat-x;
		text-transform: uppercase;
	}
	
	.arrow_back_button_right{
		background-image	: url(../img/arrow/back_rechts.png);
		width				: 12px;
		height				: 31px;
		float				: left;
	}
	
	.spacer {
		width				: 5px;
		float				: left;
		height				: 5px;
	}


#footer {
	position			: absolute;
	bottom				: 8px;
	left				: 30px;
}

#footer a {
	font-size: 11px;
}

.social_icon {
	float: left;
}

#musicplayer {
	
	float: left; 
	background-image: url(../img/footer/71x66_box.png); 
	height: 86px; 
	width: 77px; 
	background-repeat: no-repeat; 
	position: absolute;
	bottom: 0px;
	right: 15px;
}

#music_control {
	font-size: 11px;
	margin-top: 2px;
}

#more_layer {
	background-image: url(../img/footer/more/205x403_more_bg.png);
	width: 205px;
	/*height: 403px; */
	height: 0px;
	overflow: hidden;
	position: absolute;
	bottom: 40px; 
	right: 94px;
	z-index: 49;
	color: #000000;
}

	#more_headline {
		margin-left: 22px; 
		font-size: 12px; 
		margin-top: 20px; 
		margin-right: 20px;
		
	}
	
	#more_close {
		background-image	: url(../img/arrow/back_center.png);
		position: absolute;
		padding: 2px 4px 2px 4px;
		top: 2px;
		font-size: 11px;
		left: 185px;

	}



.headline_red, .headline_black {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}

.headline_red {
	color: #c50404;
}

.text {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.text_red {
	color: #c50404;
}
	
/***************** Tooltip [ BEGIN] *****************/

#tt_text {
	font-size: 12px;
	width: 160px;
	margin-left: 15px;
	margin-top: 13px;
}

.tt_box {
	margin-top: 15px;
	width: 185px;
	margin-left: 8px;
}

.tt_box a {
	color: #000000;
}

.tt_box a:hover, tt_box_title:hover {
	font-weight: bold;
	color: #333333;
}

.tooltip_arrow {
	float: left;
	margin-left: 15px;
	margin-top: 3px;
}

#tooltip_icon {
	position: absolute;
	top: 28px;
	z-index: 1;
}

.tt_box_title {
	float: left;
	margin-left: 5px;
	font-size: 11px;
}

.tt_box_img {
	margin-left: 25px;
	padding-top: 8px;
	*padding-top: 6px;
	clear: both;
	cursor: pointer;
}

/***************** Tooltip [ END ] *****************/

/*****************  star rating  *****************/

div.rating-cancel,div.star-rating {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}

div.rating-cancel,div.rating-cancel a{
	/* background:url(delete.gif) no-repeat 0 -16px */
	background-color: green;
	display: none;
	width: 0px;
	overflow: hidden;
}

div.star-rating,div.star-rating a{
	background:url(../img/killroutine/profile/star.gif) no-repeat 0 0px
}

div.rating-cancel a,div.star-rating a{
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px;
	border:0
}

div.star-rating-on a{background-position:0 -16px!important}

div.star-rating-hover a{background-position:0 -32px}

/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}

/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}