/*

csTransPie - Make elements as they should be in every browser

*Petar Koretić
* Started  30.01.2012*

 *every element is written with css(3) only, no images needed except for checkbox and radio buttons - I just like them more image-based*
 *Gradient code is provided for all browsers, even SVG version which is for IE 9 *
 *!! position:relative !! is used for IE8 cleartype-filter "bug" so have that in mind!*
 I don't use them, but you newer know - http://paulirish.com/2009/browser-specific-css-hacks/ http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/
 */
 
/*==============================================================================================================================================
														 HELPER CLASSES FOR JQUERY
================================================================================================================================================*/
.csHiddenFile {position:absolute;left:-345px;top:-2px;opacity:0;filter:alpha(opacity=0);cursor:pointer;height:32px!important;font-size:31px;} /* Chrome won't allow click when 'display:none' set for input type=file */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.csHiddenFile {left:-151px;font-size:23px;}
}
.ie9 .csHiddenFile {left:-128px;font-size:23px;top:-2px;}
.ie8 .csHiddenFile {left:-135px;font-size:23px;top:-2px;}

.ie9 #forum-settings .csHiddenFile {left:-279px;font-size:23px;top:-2px;}
.ie8 #forum-settings .csHiddenFile {left:-279px;font-size:23px;top:-2px;}

.csDisabled{background-color: #E6E6E6 !important; cursor:default !important;color:gray !important;border-color:#D3D3D3 !important; } /* Disabled elemenets */
.csOpaque{opacity: 0; filter: alpha(opacity=0);}
/*==============================================================================================================================================
																ELEMENTS
================================================================================================================================================*/


/*============================================================= INPUT TYPE=FILE =======================================================================*/

.csFile 
{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	overflow:hidden;
}
.csFileInput
{	
	display:inline-block;
	vertical-align:middle;
	border:0px solid #ffffff !important;
	font-size:14px;
	color:#666666;
	font-family:arial,verdana;
	margin-left:10px;
	width:130px!important;
}
.csFile:hover input.button.update {background:#6e6e6e;border:1px solid #545454;color:#ffffff;}


/*============================================================= SELECT =======================================================================*/
select
{
	cursor: pointer;
	height:31px;
	z-index: 9999 !important; /* jquery dialog */
	position:relative;
	border:none;
}

.csSelect
{
	font:1.0em arial;
	position:relative;
	vertical-align:middle;
	display:inline-block;
	margin: 0px 0px 0px 0px;
	background: url(/img/icb-select-left.png) no-repeat left 0;
	text-align:left;
	height:31px;
}

.csSelectBar 
{
	cursor:pointer;
	padding-top:8px;
	display:inline-block;
	margin-left:10px;
	position:absolute;
	left:0;
	white-space:nowrap;
	width: 100%;
	height: 100%;
	background: url(/img/icb-select-right-md.png) no-repeat 100% 0;
}

.csSelect.small .csSelectBar 
{
	background: url(/img/icb-select-right.png) no-repeat 100% 0;
}
.csSelect.medium .csSelectBar 
{
	background: url(/img/icb-select-right.png) no-repeat 100% 0;
}
.csSelect.large .csSelectBar 
{
	background: url(/img/icb-select-right-lg.png) no-repeat 100% 0;
	padding-top:13px;
}
.csSelect.large select
{
	height:41px;
}
.csSelect.large
{
	background: url(/img/icb-select-left-lg.png) no-repeat left 0;
	height:41px;
}


.csSelect.xsmall .csSelectBar 
{
	background: url(/img/icb-select-right-xsm.png) no-repeat 100% 0;
	padding-top:6px;
	font-size:13px;
}
.csSelect.xsmall select
{
	height:26px;
}
.csSelect.xsmall
{
	background: url(/img/icb-select-left-xsm.png) no-repeat left 0;
	height:26px;
}


/*select arrow - arrow is added in javascript - ▼*/
.csSelectOpen {
	font:0.7em arial;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	padding-top:10px;
	padding-right:10px;
}